Cuadros animales - (page 7) - Tutorial, CSS, HTML

Par GloriaV le 2 Avril 2016 à 10:11

Texto

<div style="padding: 10px;"><div style="padding: 2px; border-radius: 180px 180px 10px 10px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); box-shadow: 3px 2px 10px #000000; background-repeat: repeat;">
<div style="padding: 5px; border-radius: 180px 180px 10px 10px; background-image: url('http://img-fotki.yandex.ru/get/5410/56522409.1f/0_65a93_de4e8798_M.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 180px 180px 10px 10px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); background-repeat: repeat;">
<div style="padding: 70px; border-radius: 180px 180px 10px 10px; box-shadow: 0px 0px 70px #AAA49F; background-image: url('http://www.ephotobay.com/image/2-996.gif'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 80px 80px 10px 10px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); background-repeat: repeat;">
<div style="padding: 5px; border-radius: 80px 80px 10px 10px; background-image: url('http://img-fotki.yandex.ru/get/5410/56522409.1f/0_65a93_de4e8798_M.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 80px 80px 10px 10px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); background-repeat: repeat;">
<div style="padding: 3px; border-radius: 80px 80px 10px 10px; box-shadow: inset 0px 0px 20px #000000; background-image: url('http://i021.radikal.ru/0804/59/9d4e204da648.jpg'); background-repeat: repeat; width: auto; height: 100%;">
<div style="padding: 12px;"><br /><img style="border-radius: 80px 80px 10px 10px; box-shadow: #AAA49F 3px 3px 31px; display: block; margin-left: auto; margin-right: auto;" src="http://file.mobilmusic.ru/d2/3c/d5/1146287.gif" alt="" width="235" height="270" />
<p> </p><p> </p><p style="text-align: center;"><span style="color: #;">Texto</span></p>
<br /><br /><p> </p><a href="http://tutorialgloriav.eklablog.com/"><img style="float: right;" src="http://www.ephotobay.com/image/1-1124.gif" alt="" width="90" height="30" /></a><br /><br /></div></div></div></div></div></div></div></div></div></div>

votre commentaire
Par GloriaV le 28 Mars 2016 à 20:28

Texto

<div style="padding: 10px;"><div style="padding: 2px; border-radius: 0.4em; box-shadow: 0px 0px 6px #000000; background-image: url('https://lh3.googleusercontent.com/jxNqYDXEtHvLzu6EPPxvPRoPw6BZazYo3oR6HlhKHVAF=w376-h3-no'); background-repeat: repeat;">
<div style="padding: 12px; border-radius: 0.4em; background-image: url('http://img-fotki.yandex.ru/get/6404/52732579.117/0_a3c85_b7601d29_XS.png'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 0.4em; background-image: url('https://lh3.googleusercontent.com/jxNqYDXEtHvLzu6EPPxvPRoPw6BZazYo3oR6HlhKHVAF=w376-h3-no'); background-repeat: repeat;">
<div style="padding: 50px; border-radius: 0.4em; box-shadow: inset 0px 0px 10px #000000; background-image: url('http://www.ephotobay.com/image/2-1174.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 1em; box-shadow: inset 0px 0px 2px #000000; background-image: url('https://lh3.googleusercontent.com/jxNqYDXEtHvLzu6EPPxvPRoPw6BZazYo3oR6HlhKHVAF=w376-h3-no'); background-repeat: repeat;">
<div style="padding: 12px; border-radius: 1em; box-shadow: inset 0px 0px 2px #000000; background-image: url('http://img-fotki.yandex.ru/get/6404/52732579.117/0_a3c85_b7601d29_XS.png'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 1em; background-image: url('https://lh3.googleusercontent.com/jxNqYDXEtHvLzu6EPPxvPRoPw6BZazYo3oR6HlhKHVAF=w376-h3-no'); background-repeat: repeat;">
<div style="border-radius: 1em; box-shadow: inset 0px 0px 20px #000000; background-image: url('http://i015.radikal.ru/0807/6f/c0eb5918e317.jpg'); width: auto; height: 100%;">
<div style="padding: 22px;"><p style="text-align: center;"> </p><p><br /> </p><p><span style="color: #;">Texto </span></p><p> </p><p> </p><p style="text-align: center;"><img style="border-radius: 1em; box-shadow: #6d3112 3px 3px 11px;" src="http://file.mobilmusic.ru/eb/7c/0a/1147559.gif" alt="" width="300" height="320" /></p>
<p> </p><p> </p><div style="background-image: url('http:'); box-shadow: 0px 0px 0px black inset; background-repeat: repeat-x; background-position: center bottom; height: 100%;"> </div>
</div></div></div></div></div></div></div></div></div></div>

