El dinero no da la felicidad, pero procura una sensación tan parecida, que necesita un especialista muy avanzado para verificar la diferencia.
Woody Allen
Woody Allen
Pues para conseguirlo, sólo tenemos que buscar en la plantilla el elemento .post blockquote, y modificarlo para que la salida sea a nuestro gusto.
A partir de la modificación, cualquier apartado que queramos que tenga ese mismo aspecto, hay que colocarlo entre <blockquote> y </blockquote>. Al Crear/Editar una entrada, se puede colocar de forma automática pinchando en el icono de las comillas.
Un ejemplo de configuración para un resultado como el anterior, podría ser éste:
.post blockquote {
margin: 10px 10px 10px 50px;
padding: 10px 10px 10px 30px;
background: #eeeeee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuo3dMIdrW1uxtOm1GiTUxA3k-z6hZCMEhDJvhmfN6aoVZej3hd1CbS5mY1otgByaqpL4fiqQQtVpM-5ICmiRzF-q_EutL_DfDErN5mU5X1ufW9sbHTaHR-ePMbBwN-0pzydeNQ7vdEs/s400/comillas.gif) no-repeat left top;
text-align: justify;
font: normal helvetica, sans-serif;
font-style: italic;
font-size: 160%;
border-left: 4px solid #990000;
}
.post blockquote p {
margin:.75em 0;
}
margin: 10px 10px 10px 50px;
padding: 10px 10px 10px 30px;
background: #eeeeee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuo3dMIdrW1uxtOm1GiTUxA3k-z6hZCMEhDJvhmfN6aoVZej3hd1CbS5mY1otgByaqpL4fiqQQtVpM-5ICmiRzF-q_EutL_DfDErN5mU5X1ufW9sbHTaHR-ePMbBwN-0pzydeNQ7vdEs/s400/comillas.gif) no-repeat left top;
text-align: justify;
font: normal helvetica, sans-serif;
font-style: italic;
font-size: 160%;
border-left: 4px solid #990000;
}
.post blockquote p {
margin:.75em 0;
}
Cambiando los valores del MARGIN y del PADDING, podrás obtener distintos resultados. El color de fondo (#cccccc) es también configurable, así como la imagen del BACKGROUND. Por supuesto, el tipo de letra, el tamaño y la línea vertical, que se consigue con el BORDER-LEFT, los puedes diseñar a tu gusto.
¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.
Y muchos más artículos interesantes si nos sigues en...
Que raro, no me aparece el ".post blockquote" en el código /:
ResponderEliminarAl contrario. Normalmente no aparece. Lo tienes que añadir tú a mano en la parte CSS (de estilo).
EliminarEstoy provando tu consejo con la plantillas dinamicas y no consigo que me funcione. Algún consejo?
ResponderEliminarNo estoy familiarizado con esas plantillas y no sé dónde pones el CSS, pero si no te funciona con la etiqueta blockquote prueba con la clase .tr_bq Es la que veo que lleva la única cita que encontré en tu blog.
Eliminarguay entre tu código y alguna cosilla por ahí he hecho un potage ajaja pero me quedó bien
ResponderEliminargracias amigo, te haré un clic en los anuncietes