CÓDIGO COMPLETO PARA LA EDICIÓN DE ICEBLUE:
<style type="text/css">
body{background-image:url(URL IMAGEN -14-);}
td.edit_navi_headbg{background-image:url(URL IMAGEN -5-);}
td.edit_rechts_cbg{background-image:url(URL IMAGEN -13-);}
td.edit_rechts_bottom{background-image:url(URL IMAGEN -6-);}
td.edit_header_full{background-image:url(URL IMAGEN -10-);}
td.nav_heading{background-image:url(URL IMAGEN -11-);}
td.nav{background-image:url(URL IMAGEN -12-);}
td.nav:hover{background-image:url(URL IMAGEN -12- HOVER);}
td.sidebar_heading{background-image:url(URL IMAGEN -9-);}
td.shouty{background-image:url(URL IMAGEN -8-);}
td.shouty2{background-image:url(URL IMAGEN -8-);}
td.shouty3{background-image:url(URL IMAGEN -8-);}
td.shouty4{background-image:url(URL IMAGEN -8-);}
td.shouty5{background-image:url(URL IMAGEN -8-);}
td.edit_rb_footer{background-image:url(URL IMAGEN -7-);}
td.edit_content_top{background-image:url(URL IMAGEN -1-);}
td.edit_content{background-image:url(URL IMAGEN -2-);}
td.edit_content_bottom{background-image:url(URL IMAGEN -3-);}
td.edit_content_bottom2{background-image:url(URL IMAGEN -4-);}
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
</style>
1- Apertura contenido
Tamaño ideal: 568px × 38px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_content_top{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_content_top{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
2- Contenido
Tamaño ideal: 568px × 169px (Mosaico)
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_content{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_content{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
3- Cierre contenido
Tamaño ideal: 568px × 31px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_content_bottom{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_content_bottom{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
4- Footer
Tamaño ideal: 568px × 35px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_content_bottom2{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por encima
de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_content_bottom2{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
5- Barra centro
Tamaño ideal: 568px × 100px (Mosaico)
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_rechts_cbg{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_rechts_cbg{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
6- Barra derecha
Tamaño ideal: 168px × 25px (Mosaico)
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_rechts_bottom{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por encima
de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_rechts_bottom{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
7- Cierre Box
Tamaño ideal: 168px × 27px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_rb_footer_1{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_rb_footer { background-image: none;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
8- Contenido Box
Tamaño ideal: 185px × 62px (Mosaico)
[CSS] Personalizar imágen:
<style type="text/css"> td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{background-image:url
(URL DE LA IMÁGEN);} </style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{visibility: hidden;}
</style>
Pega el código en "Texto por encima de la página" ("Editar diseño/
Configurciones avanzadas")
9- Apertura box
Tamaño ideal: 168px x 24px
[CSS] Personalizar imágen:
<style type="text/css"> td.sidebar_heading{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.sidebar_heading{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
10- Encabezamiento
Tamaño ideal: 921px x 104px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_header_full{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_header_full{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
11- Navegación
Tamaño ideal: 185px x 23px
[CSS] Personalizar imágen:
<style type="text/css"> td.nav_heading{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.nav_heading{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
12- Botones menú/Mouse Over
Tamaño ideal: 185px x 33px
•CON EFECTO MOUSE OVER:
[CSS] Personalizar imágen:
<style type="text/css"> td.nav{background-image:url(URL DEL BOTÓN NORMAL);}
td.nav:hover{background-image:url(URL DEL BOTÓN AL PASAR EL MOUSE SOBRE EL);} </style>
Sube tu imágenes y reemplaza las URL en el code. Una vez hecho esto pégalo en
"Texto por encima de la página" ("Editar diseño/Configuraciones avanzadas").
•SIN EFECTO MOUSE OVER:
[CSS] Personalizar imágen:
<style type="text/css"> td.nav{background-image:url(URL DEL BOTÓN NORMAL);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.nav{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
13- Barra izquierda
Tamaño ideal: 185px x 198px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_below_nav{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_below_nav{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")
14- Fondo
Hay 2 codes para configurar el fondo de Iceblue. El primero hará que se quiten las barras
de izquierda, centro y derecha para hacer el fondo totalmente visible. El segundo hará visible
el fondo por detras de toda la plantilla (estará mucho menos visible)
Tamaño ideal: Depende de la resolución de tu pantalla.
[CSS] FONDO COMPLETO (Recomendado) Personalizar imágen:
<style type="text/css"> body{background-image:url(URL DEL FONDO);} 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;;} </style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] FONDO ESTÁNDAR Personalizar imágen:
<style type="text/css"> body{background-image:url(URL DEL FONDO);} </style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
15- Publicidad
Es obligatorio tener totalmente visible la publicidad del Servicio. Debes tener especial
atención cuando cambias el Fondo, ya que puede "camuflar" la publicidad.
Además puedes centrar la publicidad:
- Dírijete a "Editar diseño"/"Configuraciones avanzadas" y escribe al inicio de "Texto por
encima de la página" "<center>" (sin comillas). Luego diríjete a "Texto por debajo de la
página" y escribe "</center>" (sin comillas).
- Si usas "CSS-Design -no tan popular-" puedes centrar la publicidad con este código:
<style type="text/css"> table{margin-left:auto;margin-right:auto} </style>
Pégalo en "Texto por encima de la página" ("Editar diseño/Configuraciones avanzadas").
*Puede que surjan algunos problemas de sistema a la hora de cambiar los colores de la
publicidad, estos son algunos tips que puedes tener en cuenta:
- Podrás obtener algunos colores combinando el color de fondo con el color de texto de
la publicidad.
- A veces el color opuesto al que deseamos es el indicado (Por ejemplo si quires poner
la publicidad de color blanca prueba eligiendo el color negro).
- En ocasiones la publicidad sale blanca al colocar el fondo y texto de este mismo color.
- Los colores recomendados son blanco, negro y rojo, ya que son fáciles de lograr y
además suelen destacarse en fondos complejos.
16- Barra lateral izquierda
Tamaño ideal: 79px × 104px
[CSS] Personalizar imágen:
<style type="text/css"> td.edit_rechts_sbg{background-image:url(URL DE LA IMÁGEN);}
</style>
Sube tu imágen y reempleza su URL en el code. Una vez hecho esto pégalo en "Texto por
encima de la página" ("Editar diseño/Configuraciones avanzadas").
[CSS] Quitar imágen:
<style type="text/css"> td.edit_rechts_sbg{visibility: hidden;} </style>
Pega el código en "Texto por encima de la página" ("Editar diseño/Configurciones avanzadas")