Hola a todos.
Por fin he terminado el diseño de la página inicial de blog. Tendré que ponerme a investigar cómo modificar el diseño de la página de comentarios para que el cambio no sea tan brutal... en fin, no termina nunca uno de estudiar. Espero que a partir de ahora empiece a tomar un poco de vida este blog.
Permanezcan atentos a sus pantallas...
miércoles, 9 de julio de 2008
martes, 18 de septiembre de 2007
Seguimos realizando cambios
Seguimos con los cambios en el diseño.
Llegué a una versión final del tema rojo que os enseño aquí:
Realmente no está acabada, pero es que me cansé de ese tipo de diseño, así que me metí directamente a modificar la parte de estilos que contiene el archivo XML, así como un intenso trabajo gráfico con inkscape y retoque fotográfico para ir acercándome a un diseño más de mi gusto, que a fecha de hoy todavía no está acabado.
Espero que tras acabar este diseño trate algún que otro tema diferente.
Mientras tanto, voy a seguir trabajando en los gráficos.
Así es como está ahora:
Hasta la próxima.
Llegué a una versión final del tema rojo que os enseño aquí:
Realmente no está acabada, pero es que me cansé de ese tipo de diseño, así que me metí directamente a modificar la parte de estilos que contiene el archivo XML, así como un intenso trabajo gráfico con inkscape y retoque fotográfico para ir acercándome a un diseño más de mi gusto, que a fecha de hoy todavía no está acabado.
Espero que tras acabar este diseño trate algún que otro tema diferente.
Mientras tanto, voy a seguir trabajando en los gráficos.
Así es como está ahora:
Hasta la próxima.
lunes, 10 de septiembre de 2007
Estreno
Primer contacto con un blog y el XML.
El objetivo es aprender algo sobre diseño de blogs, así que he optado por abrir uno en blogger y empezar a introducirme en el manejo de las herramientas que ofrece blogger para modificar el diseño de una plantilla cualquiera.
En mi caso he comenzado por elegir la plantilla llamada "Son of Moto" creada por Jeffrey Zeldman, en color verde y he empezado a investigar.
La primera opción ha sido ir a la pestaña Plantilla y seleccionar Fuentes y colores.
Las posibilidades que se ofrecen son reducidas si el objetivo es modificar el diseño general del blog.
En la pestaña Elementos de la página he podido cambiar el encabezado por una imagen propia, pero más o menos ahí terminan las posibilidades sencillas.
Así que me he ido a la pestaña Edición de HTML y le he echado un vistazo al código.
En esta plantilla en concreto hay seis imágenes:
http://www.blogblog.com/moto_son/
Ejemplo: http://www.blogblog.com/moto_son/outerwarp.gif
Me he bajado las imágenes al disco duro y les he aplicado retoque fotográfico para cambiarles el color.
Luego las he subido a mi página personal y he modificado los vínculos a mano en esta pestaña de Edición de HTML.
Junto a los vínculos de las imágenes en el código están las referencias a los colores de fondo, colores que he tenido que modificar a mano, pasando de los verdes a los rojos.
Esto es todo de momento, y aquí hay una captura de este estado:
Seguiré describiendo las modificaciones que realice, por si a alguien le viene bien.
El objetivo es aprender algo sobre diseño de blogs, así que he optado por abrir uno en blogger y empezar a introducirme en el manejo de las herramientas que ofrece blogger para modificar el diseño de una plantilla cualquiera.
En mi caso he comenzado por elegir la plantilla llamada "Son of Moto" creada por Jeffrey Zeldman, en color verde y he empezado a investigar.
La primera opción ha sido ir a la pestaña Plantilla y seleccionar Fuentes y colores.
Las posibilidades que se ofrecen son reducidas si el objetivo es modificar el diseño general del blog.
En la pestaña Elementos de la página he podido cambiar el encabezado por una imagen propia, pero más o menos ahí terminan las posibilidades sencillas.
Así que me he ido a la pestaña Edición de HTML y le he echado un vistazo al código.
En esta plantilla en concreto hay seis imágenes:
- commentbug.gif
- diamond.gif
- headbotborder.gif
- innerwarp.gif
- outerwarp.gif
- topper.gif
http://www.blogblog.com/moto_son/
Ejemplo: http://www.blogblog.com/moto_son/outerwarp.gif
Me he bajado las imágenes al disco duro y les he aplicado retoque fotográfico para cambiarles el color.
Luego las he subido a mi página personal y he modificado los vínculos a mano en esta pestaña de Edición de HTML.
Junto a los vínculos de las imágenes en el código están las referencias a los colores de fondo, colores que he tenido que modificar a mano, pasando de los verdes a los rojos.
Esto es todo de momento, y aquí hay una captura de este estado:
Seguiré describiendo las modificaciones que realice, por si a alguien le viene bien.
Suscribirse a:
Entradas (Atom)