26/11/12

Tutorial Blockquote II

Good Morning Minna n_n 
 Hoy les vengo a dejar otro lindo tutorial de Blockquote,este tiene otro efecto xD
este es el efecto que haremos
1° Panel de Control →Modificar Plantilla→ Html 
2° Ctrl + F o F3 para buscar ]]></b:skin>
3° y antes del ]]></b:skin> pega el siguiente codigo

blockquote {
font-family:century gothic;
background:#fff url(url imagen fondo);
box-shadow:inset 0px  10px 0px #fde4d3,inset 0px -10px 0px #fde4d3;
font-size:12px;
border: 1px solid  #fde4d3;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
blockquote:hover {
text-shadow: 0 0 0.5em  #FFF , 0 0 0.5em #FFF;
font-size:12px;
border: 1px solid #fde4d3;
box-shadow:inset 0px 900px 0px #fde4d3,inset 0px -900px 0px #fde4d3;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
 Y eso es todo...

ヾ(⌒∇⌒*)See You♪

1 comentario: