1- Apertura contenido
Tamaño ideal: 568px × 38px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_content_top{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_content_top{visibility: hidden;}
</style>
2- Contenido
Tamaño ideal: 568px × 169px (Mosaico) Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_content{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_content{visibility: hidden;}
</style>
3- Cierre contenido
Tamaño ideal: 568px × 31px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_content_bottom{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_content_bottom{visibility: hidden;}
</style>
4- Footer
Tamaño ideal: 568px × 35px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_content_bottom2{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_content_bottom2{visibility: hidden;}
</style>
5- Barra centro
Tamaño ideal: 568px × 100px (Mosaico) Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_rechts_cbg{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_rechts_cbg{visibility: hidden;}
</style>
6- Barra derecha
Tamaño ideal: 168px × 25px (Mosaico) Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_rechts_bottom{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_rechts_bottom{visibility: hidden;}
</style>
7- Cierre Box
Tamaño ideal: 168px × 27px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_rb_footer_1{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_rb_footer { background-image: none;}
</style>
8- Contenido Box
Tamaño ideal: 185px × 62px (Mosaico) Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{visibility: hidden;}
</style>
9- Apertura box
Tamaño ideal: 168px x 24px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.sidebar_heading{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.sidebar_heading{visibility: hidden;}
</style>
10- Encabezamiento
Tamaño ideal: 921px x 104px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_header_full{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_header_full{visibility: hidden;}
</style>
11- Navegación
Tamaño ideal: 185px x 23px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.nav_heading{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.nav_heading{visibility: hidden;}
</style>
12- Botones menú/Mouse Over
Tamaño ideal: 185px x 33px
Utiliza este código para poner tu propia imagen en ese espacio:
<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>
Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.nav{background-image:url(URL DEL BOTÓN NORMAL);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.nav{visibility: hidden;}
</style>
13- Barra izquierda
Tamaño ideal: 185px x 198px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_below_nav{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_below_nav{visibility: hidden;}
</style>
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. Personalizar el fondo completo (recomendado):<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>Personalizar el fondo parcialmente (recomendado):<style type="text/css">
body{background-image:url(URL DEL FONDO);}
</style>
15- Publicidad
Es obligatorio tener totalmente visible la publicidad del Servicio. Debes tener especial ataención cuando cambias el Fondo, ya que puede "camuflar" la publicidad.
Ver tutorial 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>
16- Barra lateral izquierda
Tamaño ideal: 79px × 104px Utiliza este código para poner tu propia imagen en ese espacio:
<style type="text/css">
td.edit_rechts_sbg{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>Utiliza este código para ocultar esta imagen en tu diseño:
<style type="text/css">
td.edit_rechts_sbg{visibility: hidden;}
</style> 