11.5.07

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;
}
Según un par de sitios de referencia que vi para modificar bloggers, lo ideal es copiar ese fragmento de código justo debajo de las declaraciones de los "headings" (< .h1> < .h2> ...).
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: