Como puedes ver, el estilo de este blog -colores y tipos de letra-- no es ninguno de los de las plantillas de blogs.ya.com, aunque está basado en uno de ellos y tiene los mismos elementos. ¿Cómo se pueden editar fácilmente los estilos del blog?

Cada página de blogs.ya.com tiene asociado un archivo de estilos CSS que es donde se encuentran los atributos sobre colores, tipos de letra, etc. separando el diseño de lo que es el contenido.

Pero no se puede editar directamente ese archivo desde el editor de blogs.ya.com -- sólo se puede editar la plantilla HTML.

Aunque... si sabes un mínimo de CSS o HTML puedes modificar esa hoja de estilos utilizando el siguiente truco "paso a paso":

1. Abres la URL de tu blog, miras el código fuente y buscas al principio, en la zona de la cabecera, la siguiente línea

<link type="text/css" rel="stylesheet" href="blog.css"/>

2. Abres en el navegador la URL de tu blog seguida del enlace .css (donde pone HREF) que indica esa línea, por ejemplo:

http://blogs.ya.com/microsiervos/blog.css

Eso es la hoja de estilo (suele llamarse blog.css, blog4.css, etc). Guárdala en el disco duro con otro nombre, por ejemplo estilos.css

3. Edita tu hoja de estilos localmente con un editor de textos para cambiar colores y tamaños, y vuélvela a guardar. Consejo: modifica lo mínimo posible y prueba un cambio cada vez. ¡Es fácil estropearlo todo o que las cosas dejen de verse correctamente! Recuerda que algunos estilos tienen variantes, por ejemplo a puede tener variantes cuando se pone el cursor sobre el enlace (a.hover), cuando se visita (a.visited) etc.

4. Sube la nueva hoja de estilos a tu blog con la opción 3. Publicación / Administrador de Ficheros. Indica en "Examinar..." el fichero que has guardado en tu ordenador y pulsa Subir. La nueva URL de ese fichero será la de tu blog seguida de /files/estilos.css

5. Abre el editor HTML de la plantilla de tu blog en 2. Configuración Avanzada / Editar HTML Plantilla

6. Al principio verás la referencia a la hoja de estilos original... Cámbiala por la nueva, en este ejemplo:

<link type="text/css" rel="stylesheet" href="files/estilos.css"/>

7. Pulsa Validar y luego Guardar.

8. ¡Listo!

Al visualizar el blog aparecerá ya con los nuevos estilos (pulsa Recargar si no se ven a la primera). Si necesitas hacer modificaciones, vuelve a subir el fichero tantas veces como necesites. Si "rompes algo" no te preocupes: en el editor HTML pulsa "Reestablecer el formato original" y volverás a la plantilla por defecto para empezar de nuevo.

Si creas algún nuevo diseño que quieras compartir, envíanos un correo para que publiquemos aquí el CSS.

