Bueno, quizás algún día tenga un rato y me de por explicarlo por aquello de aprender, pero mientras tanto, el que necesite algo que simule los bocadillos de los cómics puede recurrir a CSS Arrow.
Como veis en la captura sólo hay que indicar la posición dónde se quiere, el tamaño de la flecha y los colores de caja y borde. El sistema nos facilitará de manera automatizada todo el CSS necesario.
Una vez en la hoja de estilo, para aplicarlo sólo hay que añadirle a la capa en cuestión la clase arrow_box:
<div class="arrow_box"> CONTENIDO </div>
A .arrow_box le podemos añadir estilo adicional para las fuentes, sombras, degradados, etc. y el resultado será algo como esto:
Fácil ¿no es cierto?
¿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...
Genial Oloman, gran aporte :)
ResponderEliminarmuy buen aporte , de hecho esta semana lo estaba buscando!
ResponderEliminarCreo que lo tendré como opción para cuando mejore el diseño de mi blog...hasta entonces paciencia y recolección de ideas! Gran blog!
ResponderEliminar