Como poner una plantilla Ice Blue
Acá os dejo un pequeño tuto mediante el cuaĺ espero explicarles como pueden poner
una plantilla Ice Blue a vuestra página.
1. Deben saber más o menos de qué se trata la
plantilla Ice Blue. La
plantilla no es más qué un código, el cuál está dividido en partes, estas partes pueden remplazarse por
una imagen o un color.
2. Para
colocar una imagen en
una plantilla, debemos obtener su URL, si no sabes como se hace da click
acá.
Si en vez de
una imagen, solo quieres que aparezca cierto color, debes poner el número del color, sino sabes los números de los colores da click
acá.
3. Por otro lado, se debe tener en cuenta qué no se puede usar
una imagen y un color al mismo tiempo, si se llegara a
colocar una imagen y un color, solo se tendrá en cuenta uno de los dos, el ultimo que hayas puesto.
4. Este es el código de la
plantilla Ice Blue:
5. Las partes de la
plantilla.
- El siguiente código corresponde al fondo de vuestra página.
Puedes poner tanto
una imagen de fondo como un color, pero se debe tener en cuenta qué la imagen debe tener al menos un tamaño de 1024 x 768 px, si no el fondo se veria en mosaico.
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
- El siguiente código corresponde al encabezado, es aconsejable quévuestra imagen tenga un tamaño de 1000 x 158 px.
td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al título de la navegación. Tamaño de la imagen 185 x 24 aproximadamente.
td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al fondo del menú. Tamaño de la imagen 185 x 33 aproximadamente.
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al fondo del menú al pasar el mouse. Tamaño de la imagen 185 x 33 aproximadamente.
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al fondo de los titulos de los Box. Tamaño de la imagen 168 x 24 aproximadamente.
td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al Box 1. Tamaño de la imagen 168 x 800 aproximadamente.
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al Box 2. Tamaño de la imagen 168 x 800 aproximadamente.
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al Box 3. Tamaño de la imagen 168 x 800 aproximadamente.
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al Box 4. Tamaño de la imagen 168 x 800 aproximadamente.
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al Box 5. Tamaño de la imagen 168 x 800 aproximadamente.
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al pie de página de los Box. Tamaño de la imagen 168 x 27 aproximadamente.
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al título de la página. Tamaño de la imagen 568 x 38 aproximadamente.
td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde al contenido. Tamaño de la imagen 568 x 300 aproximadamente.
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código corresponde a la parte inferior del contenido. Tamaño de la imagen 568 x 31 aproximadamente.
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código es mejor dejarlo como está para no deformar la parte anterior.
td.edit_content_bottom:hover{background-image:url();}
- El siguiente código corresponde al pie de página. Tamaño de la imagen 568 x 34 aproximadamente.
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
- El siguiente código tambien es recomendable dejarlo como está.
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
6. Luego de qué hayan colocado las imagenes y/o colores de vuestro agrado. Junten todo el código y se van para
PWG. Dan click en editar diseño.
7. Asegurense de tener como diseño a trabajar el
Ice Blue.
8. Dan click en Configuraciones avanzadas.
9. En la parte inferior donde dice Advertencia referente al contenido deben pegar el código de vuestra
plantilla.
10. Luego dan click en Guardar y observan los cambios en vuestra página.
11. Por último recordarles qué si carecen de tiempo hay muchas plantillas
Ice Blue gratis en el foro de PWG. De seguro habrá alguna qué te guste.
______________
Never Forget - Lena Katina (♪)