votre commentaire
Par GloriaV le 28 Février 2016 à 11:36

Texto

<div style="padding: 10px;"><div style="padding: 3px; border-radius: 10px; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif'); background-repeat: repeat;">
<div style="padding: 10px; border-radius: 10px; background-image: url('https://lh6.googleusercontent.com/-TRQkr6d0Cxg/U-CkcJ1frUI/AAAAAAAAz9I/nWdSPXP-6v4/s150-no/2.jpg');">
<div style="padding: 3px; border-radius: 10px; box-shadow: 1px 1px 1px #000000; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif');">
<div style="padding: 10px; border-radius: 10px; background-image: url('https://img-fotki.yandex.ru/get/15579/39663434.7ee/0_a6e4f_688fe8c7_orig');">
<div style="padding: 3px; border-radius: 10px; box-shadow: 1px 1px 1px #000000; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif');">
<div style="padding: 50px; border-radius: 10px; background-image: url('http://img-fotki.yandex.ru/get/9219/131624064.424/0_b394d_19653f5b_S.jpg');">
<div style="padding: 3px; border-radius: 10px; box-shadow: 1px 1px 20px #000000; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif');">
<div style="padding: 10px; border-radius: 10px; background-image: url('https://img-fotki.yandex.ru/get/15579/39663434.7ee/0_a6e4f_688fe8c7_orig');">
<div style="padding: 3px; border-radius: 10px; box-shadow: 1px 1px 2px #000000; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif');">
<div style="padding: 10px; border-radius: 10px; box-shadow: inset 1px 1px 5px #000000; background-image: url('http://img-fotki.yandex.ru/get/9219/131624064.424/0_b394d_19653f5b_S.jpg');">
<div style="padding: 3px; border-radius: 10px; box-shadow: 1px 1px 1px #000000; background-image: url('https://lh5.googleusercontent.com/-SXfcmRZd1p0/VUJDh5CbTdI/AAAAAAABkZM/kYMyLiQs99I/s40-no/11.gif');">
<div style="height: 100%; border-radius: 10px; box-shadow: inset 1px 1px 1px #000000; background-image: url('http://ekladata.com/fZUnZmOpBOdzdSKCQVs6W4Y-ehU.jpg'); width: 100%;">
<div style="padding: 1px; height: 100%;">
<p> </p><p style="text-align: center;"> </p>
<p style="text-align: center;"><img src="http://img-fotki.yandex.ru/get/6711/131624064.422/0_b3905_4406edb1_XL.jpg" alt="" width="300" height="270" /></p>
<p><span style="color: #000000;">Texto</span></p><p> </p><p> </p><p> </p><p> </p>
<p> </p></div></div></div></div></div></div></div></div></div></div></div></div></div></div>

votre commentaire
Par GloriaV le 23 Novembre 2015 à 13:10

Los pájaros del mismo plumaje siempre vuelan juntos.
Karl Liebknecht