ÐÔ¸ÐÃÀÅ®´²ÉÏ×ÔÅÄ
ÓÕ»ó¼¤ÇéÃÃÃÃÉ«°É
ppµãµãͨ
ͼƬÍø
¼¤ÇéСµçÓ°
³ÉÈËСµçÓ°
»ÆɫСµçÓ°
СµçÓ°
·òÆÞµçÓ°
ÊÓƵÁÄÌìÊÒ
ÂãÌåÊÓƵÁÄÌìÊÒ
btµçÓ°ÏÂÔØ
ÐÔ°®Ð¡µçÓ°
ÃÀ¹úaƬ-ÃÀ¹úëƬ
Å°´ýµçÓ°-ÐÔÅ°´ýµçÓ°
ŮͬÐÔÁµµçÓ°
ÄÐͬÐÔÁµµçÓ°
Å®ÐÔÍβ¿Í¼-ÃÀÅ®Íβ¿Ð´ÕæµçÓ°
×ö°®µçÓ°-´¦Å®×ö°®Á÷ѪµçÓ°
ÈËÊÞÐÔ½»µçÓ°-ÈËÓëÊÞ×ö°®µçÓ°
ÈËÓë¹·ÐÔ½»µçÓ°
͵ÅÄÅ®È˵ÄͼƬ
18 Ìù ͼ ̨Íå ³ÉÈË
ÄÐͬÐÔÁµÐ´ÕæͼƬ
ÎçÒ¹ÌìÌóÉÈËС˵
̨ÍåÍøÂçС˵
СÁúÅ®ÓëÒü־ƽ
ͼƬÐÔÎÅ
ÃÀŮϴÔèСÓÎÏ·
ÑÞÎè
³ÉÈËͼ¿â
Å®Ã÷ÐÇͼƬ
¶¡×Ö¿ã
»Æº×Ó°Ôº Ãâ·Ñ¿íƵ
Ãâ·Ñ¿¨Í¨
Ãâ·ÑµçÓ°ÔÚÏß¿´
Ãâ·ÑµçÊÓÁ¬Ðø¾çÊÕ¿´
ÃÀÍÎ
ÉÙ¸¾Õ¹Ñ¨
É«Ó°ÎÞ¼É
¡¶¹¬¡·
¡¶Éñ»°¡·
¡¶»ôÔª¼×¡·
Ò»¸öÂøÍ·Òý·¢µÄѪ°¸
ÉñµñÏÀÂÂ
ÉÙ¸¾ ÐÔ¸ÐÉÙ¸¾Ð´Õæ
ÃÀÅ®
ÐÔ¸ÐÃÀŮдÕæ
Ã÷ÐǶµãдÕæ
Ã÷ÐÇдÕæ
Ã÷ÐÇÂãÌåдÕæ
ÂãÌåдÕæ
ÂãÌåͼƬ
ÈËÌåÒÕÊõдÕæ
116 Sábado, 6 Mayo 2006 07:12 (Correo) (Web)

Ãâ·ÑµçÓ°Íø
Ãâ·ÑÔÚÏßµçÓ°
¿´Ãâ·ÑµçÓ°
Ãâ·ÑµçÓ°ÍøÕ¾
×îк«¹úµçÓ°
Á½ÐÔÉú»î
ÐÔ½ÌÓýƬ
Ãâ·ÑµçÓ°Éñ»°
×îеçÓ°ÎÞ¼«
Ãâ·Ñ¼¤ÇéµçÓ°
Ãâ·Ñ»ÆÉ«µçÓ°
×îеçÓ°ÏÂÔØ
³ÉÈËÐÔ°®µçÓ°
Ãâ·ÑСµçÓ°
ÐÔµçÓ°
Ãâ·Ñ³ÉÈ˵çÓ°ÏÂÔØ
Ãâ·ÑµçÓ°ÔÚÏß¹Û¿´
¿í´øµçÓ°
¾­µäµçÓ°ÏÂÔØ
Ãâ·Ñ¿Ö²ÀµçÓ°
Ãâ·ÑӰƬÏÂÔØ
Ãâ·ÑÓ°Ôº
×îдóƬ
Ê®°ËµçÓ°Íø
ÃÀŮдÕæ
ÈËÌåÒÕÊõ
ÃÀŮͼƬ
ÃÀÅ®×ß¹â
ÃÀÍÈͼƬ
Èý¼¶Æ¬
Ç¿¼éµçÓ°
ÃÀÅ®µ�ÌåͼƬ
»ÆÉ«µçÓ°ÏÂÔØ
Ãâ·ÑÉ«ÇéµçÓ°
ÐÔ¸ÐÃÀŮͼƬ
ƯÁÁÃÃÃÃͼƬ
×ö°®Í¼Æ¬
ÃÀÉÙÅ®
ÈÕ±¾avµçÓ°
ÇéÉ«µçÓ°
ͬ־µçÓ°ÏÂÔØ
¼¤ÇéÊÓƵÏÂÔØ
Ã÷ÐǶµãͼƬ
дÕæµçÓ°
Òõ²¿Í¼Æ¬
È鷿ͼƬ
Ã÷ÐÇÂãÕÕ
ÐÔ°®ÊÓƵ
͵ÅÄͼƬ
ÈËÌåÒÕÊõͼ¼­
Èý¼¶Æ¬
ÃÀÅ®ÊÓƵ¼Ïñ

