|

Crear Plantilla IceBlue

Hola Soy Vetax Les Traigo El Tutorial De Crear Tu Plantilla
IceBlue Modificado Por Mi.

La sección de la plantilla se puede cubrir con una imagen o
con un color.

Si completamos URL DE IMAGEN dejamos vacío el NÚMERO DEL COLOR
y si completamos el NÚMERO DEL COLOR, dejamos vacía la
URL DE IMAGEN.

*Sacarle la URL a una IMAGEN:

Para eso vamos a Pixelea.com, examinamos nuestra foto y le damos

a Subir imágen.
Esperamos segundos y nos van a saltar varias barras de códigos, nosotros
debemos copiar la última de abajo que dice Direct link to image.
Esa es 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>



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.: ( Aqui Ahi Un Problema
Cuando Terminas La Plantilla Ves Tu Emcabezado y No Se Ve La Imagen
Completa Entonces Agrega Esto A lado:
td.nav_heading{background-image:url
Url Del Encabezado);
background-color:#NÚMERO DEL COLOR;
height: # px ; } (Depende el numero
que pongas se ara mas chiquito o mas grande recomiend0 150 para arriba)




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:
( Aqui Puedes Hacer Lo Mismo Con El Emcabezado
Depende el numero que pongas se ara mas chiquito o mas grande) height: # px



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: ( Puedes Hacer Lo Mismo
Como El Encabezado
Depende el numero que pongas se ara mas chiquito o
mas grande
) height: # px



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

Gracias Att: Vetax
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis