CSS - Personalizando el blog
He estado mirando como funciona el blogger este y me he dado cuenta de que las plantillas son grandes archivos html, xml o lo que sea, con unas cabeceras inmensas donde se define el estilo.
Por eso, y visto que voy a ir poniendo código en este blog, he creado una nueva clase, "codigo" que lo que hace básicamente es dar formato al código que publique. Configura la fuente, situa el texto más centradamente, colorea el fondo y lo rodea por un elegante (xD) "dashed" borde rojo.
Sin más os copio el fragmento simple de código css que he generado.
.codigo{ font-family : times new roman; font-size : 85%; text-align : justify; margin-left : 19%; padding : 15px; background-color : #FFF8DC; border : dashed 2px red; } |
Para utilizarlo simplemente hay que poner el codigo deseado entre las siguientes etiquetas:
< .table class="codigo" border="0" cellpadding="0" cellspacing="0">< .tbody>< .tr>< .td>
...Aquí el Código...
< /td>< /tr>< /tbody>< /table>
He decidido hacerlo con tablas porque al hacerlos con "div" o "span" no conseguía ajustar el ancho del recuadro (que varíe según la longitud del texto). Es un poco más engorroso, pero investigaré el método para hacerlo mas sencillo.
(Pongo puntos y espacios para que no se vuelva loco el editor de entradas)
No hay comentarios:
Publicar un comentario