2014. július 8., kedd

Díszes szövegdobozok

Első:




<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>


Második:



<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>



Harmadik:








<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>



A negyedik:






<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>


Pillangós és felhős szövegdoboz:


Pillangós:
<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>


Felhős:

<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>



Csipkés szövegdoboz:



<div style="background: url(http://37.media.tumblr.com/tumblr_li2hqpzkH21qcdtsho1_500.png); border-radius: 25px; box-shadow: 4px 1px 0px #f0b4cf; padding: 17px; text-align: center; width: 120px;">
Csipké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>


Galaxis szövegdoboz



<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>



Forrás:Ez az :)







Nincsenek megjegyzések:

Megjegyzés küldése