Ãâ·Ñ¿Ö²ÀµçÓ°
Ãâ·ÑӰƬÏÂÔØ
Ãâ·ÑÓ°Ôº
×îдóƬ
Ê®°ËµçÓ°Íø
ÃÀŮдÕæ
ÈËÌåÒÕÊõ
ÃÀŮͼƬ
ÃÀÅ®×ß¹â
ÃÀÍÈͼƬ
Èý¼¶Æ¬
Ç¿¼éµçÓ°
ÃÀÅ®µ�ÌåͼƬ
»ÆÉ«µçÓ°ÏÂÔØ
Ãâ·ÑÉ«ÇéµçÓ°
ÐÔ¸ÐÃÀŮͼƬ
ƯÁÁÃÃÃÃͼƬ
×ö°®Í¼Æ¬
ÃÀÉÙÅ®
ÈÕ±¾avµçÓ°
ÇéÉ«µçÓ°
ͬ־µçÓ°ÏÂÔØ
¼¤ÇéÊÓƵÏÂÔØ
Ã÷ÐǶµãͼƬ
дÕæµçÓ°
Òõ²¿Í¼Æ¬
È鷿ͼƬ
Ã÷ÐÇÂãÕÕ
ÐÔ°®ÊÓƵ
͵ÅÄͼƬ
ÈËÌåÒÕÊõͼ¼­
Èý¼¶Æ¬
ÃÀÅ®ÊÓƵ¼Ïñ

ÐÔ°®ÊÓƵ
͵ÅÄͼƬ
ÈËÌåÒÕÊõͼ¼­
Èý¼¶Æ¬
ÃÀÅ®ÊÓƵ¼Ïñ
ÐÔ¸ÐÃÀÅ®´²ÉÏ×ÔÅÄ
ÓÕ»ó¼¤ÇéÃÃÃÃÉ«°É
ppµãµãͨ
ͼƬÍø
¼¤ÇéСµçÓ°
³ÉÈËСµçÓ°
»ÆɫСµçÓ°
СµçÓ°
·òÆÞµçÓ°
ÊÓƵÁÄÌìÊÒ
ÂãÌåÊÓƵÁÄÌìÊÒ
btµçÓ°ÏÂÔØ
ÐÔ°®Ð¡µçÓ°
ÃÀ¹úaƬ-ÃÀ¹úëƬ
Å°´ýµçÓ°-ÐÔÅ°´ýµçÓ°
ŮͬÐÔÁµµçÓ°
ÄÐͬÐÔÁµµçÓ°
Å®ÐÔÍβ¿Í¼-ÃÀÅ®Íβ¿Ð´ÕæµçÓ°
×ö°®µçÓ°-´¦Å®×ö°®Á÷ѪµçÓ°
ÈËÊÞÐÔ½»µçÓ°-ÈËÓëÊÞ×ö°®µçÓ°
ÈËÓë¹·ÐÔ½»µçÓ°
͵ÅÄÅ®È˵ÄͼƬ
18 Ìù ͼ ̨Íå ³ÉÈË
ÄÐͬÐÔÁµÐ´ÕæͼƬ
ÎçÒ¹ÌìÌóÉÈËС˵
̨ÍåÍøÂçС˵
СÁúÅ®ÓëÒü־ƽ
ͼƬÐÔÎÅ
ÃÀŮϴÔèСÓÎÏ·
ÑÞÎè
³ÉÈËͼ¿â
Å®Ã÷ÐÇͼƬ
¶¡×Ö¿ã
»Æº×Ó°Ôº Ãâ·Ñ¿íƵ
Ãâ·Ñ¿¨Í¨
Ãâ·ÑµçÓ°ÔÚÏß¿´
Ãâ·ÑµçÊÓÁ¬Ðø¾çÊÕ¿´
ÃÀÍÎ
ÉÙ¸¾Õ¹Ñ¨
É«Ó°ÎÞ¼É
¡¶¹¬¡·
¡¶Éñ»°¡·
¡¶»ôÔª¼×¡·
Ò»¸öÂøÍ·Òý·¢µÄѪ°¸
ÉñµñÏÀÂÂ
ÉÙ¸¾ ÐÔ¸ÐÉÙ¸¾Ð´Õæ
ÃÀÅ®
ÐÔ¸ÐÃÀŮдÕæ
Ã÷ÐǶµãдÕæ
Ã÷ÐÇдÕæ
Ã÷ÐÇÂãÌåдÕæ
ÂãÌåдÕæ
ÂãÌåͼƬ
ÈËÌåÒÕÊõдÕæ
±ä̬µçÓ° ÐÔ±ä̬µçÓ°