Tabla de Posiciones:
CC-GNU GPL
El contenido de este sitio web esta bajo una licencia:CC-GNU GPL
Powered by PHP
Powered by MySQL

Narnia > Foros




Capitulo 9.B : Diseño de un template para el blog



 
Este foro está cerrado y no podés publicar, responder o editar temas   Este tema está cerrado y no podés editar mensajes o responder    

Foros de discusión

->

Ayuda y Reglamentos

Ver tema anterior :: Ver tema siguiente  
Autor Mensaje
Agustin
Lider de la Orden del Leon
Lider de la Orden del Leon

   

Edad: 39
Registrado: 03 Nov 2005
Ultima Visita: 03 Mar 2024
Mensajes: 3116
Ubicación: Argentina


MensajePublicado: Dom May 11, 2008 7:10 pm    Asunto: Capitulo 9.B : Diseño de un template para el blog Responder citando

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.

Flecha Lo primero es elegir en que template (template = plantilla, acuerdense de eso) nos vamos a basar. yo elegi la que es tipo blogger
Las Cronicas de Narnia en Espanol
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


Flecha 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)

Flecha 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


Flecha 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.

Flecha 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.

Flecha 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
Las Cronicas de Narnia en Espanol
a otros colores que quedaran mejor aqui
Las Cronicas de Narnia en Espanol

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:

Las Cronicas de Narnia en Espanol

_________________
変わる時代の中で変わらない夢を掴もう - 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)

Las Cronicas de Narnia en Espanol del.icio.us Las Cronicas de Narnia en Espanol Last.Fm
Las Cronicas de Narnia en Espanol
Las Cronicas de Narnia en EspanolLas Cronicas de Narnia en Espanol

Instrucciones para soñar

Massugu Go! Mas Adentro, Mas Adelante, Manabichan lo sabia, Lewis Tambien.
http://www.agustinbosso.com
Volver arriba
Agustin esta desconectado Ver perfil de usuario Enviar mensaje privado   Blog MSN Messenger
Jill Pole
Senescal
Senescal


Reputacion: 23    

Edad: 29
Registrado: 27 Feb 2008
Ultima Visita: 06 Jun 2012
Mensajes: 731
Ubicación: Sobre el claro cielo del sur en los limites del mar oriental, allí donde se haya Cair Paravel.


MensajePublicado: Jue May 22, 2008 5:05 pm    Asunto: Responder citando

WAW!yo tenia ganas de tener un blog...
pero nisiquiera puedo mantener un fotolog en orden
asi que no se si un Blog vendria genial en este momento...
pero en un futuro les prometo que me hago una bien lindo
como hizo Agus!!

_________________
Las Cronicas de Narnia en Espanol
Vicealmirante de la Marina de Narnia
Clan de las Costas del Mar Oriental !

Entrad sin miendo y subid mas!
"A nadie se le cuenta lo que hubiera sucedido"
Dios es mi pastor, Nada me puede faltar
Las Costas Dicen
Miembro número 019 del Comité Contra las Faltas Voluntarias y el lenguaje SMS
Volver arriba
Jill Pole esta desconectado Ver perfil de usuario Enviar mensaje privado   Blog MSN Messenger
FerMix
Portaestandarte
Portaestandarte


Reputacion: 7    

Edad: 122
Registrado: 08 Mar 2007
Ultima Visita: 11 May 2011
Mensajes: 684



MensajePublicado: Vie Jun 06, 2008 7:51 pm    Asunto: Responder citando

Suena demasiado simple para ser cierto... hay algo sospechoso aqui ¬¬ LOL Riendo
Volver arriba
FerMix esta desconectado Ver perfil de usuario Enviar mensaje privado   Blog
Mostrar mensajes de anteriores:   
Este foro está cerrado y no podés publicar, responder o editar temas   Este tema está cerrado y no podés editar mensajes o responder       Foros de discusión -> Ayuda y Reglamentos Todas las horas son GMT - 3.5 Horas
Página 1 de 1


BBCode Url de este topic:
Cambiar a:  
Podés publicar nuevos temas en este foro
No podés responder a temas en este foro
No podés editar tus mensajes en este foro
No podés borrar tus mensajes en este foro
No podés votar en encuestas en este foro


Powered by phpBB © 2001, 2005 phpBB Group