• Inicio
  • Comunidad
    • Comentarios
    • Afiliate
    • Afiliados
    • Contacto
  • Material
    • Plantillas Iceblue
    • Plantillas CSS
    • Banners
    • Fondos
    • Menús
    • Iconos
    • Video-Tutoriales
  • Herramientas
    • Probador diseño Iceblue
    • Probador diseño CSS
    • Probador códigos HTML
  • Generadores
    • Diseño Iceblue
    • Diseño CSS
    • Imágenes aleatorias
  • Taller de diseño
  • Foro PWG
  • Foro AnimeDesign

Tu Web de Diseño y Ayuda

  • Inicio
  • Comentarios
  • Contacto
  • Colocar y modificar foro
  • Subir imagenes a PWG
  • Colocar firma de foro
  • Adaptacion de plantillas CSS
  • Crear plantilla IceBlue
  • Para que se registren en tu web
  • Tu web en otros idiomas
  • Menu horizontal de Mac Os
  • Buscador para tu web
  • Formulario simple
  • Menu desplegable
  • Otros HTML
  • Calendario
  • Zoom en texto
  • Selecciona el diseño
  • Destruir web
  • Texto con viñetas
  • Menú horizontal
  • Menu vertical
  • Menu horizontal desplegable
  • Afiliate
  • Afiliados
  • Probador codigos HTML
  • Probador plantillas CSS-Design
  • Probador plantillas IceBlue
  • Plantillas CSS Design
  • Plantillas Iceblue
  • Banners
  • Fondos
  • Menus
  • Iconos
  • Gen Iceblue
  • Gen CSS
  • Gen ima ale
  • Video-Tutoriales

Crear plantilla IceBlue



Aqui está el código de la plantilla:

<style type="text/css"> 

<!-- 
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_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> 



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;}
 

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 - Dejarla como está: 

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

Luego que suplanten todo por URL DE IMAGEN y/o NÚMERO DE COLORes , borren los enters para que quede todo junto y lo pegan en Advertencia con respecto al campo de contenido (p.ej. copyright) y listo.

Tutoriales

    Colocar y modificar Foro
    Subir imágenes a PWG
    Colocar firma de Foro
    Adaptar plantillas CSS
    Crear plantilla Iceblue
    Registro en tu web

HTML

    Tu web en otros idiomas
    Menú horizontal de Mac Os
    Buscador para tu web (Google)
    Formulario simple
    Menú Desplegable
    Otros

HTML

    Calendario
    Zoom en texto
    Selecciona el diseño
    Destruir web

Códigos CSS

    Texto con viñetas
    Menú horizontal
    Menú vertical
    Menú horizontal desplegable

En línea

Music


MusicPlaylist
Music Playlist at MixPod.com

© 2010 - Todos los derechos reservados | TutowebPC - PaginaWebGratis
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis