Szövegdobozok

Sziasztok! :)
Ha már itt unatkozom, gondoltam, hasznosítom magam. Így hát hoztam nektek pár szövegdobozt a világhálózatról! ^^ Egy másik bejegyzésben elmondom, hogy hogyan kell megváltoztatni a kódokat. :)

Szöveg doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div
 class="widget-content"><div style="border-left: 2px #555 dashed; 
border-radius: 52px; border-right: 2px #555 dashed; padding: 17px; 
text-align: justify; width: 120px;">
<div style="text-align: 
center;">
Szöveg doboz<br />
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>
</div>

Szöveg doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div
 class="widget-content"><div style="border-left: 5px #C5B3BF 
dotted; border-radius: 52px; border-right: 5px #C5B3BF dotted; padding: 
17px; text-align: justify; width: 120px;">
<div style="text-align: 
center;">
Szöveg doboz<br />
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>
</div>

Szöveg doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div
 class="widget-content"><div style="border-radius: 52px; 
box-shadow: 9px 5px 8px #8c1223, -1px -0px 3px #8c1223; padding: 17px; 
text-align: justify; width: 120px;">
<div style="text-align: 
center;">
Szöveg doboz<br />
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>
</div>

Szöveg doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div
 style="background: #C3F592; border-radius: 12px; box-shadow: 5px 5px 
5px #89A042; padding: 17px; text-align: justify; width: 
120px;"><div style="text-align: center;">
Szöveg doboz<br 
/>
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>
</div>

Szövegdoboz

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background-image: url(http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=96976172); border-radius: 50% 50% 0% 0%; box-shadow: 2px 2px 2px #ad91b3; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
Szövegdoboz
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége
</div>

Szövegdoboz

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background-image: url(http://static.tumblr.com/f549478625aebaaf26ad9cde94401e47/p9h5pno/YGUmntdzf/tumblr_static_grunge_background_texture_9_by_madsin.jpg); border-radius: 70px 70px 0% 0%; box-shadow: 0px 0px 3px #000; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
Szövegdoboz
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége
</div>                           

Szövegdoboz

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background: #333; border-radius: 600px 600px 0% 0%; box-shadow: 0px 0px 3px #000; color: white; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
Szövegdoboz
</div>
<div style="background: #ccc; box-shadow: 0px 0px 3px #000; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége
</div>

Szövegdoboz

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background-image: url(http://24.media.tumblr.com/tumblr_la3d70XaoV1qcdtsho1_500.jpg); border-radius: 600px 600px 0% 0%; box-shadow: 0px 0px 3px #000; color: white; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
Szövegdoboz
</div>
<div style="background: #c2a89f; box-shadow: 0px 0px 3px #000; padding-top: 10px; padding: 5px; text-align: center; width: 210px;">
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége
</div>

Felhős  doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background: url(http://37.media.tumblr.com/tumblr_me9qbr31U01qcdtsho1_1280.jpg); border-radius: 25px; border: 1px solid #9ac9db; box-shadow: 2px 1px 5px #9ac9db; padding: 17px; text-align: center; width: 120px;">
Felhős  doboz<br />
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>

Pillangós  doboz


szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg


Vége

<div style="background: url(http://31.media.tumblr.com/724fbaab2925483dd06a9f3ace68d2a2/tumblr_mj3q2aFBFg1qcdtsho1_1280.jpg); border-radius: 12px; padding: 17px; text-align: center; width: 120px;">
Pillangós  doboz<br />
<br />
<br />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg<br />
<br />
<br />
Vége</div>

Forrás: Kawaii Blog Design