Bien, voy a hacer un pequeño tutorial para rediseñar un template de blogs. Voy a ir comentando paso a paso lo que hay que realizar para todo aquel que quiera diseñar el suyo propio.
Lo primero es elegir en que template (template = plantilla, acuerdense de eso) nos vamos a basar. yo elegi la que es tipo blogger
Bien, de los paquetes que publique en el pequeño tutorial blogger esta en el 1, por si quieren bajarlos, vuelvo a publicarlos:
Click aqui para ver el texto completo
Una ves que tenemos el archivo en nuestra pc, lo descomprimimos y apareceran varias carpetas con el contenido de los templates, la que me interesa en este caso es blogger.
Dentro de la carpeta los archivos que nos interesan son:
- Las imagenes
- blogger.css (en otro templates servira cualquier archivo con extension css)
- weblog_header.htm (o weblog_header.html)
Asumo que para este momento saben un poquito de css y saben como generar un codigo de color y si no:
Click aqui para ver el texto completo
Vamos a empezar con el tema de los colores en los css y htm.
Una pista que los puede ayudar a ir viendo como quedaran los colores es
1) abrir los archivos weblog_header.htm y weblog_body.htm con cualquier editor de texto como el notepad.
2) copiar todo lo que hay en weblog_body.htm y pegarlo al final de weblog_header.htm
3) Guardar el archivo pegado con otro nombre, como prueba.htm
Si van viendo el archivo prueba.htm en el navegador mientras editan iran viendo los cambios.
Ahora debemos saber que archivo es el que tiene los colores, si el .css o el weblog_header.htm
Para reconocerlo debemos buscar este texto en el weblog_header.htm
<style type="text/css">
o bien
<style>
En este caso el weblog_header.htm es el que tiene los colores, asi que lo editare alli y en el prueba.htm para ir viendo los cambios
Para hacerlo mas facil ire editando el prueba.htm y luego copiare y pegare todo lo que cambie en weblog_header.htm
Click aqui para ver el texto completo
En la imagen se ve el prueba.htm en el navegador mientras edito el codigo en un editor de texto
Click aqui para ver el texto completo
Aqui cambie el color del fondo
Click aqui para ver el texto completo
Aqui tengo a medio editar los colores
Bien, una ves que termine con los colores y quedo algo que me gusto, segui con las imagenes.
El proceso de editar las imagenes no lo voy a explicar, asumo que saben hacer estas cosas, por ejemplo, la imagen right.gif le cambie los colores que tenia en blogger
a otros colores que quedaran mejor aqui
El mismo proceso, basicamente, con el resto de las imagenes que se veran (en la mayoria de los templates los botones no se ven asi que no tiene mucho sentido editarlos)
Y el resultado final es:
_________________
変わる時代の中で変わらない夢を掴もう
- Kawaru jidai no naka de kawaranai yume wo tsukamou - Incluso en tiempos cambiantes, alcanza ese sueño constante,
激しい雨に打たれても現実に流されない…君でいるために
- Hageshii ame ni utarete mo genjitsu ni nagasarenai. Kimi de iru tame ni - Incluso si llueve fuertemente, no escapes de la realidad, ya que eres el que eres
My dream will never change.
- Mi sueño jamas cambiara (BOY - The Alfee)
del.icio.us Last.Fm
Instrucciones para soñar
Massugu Go! Mas Adentro, Mas Adelante, Manabichan lo sabia, Lewis Tambien.
http://www.agustinbosso.com