<div style="padding: 10px;">
<div style="padding: 2px; width: auto; height: 100%; border-radius: 4em; border: 0px dotted #112151; background-image: url('https://img-fotki.yandex.ru/get/9166/39663434.489/0_9268d_5e975e14_orig'); box-shadow: 0px 0px 10px #000000; background-repeat: repeat;">
<div style="padding: 3px; border-radius: 4em; background-image: url('https://img-fotki.yandex.ru/get/5703/39663434.150/0_75351_504f48e9_orig'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 2em; border: 0px dotted #112151; background-image: url('https://img-fotki.yandex.ru/get/9166/39663434.489/0_9268d_5e975e14_orig'); background-repeat: repeat;">
<div style="padding: 60px; border-radius: 2em; border: 2px ridge #; box-shadow: inset 1px 1px 30px #000000; background-image: url('https://img-fotki.yandex.ru/get/15490/39663434.7a4/0_a58f9_ce9267ac_M.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; ovale horizontal; border: 0px dotted #112151; box-shadow: 0px 0px 70px #000000; background-image: url('https://img-fotki.yandex.ru/get/9166/39663434.489/0_9268d_5e975e14_orig'); background-repeat: repeat;">
<div style="padding: 3px; border-radius: 10px; ovale horizontal;box-shadow: inset 0px 0px 20px #000000; background-image: url('https://img-fotki.yandex.ru/get/6825/39663434.7a5/0_a592b_dd3d8cd_L.jpg'); background-repeat: repeat; width: auto; height: 100%;">
<div style="padding: 2px;"><br /><img style="border: 1px dotted #112151; border-radius: 10%; ovale horizontal; box-shadow: #000 3px 3px 31px; display: block; margin-left: auto; margin-right: auto;" src="https://img-fotki.yandex.ru/get/5209/39663434.54c/0_978de_3953a091_M.png" alt="" width="435" height="350" />
<p> </p>
<p> </p><p style="text-align: center;"><span style="color: #;">Texto</span></p>
<p> </p><p> </p></div></div></div></div></div></div></div></div></div>

votre commentaire

Par GloriaV le 21 Août 2015 à 14:34

Los gatos tienen una total honestidad emocional;
los seres humanos, por una u otra razón
pueden ocultar sus sentimientos, pero el gato no.
Ernest Hemingwayт

<table style="background-image: url('http://img1.liveinternet.ru/images/attach/c/5/86/855/86855251_0709ee37c730.jpg'); -webkit-border-radius: 20% 10%; -moz-border-radius: 20% / 10% 23%; border-radius: 20% / 10% 23%; box-shadow: #000000 1px 1px 15px;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 3px;">

<table style="background-image: url('http://img0.liveinternet.ru/images/attach/c/5/86/855/86855638_7051.jpg'); -webkit-border-radius: 20% 10%; -moz-border-radius: 20% / 10% 23%; border-radius: 20% / 10% 23%;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 10px;">

<table style="background-image: url('http://img1.liveinternet.ru/images/attach/c/5/86/855/86855251_0709ee37c730.jpg'); -webkit-border-radius: 20% 10%; -moz-border-radius: 20% / 10% 23%; border-radius: 20% / 10% 23%;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 3px;">

<table style="background-image: url('http://img0.liveinternet.ru/images/attach/c/5/86/727/86727362_re_aramat.jpg'); -webkit-border-radius: 20% 10%; -moz-border-radius: 20% / 10% 23%; border-radius: 20% / 10% 23%;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 70px;">

<table style="background-image: url('http://img1.liveinternet.ru/images/attach/c/5/86/855/86855251_0709ee37c730.jpg'); -webkit-border-radius: 23%; -moz-border-radius: 23%; border-radius: 23%;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding: 3px;">

<tbody><tr><td style="padding: 10px;">

<td style="padding: 0px;"> </td>

<tbody><tr><td style="padding: 3px;">

<tbody>

<tr>

