Html kódok ‖ Petra S.

Hoztam számotokra pár Html kódot, remélem hasznát veszitek őket.

És ha rendelni akartok vagy szeretnétek akkor a flawlessgirlsblog@gmail.com e-mailre üzenjetek nekünk.

De írjátok meg kitől szeretnétek!

A kódok forrása : Kawaii Blog Design.

A kép szélei lekerekítettek lesznek:

<style type="text/css"> img{ -moz-borde-radius: 20em;

-webkit-border-radius: 20em;}</style>

Árnyék a képnek:

<style type="text/css">img{

box-shadow: 3px 3px 10px #555;

-webkit-box-shadow: 3px 3px 10px #555;

-moz-box-shadow:  3px 3px 10px #555;}</style>

Árnyék lesz a link mögött:

<script type="text/css"> 

 A:link, A:visited, A:active {text-shadow: 0px 0px 0px #666;} 

A:hover { text-shadow: 1px 1px 10px #666;}

</script>

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>

Demo:

Csipkés doboz


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


Vége

Szürke szövegdoboz:

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

Demo:

Szövegdoboz

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


Vége