-
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> </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>
-
Commentaires
Aucun commentaire pour le moment
Ajouter un commentaire