• Par GloriaV dans Texto efectos le 20 Février 2015 à 18:05
     


    Para texto, imagen...

    Te amo  

    Anoche miré al cielo y empecé a dar a cada estrella una razón por la que te quiero tanto. Me faltaron estrellas.
























    HTML

    <div class="box">
<h2>Te amo<span class="l">&nbsp;</span><span class="r">&nbsp;</span></h2>
<div class="block">
<div class="block_in">
<p>Texto</p><p><img style="border: 2px double #916ea7; border-radius: 5px; -webkit-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px; display: block; margin-left: auto; margin-right: auto;" src="https://lh4.googleusercontent.com/-wnHHm0Xt9ds/VOdkMDfcSrI/AAAAAAABc4Q/MtryfXKO1z0/w276-h262-no/1-276x262.gif" alt="" width="305" height="250" /></p></div></div></div>
 



    CSS

    <!-- end of #container -->
 <style type="text/css"><!--
 .box {
	background:#fcf3fc;
	padding:0;
 margin: 40px 30px 45px 40px; 
 
	overflow: hidden;
 width: 400px;
	border: 1px solid #908396;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 0 10px #DCDCDC inset;
	-moz-box-shadow:0 0 10px #DCDCDC inset;
	box-shadow:0 0 10px #DCDCDC inset;
}
.box h2 {
	font-size:1em;
	font-weight:20;
	text-transform:uppercase;
	color:#000;
	background: #e4dbec;
	margin:0 -10px -1px -10px;
	padding:12px;
	padding-left: 15px;
	padding-right: 45px;
	-webkit-box-shadow:0 0 10px #DCDCDC inset;
	-moz-box-shadow:0 0 10px #DCDCDC inset;
	box-shadow:0 0 10px #DCDCDC inset;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.block {
	padding:0;
}

.block_in {
	padding:12px;
}

.box div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 5px;
top: 8px;
cursor: pointer;
font-size: 10px;
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #faeaf3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box div.hide:hover {
background: #fff;
}

.box div.hide span.h {	display: block;}
.box div.hide span.s {	display: none;}
.box div.show  span.h {	display: none;}
.box div.show  span.s {	display: block;}

.closed div.hide span.h {	display: none;}
.closed div.hide span.s {	display: block;}
.closed div.show  span.h {	display: block;}
.closed div.show  span.s {	display: none;}
 --></style>