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