•  


    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>&nbsp;</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>&nbsp;</p><p>&nbsp;</p></div></div></div></div></div></div></div></div></div></div>
    <style><!--
    .bordeimg1 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;padding:5px !important;border-radius: 115px/15px;border:1px dotted ;background:#ebe3de;}
    .bordeimg1:hover {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 15% 20%;box-shadow: 0px 0px 15px #000000;cursor:pointer;border:0;}
    --></style>


     

     


  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :