16 agosto 2006

Colores para tu blog según Daleclick

Quiero hacer todo un apartado sobre el uso del color en este blog. Empezaré con la ayuda de Fernando Martínez, Nando, mi mentor, el sin par Daleclick.

En este primer post sobre el tema, me limitaré a copiar el item que él nos ha dejado en su foro y que es muy completo.

En sucesivas entradas iré agregando más detalles y los cómo, siempre ayudada por ese foro al que tanto le debemos muchos.

¿Como cambiar color del título en:, título/artículos/enlaces y/o descripción?

Existen varias formas para cambiar el color del título de su blog, descripción, título de los artículos, enlaces, títulos de los enlaces y cualquier otro texto en su blog.

1) Para cambiar el color del título de su blog busque donde dice: <$BlogTitle$> e incluya el código de color de la siguiente manera: <font color="red"><;$BlogTitle$></font> - cambie "red" por el color que le quiere dar a su título que en este caso es rojo.

2) Para cambiar el color de la descripción de su blog busque donde dice: <$BlogDescription$> e incluya el código de color de la siguiente manera: <font color="green"><;$BlogDescription$></font> - cambie "green" por el color que le quiere dar a su título que en este caso es verde.

3) Para cambiar el color de TODOS los títulos de los artículos en su blog busque donde dice: <$BlogItemTitle$> e incluya el código de color de la siguiente manera: <font color="orange"><$BlogItemTitle$></font> - cambie "orange" por el color que le quiere dar a los títulos de los artículos en su blog que en este caso es anaranjado. Si quiere cambiar solamente el color de uno de sus artículos puede intentar incluyendo el código de color justamente antes del título en la forma para redactar o editar su artículo pero puede que no funcione en todos los templates.

4) Para cambiar el color de TODAS las fechas en su blog busque donde dice: <$BlogDateHeaderDate$> e incluya el código de color de la siguiente manera: <font color="white"><$BlogDateHeaderDate$></font> - cambie "white" por el color que le quiere dar a las fechas que en este caso es blanco.

5) Para cambiar el color de los títulos de las listas de enlaces (artículo, archivos, favoritos) en la barra lateral (sidebar) busque donde dice algo como: (puede ser diferente en algunos templates) <h2 class="sidebar-title">Artículos Recientes</h2> e incluya el código de color de la siguiente manera: <h2 class="sidebar-title"><font color="lime">Previous Posts</font></h2> - cambie "lime" por el color que le quiere dar a los títulos de las listas de enlaces que en este caso es lima.

6) Para cambiar el color de los enlaces de la barra lateral y el color de los enlaces en los artículos de su blog busque en el CSS de su template donde dice algo como:

CODE
/* Links
----------------------------------------------- */
a:link {
color:#488;
}
a:visited {
color:#885;
}
a:hover {
color:#000;
}
a img {
border-width:0;
}

... y cambie el número en a:link para cambiar el color que muestran los enlaces activos en su blog, cambie el número en a:visited para cambiar el color de los enlaces luego de hacer click sobre ellos en su blog, cambie el número en a:hover para cambiar el color de los enlaces al pasar la flecha (ratón-mouse) por encima de ellos. Para ver una lista de codificación de colores por números vaya a este enlace (Nota ese es el que uso yo, Alemamá)

7) Para cambiar el color de cualquier texto en su blog simplemente incluya el código de color antes de la palabra a la que le quiere adjudicar un color distinto. Ej: <font color="blue">Texto de color azul</font>- cambie blue por el color que le quiere dar al texto que en este caso es azul.

No hay comentarios.: