.::. PWG - Ayuda .::.
  Crear plantilla PWG
 

Tutorial [Crear Plantilla Iceblue] By .::. PWG - Ayuda .::. :

El siguiente codigo es el de la plantilla IceBlue predeterminada. PWG Ayuda te explica como crear una plantilla a tu gusto.

Lo que se le puede cambiar a la plantilla son las imágenes y los colores.
Por colores entra a
Si pones una URL, deja vacio el color. Y si pones un COLOR deja vacia la URL.



<style type="text/css">

<!--
body{background-image:url(URL DE IMAGEN);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: none;}
td.edit_rechts_bottom{background-image: none;}

td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image: none;}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

--></style>





.::. ZONA EDICION .::.





Primera parte: El Fondo



body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image: none;}
td.edit_rechts_cbg{background-image: none;}
td.edit_rechts_bottom{background-image: none;}
td.edit_below_nav{visibility:hidden;}


Debemos conseguir una imagen de 1024 x 768 aprox. o escoger un color. Por favor, aunque pongas la URL o el COLOR en una sola línea, no borreis las otras líneas ya que deformaría el fondo. Así que, dejarlaís como está.



 

Segunda Parte: Encabezado





td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
Debemos conseguir una imagen de 1000 x 158 aprox.:





 

Tercera Parte: Menú


 


td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de Navegación: Debemos conseguir una imagen de 185x24 aprox. o escoger un Color:



2da Línea - Botón de menú: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:
3ra Línea - Botón de menú al pasar el cursor: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:








Cuarta Parte: Zona-Boxs


td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de Boxs: Debemos conseguir una imagen de 168x24 aprox. o escoger un Color:



2da Línea - Box1: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
3ra Línea - Box2: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
4ta Línea - Box3:Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
5ta Línea - Box4: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
6ta Línea - Box5: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:



7ma Línea - Pie de box: Debemos conseguir una imagen de 168x27 aprox. o escoger un Color:





 

Quinta Parte : Contenido


td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image: none;}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de página: Debemos conseguir una imagen de 568x38 aprox. o escoger un Color:



2da Línea - Contenido: Debemos conseguir una imagen de 568x300 aprox. o escoger un Color:



3ra Línea - Semifinal de Contenido:Debemos conseguir una imagen de 568x31 aprox. o escoger un Color:



4ta Línea - Colocarla como está sino deforma la sección de Semifinal de contenido
5ta Línea - Final de Contenido: Debemos conseguir una imagen de 568x34 aprox. o escoger un Color:





 

Sexta parte - No cambiar nada:


td.edit_rechts_sbg{visibility:hidden;}
td.edit_below_nav{visibility:hidden;}


Luego que suplanten todo por URL DE IMAGEN y/o NÚMERO DE COLOR, borren los enters para que no queden espacios largos y quede todo junto. Luego que la plantilla esté lista, van a Editar Diseño, y lo pegan en: Advertencia con respecto al campo de contenido (p.ej. copyright).


¿Qué te parecio mi web?
Comentalo aquí debajo!

 
  Page copy protected against web site content infringement by Copyscape
.::. PWG Ayuda .::. esta protegida contra copias!
 
 

Búsqueda interna:

Nombre de usuario:
Contraseña:
Principal | Registrarse | Foro 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis