MIZ TUTOZ : PERDONEN EL KAOS...... BLOG EN CONSTRUCCION...

lunes, 6 de septiembre de 2010

Aplicando citas

¿Quieres que el texto aparezca en un recuadro como este?


Otras de las propiedades que encontramos en la creacion de entradas es CITAS, 
cuando aplicas esta opcion  normalmente el texto seleccionado queda asi:
Si deseas darle un este acabado(mira este cuadrito): marco naranja (en mi caso) con imagen de fondo, puedes seguir el siguiente tutorial
1.Ir a diseño, Edición HTML
2. Busca  con ayuda de control F
]]></b:skin>
y  ENCIMA pega esto:
.post blockquote{
width:400px;
font:14px/22px normal helvetica,sans-serif;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-left:5px solid #ff9900;
border-top:1px solid #ff9900;
border-bottom:1px solid #ff9900;
border-right:5px solid #ff9900;
overflow:auto;
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp3NweiXlK31iC_RvyesIwkMol3SFaFr_XYwkGZw2UPffNySGHhk2_LzdSJWkvV5S_WuMazxwCudvq0VFiAgDMzUsPD5ciqU-Xi_a1u6a-3bzlnyuPzwXeOJNKPP_JRN6UkirhHsMOxd05/s320/papel3.jpg);
}
3. Debes de revisar que ENCIMA solo quede un  (no debe repetirse)
 }
.post blockquote{
4. Debes de revisar que ENCIMA solo quede un  } (no debe repetirse)
 }

]]></b:skin>
 
5. Guarda los cambios en tu plantilla y modifica:

  • El color modificando #ff9900
  • La imagen de fondo cambiando esta URL (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp3NweiXlK31iC_RvyesIwkMol3SFaFr_XYwkGZw2UPffNySGHhk2_LzdSJWkvV5S_WuMazxwCudvq0VFiAgDMzUsPD5ciqU-Xi_a1u6a-3bzlnyuPzwXeOJNKPP_JRN6UkirhHsMOxd05/s320/papel3.jpg) por otra. 
  • El ancho del borde modificando px


No hay comentarios:

Publicar un comentario