<td style="text-align: center;"><span style="color: #ffffff; font-family: pompadur; font-size: large;"><img src="http://img1.liveinternet.ru/images/attach/c/5/86/855/86855957_0_60a1a_9adc5216_M.png" alt="0_60a1a_9adc5216_M (300x7, 4Kb)" width="300" height="7" /> <br /> <br />Texto<br /> <br /> <img src="http://img1.liveinternet.ru/images/attach/c/5/86/855/86855957_0_60a1a_9adc5216_M.png" alt="0_60a1a_9adc5216_M (300x7, 4Kb)" width="300" height="7" /><br /> </span><span style="font-size: small;"><span style="color: #ffffff;"><a href="http://tutorialgloriav.eklablog.com/" target="_blank"><img title="GloriaV" src="http://img1.liveinternet.ru/images/attach/c/5/85/459/85459109_4ma.gif" border="0" alt="" width="52" height="14" /></a></span></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

votre commentaire

Par GloriaV le 20 Août 2015 à 17:20

Paciencia y persistencia tienen un efecto mágico ante el cual las dificultades desaparecen y los obstáculos se esfuman.

Adams John Quincy

HTML con CSS

<div style="padding: 10px;"><div style="padding: 2px; border-radius: 115px/15px; box-shadow: #000000 0px 0px 10px; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/30/87030677_86861176_preview_257b7e8f.jpg');">
<div style="padding: 10px; border-radius: 115px/15px; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/29/87029905_3ceb5257d795.jpg');">
<div style="padding: 2px; border-radius: 115px/15px; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/30/87030677_86861176_preview_257b7e8f.jpg'); background-repeat: repeat;">
<div style="padding: 60px; border-radius: 115px/15px; background-image: url('https://lh3.googleusercontent.com/gKpgwwRH5Sc00C7posuRwcnYoBr5jY8xvvfRrjhQgF3v=w400-h245-no');">
<div style="padding: 2px; border-radius: 15%; ovale horizontal; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/30/87030677_86861176_preview_257b7e8f.jpg');">
<div style="padding: 10px; border-radius: 15%; ovale horizontal; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/29/87029905_3ceb5257d795.jpg');">
<div style="padding: 2px; border-radius: 15%; ovale horizontal; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/30/87030677_86861176_preview_257b7e8f.jpg');">
<div style="padding: 2px; border-radius: 15%; ovale horizontal; box-shadow: inset 1px 1px 25px 5px #A77856; background-image: url('http://img1.liveinternet.ru/images/attach/c/5/87/29/87029905_3ceb5257d795.jpg'); width: auto; height: 100%;">
<div style="padding: 11px;"><img class="bordeimg1" style="display: block; margin-left: auto; margin-right: auto;" src="http://img1.liveinternet.ru/images/attach/c/5/87/30/87030625_morela.gif" border="0" alt="" width="350" height="270" />
<p> </p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://lh5.googleusercontent.com/-KwgrvrdnFlc/U-CdGvqgoQI/AAAAAAAAzxk/VAIR5q9CNSA/w702-h132-no/2.png" alt="" width="132" height="35" /><br />
<div style="width: 100%; height: 50; font-size: 19px; font-family: Magneto; color: #423431; filter: alpha(opacity=100, finishopacity=1, style=1, startX=1, startY=5, finishX=100, finishY=10);">Texto</div>
<br /> <br /><img style="display: block; margin-left: auto; margin-right: auto;" src="https://lh5.googleusercontent.com/-KwgrvrdnFlc/U-CdGvqgoQI/AAAAAAAAzxk/VAIR5q9CNSA/w702-h132-no/2.png" alt="" width="154" height="40" /> <br /> <br /><a href="http://tutorialgloriav.eklablog.com/"><img src="http://www.ephotobay.com/image/5-686.gif" alt="" width="81" height="25" align="right" /></a>
<p> </p><p> </p></div></div></div></div></div></div></div></div></div></div>
<style></style>

votre commentaire
1 2 3 4 5 6 7