• Que Dios te conceda todo aquello
    que deseas y que logres hacer realidad
    todos tus sueños.
    En este día tan especial,
    deseo que tengas un muy feliz cumpleaños
    y siempre recuerda que ¡Dios te ama!

    HTML con CSS

     

    <div style="border: 2px dotted #840907; -webkit-border-radius: 20px 50px 20px 50px; -moz-border-radius: 20px 50px 20px 50px; border-radius: 20px 50px 20px 50px; padding: 70px; background-image: url('https://lh3.googleusercontent.com/h_Fy7WvU3unCycM3SJxg4FU1fcDDMQ-hPGy1SRnm3j-o=s220-no'); width: 480px; box-shadow: inset 0px 0px 35px #000000;">
    <div style="margin-left: 10px; border: 3px double #840907; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 3px; background-image: url('http://www.reveries.fr/motifs/images/autres/1223223652_motifs.jpg'); width: 430px;">
    <div style="margin-left: 10px; border: 0px inset #C3B5E8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px; background-image: url('https://lh4.googleusercontent.com/-98nLqCXskqo/U5RsZrvHA7I/AAAAAAAAe3Q/53SjMlTgg8U/w16-h150-no/4.gif'); width: 390px;">
    <div style="margin-left: 3px; border: 0px solid #840907; -webkit-border-radius: 20px 50px 20px 50px; -moz-border-radius: 20px 50px 20px 50px; border-radius: 20px; padding: 3px; background-image: url('http://www.reveries.fr/motifs/images/autres/1223223652_motifs.jpg'); width: 380px;">
    <div style="margin-left: 10px; border: 2px dotted #840907; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 10px; background-image: url('http://3.bp.blogspot.com/-1Hy8lmEtrcg/TdAJW1QyzKI/AAAAAAAAGw8/0CHbSOqOHYg/s1600/orange3.jpg'); width: 340px; box-shadow: inset 0px 0px 35px #000000;"><br />
    <div id="gallery"><a href="#"><img class="blur" src="http://img0.liveinternet.ru/images/attach/c/8/100/863/100863208_100633014_79475196_large_57960244.gif" alt="" width="320" height="250" /> </a></div>
    <style type="text/css"><!--
    /*Styles*/
    * { margin: 0; padding: 0;}

    body {
    font-family: arial, verdana, tahoma;
    background: url('http:// .png');
    }
    #gallery {
    width: 725px;
    margin: 25px auto;
    }
    #gallery a {
    display: block;
    float: left;
    margin-bottom: 25px;
    position: relative;

    -webkit-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);
    border-radius: 50% 50% 50% 50%;
    }
    /*Left and Right margins to images in the middle column*/
    /*This selects the 2nd, 5th and 8th elements*/
    #gallery a:nth-child(3n+2) {
    margin: 0 25px 25px 25px;
    }
    #gallery a img {
    display: block;
    -webkit-transition: all 0.5s;
    }
    /*Hover effects*/
    #gallery a img:hover {
    -webkit-filter: none; /*Returns to default state*/
    }
    /*Default state for brightness has to be specified specifically*/
    #gallery a img.brightness:hover {
    -webkit-filter: brightness(0);
    }
    /*Title styles*/
    .title {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 1;
    padding: 5px 7px;
    background:#;
    }
    /*Filter styles*/
    .blur {-webkit-filter: blur(3px);}
    --></style><br /><br /> Texto<br /><p>&nbsp;</p>
    <p><br /><a href="http://tutorialgloriav.eklablog.com/" target="_blank"></a></p>
    <br /><br /><span style="font-family: Edwardian Script ITC; color: #996633; font-size: 12px;"><em><a href="http://www.liveinternet.ru/users/4727782/profile/" target="_blank"><marquee style="filter: alpha(opacity=75, style=3);" scrollamount="1"><span style="font-family: Edwardian Script ITC; color: #996633; font-size: 15px;">GloriaV</span></marquee></a></em></span></div></div></div></div></div>

     

     




    GloriaV


  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :