Különleges szövegdobozok

Drága Olvasók!
Mint látjátok a blog új kinézetet kapott, ezért is nem lehetett 4  órán keresztül elérni a blogot. A fejlécet drága Vivianünk készítette, a kinézet többi részét pedig jómagam.Mivel új kinézetet kapott a blog így gondoltam most már kiteszem azt a szövegdobozt, ami az előző kinézetnél volt és már sokan is kérték. Valamint kaptam e-mailben is kérést, hogy hozzak nekik különleges/bonyolultabb szövegdobozokat, így kerestem is párat, remélem sokatoknak hasznos lesz! :)
A szövegdobozok mind a shine nevezetű oldalról származnak!



Üdv itt!
Ide is jön szöveg
szöveg,szöveg,szöveg,szöveg ééééééés szöveeeeeeeeeeeeg

BlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablah
Puszipá

Kódja:
<div style="color: #ae9f71; font-family: miniver; font-size: 35px; text-shadow: 1px 0px white, 0px 1px white, -1px 0px white, 0px -1px white; width: 180px;">
Üdv itt!

</div>
<div style="color: #9d968d; font-family: arial narrow; font-size: 9px; margin-top: 7px; text-transform: uppercase; width: 195px;">
Ide is jön szöveg

</div>
<div style="color: #9d968d; font-family: georgia; font-size: 8px; letter-spacing: 2px; line-height: 90%; text-align: justify; width: 155px;">
szöveg,szöveg,szöveg,szöveg ééééééés szöveeeeeeeeeeeeg

</div>
<br />
<div style="border-top: 5px solid black; color: #ae9f71; font-family: tahoma; font-size: 11px; height: 170px; line-height: 90%; line-xolor: #ae9f71; overflow: auto; padding: 5px; text-align: justify; width: 150px;">
BlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablahBlahblahblhablah
</div>
<span style="font-style: italic;"><span style="font-weight: bold;">Puszipá</span></span>
</div>


IDE JÖN A CÍM
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
Kódja:
<link href='http://fonts.googleapis.com/css?family=Oswald:300|Raleway:200' rel='stylesheet' type='text/css'> <center><div style="width: 90px; height: 15px; background-color: #81AFAF; border-right: 200px solid #000;"> </div>
<div style="width: 260px; height: 30px; background-color: #95C3C3; border-right: 15px solid #000; border-left: 15px solid #81AFAF;  font-family: 'raleway';  font-size: 15px; letter-spacing: -1px; word-spacing: 2px;  text-transform: uppercase; color: #000; text-shadow: 1px 1px 0px #fff;"> <div style="position: relative; top: 10px;">

IDE JÖN A CÍM

</div> </div>
<div style="width: 260px; height: 110px; background-color: #fff; border-right: 15px solid #95C3C3; border-left: 15px solid #95C3C3; overflow: auto;"><center><div style="width: 230px; padding: 5px; font-family: arial; font-size: 9px; color: #000; text-align: justify; line-height: 115%;">

BLAHBLAHBLAHBLAH

</div></center>


cím cím
Ide jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szöveg
Kódja:
<center>
<div style="font-family: pacifico; font-size: 30px; line-height: 90%; text-align: center; text-shadow: 1px 1px 0px #eee, 2px 2px 0px #4368b3; text-transform: lowercase;">
cím cím</div>
<div style="background-color: #eeeeee; padding: 3px; width: 244px;">
<div style="background-color: #252525; border-right: 75px solid #4368b3; padding: 7px; width: 155px;">
<div style="background-color: #eeeeee; font-family: arial; font-size: 10px; line-height: 150%; padding: 20px; text-align: justify; width: 190px;">
Ide jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szövegIde jön a szöveg, ide jön a szöveg</div>

Jelezzétek, ha még több ilyet szeretnétek! :)
További szép napot!
Roxana

22 megjegyzés:

  1. Jujj!! *-* Iszonyatosan hálás vagyok, hogy szántál rá időt, rengeteget segítettél vele!! Köszönöm!! :)

    VálaszTörlés
  2. Kedves szerkesztők! a harmadik szövegdobozt elvittem volna, ha nem gond :) Köszönöm !

    VálaszTörlés
  3. Kedves Szerkesztők!
    Az első szövegdobozt elvittem saját célra és természetesen megjelöllek titeket forrásként, persze ha nem gond. Amúgy nagyon szépek a szövegdobozok, szerintem ezt mindenki nevében elmondhatom:)
    Puszi, Bella

    VálaszTörlés
    Válaszok
    1. Kedves Bella!
      Örülök, hogy szóltál, de ez nem saját, SHINE oldaláról származnak! Én csak annyit csinálok hogy átalakítgatom, nem pedig csak bemásolom. De azért örülök, hogy tetszenek mert akkor ezek szerint hasznosakat és jókat hozok. :)
      Ölel, Roxana

      Törlés
  4. Drága Roxana!
    Az első szövegdoboz nagyon megtetszett, elvittem. Köszönöm. (:

    VálaszTörlés
    Válaszok
    1. Köszönöm, hogy szóltál Winter!
      Örülök, hogy tetszik! :)

      Törlés
  5. Sziasztok! Elvittem az első szövegdobozt! Köszönöm szépen!

    VálaszTörlés
    Válaszok
    1. Szia! Rendben, köszönjük, hogy szóltál! Nagyon szívesen! :)

      Törlés
  6. Sziasztok!
    Nagyon szépek a szövegdobozok! :) Az elsőt elcsenem ^^
    Úgy érzem, én itt gyakori látogató leszek :D

    VálaszTörlés
  7. Sziasztok!
    Nagyon szépek a szövegdobozok! :) Az elsőt elcsenem ^^
    Úgy érzem, én itt gyakori látogató leszek :D

    VálaszTörlés
  8. Sziasztok!
    Gyönyörűek a szövegdobozok, olyannyira, hogy az elsőt vittem.
    KöszönömT

    VálaszTörlés
  9. Szia! :) Vittem az elsőt :)

    VálaszTörlés
  10. Drága Szerkesztők!

    Hálás vagyok ezekért a kódokért, vittem is a harmadikat :)

    VálaszTörlés
  11. Elvittem az utolsót :) Köszönöm szépen! :)

    VálaszTörlés
  12. Én is vittem egyet, köszönet.

    VálaszTörlés