viernes, 30 de enero de 2009

Editar blockquote

Este truco consiste poner un color -y/o imagen- de fondo diferente al que tenemos en la entrada. Para ello es necesario ir a diseño -> código HTML y entre <head> y </head> colocamos el texto siguiente:


blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUiMxfbz7QvIaeE0fFDXRZE1-P1E02Cm1Sam5YxZyD4i0nIUlIJ1eu_SbKaDnSJNa80HW0PKYVUzTUC4Q-ApgoY5bOip-gk9EJLzS_2xO8rwjQ3FrbMWrsO890Y4A2Sws91IVixOdyVQ/s1600/quote.gif) no-repeat 10px 4px;
}

blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
background:#bac9cc;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUiMxfbz7QvIaeE0fFDXRZE1-P1E02Cm1Sam5YxZyD4i0nIUlIJ1eu_SbKaDnSJNa80HW0PKYVUzTUC4Q-ApgoY5bOip-gk9EJLzS_2xO8rwjQ3FrbMWrsO890Y4A2Sws91IVixOdyVQ/s1600/quote.gif) no-repeat 10px 4px;
}


Este es el texto que yo he colocado, luego cada uno puede editar márgenes, colores, imágenes... a su gusto. Para que aparezca publicado es necesario que redactemos el texto en "edición HTML" y pongamos al inicio del texto <blockquote> y al final </blockquote>
Publicado por en
Etiquetas: , ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)