Personaliza tu página web gratis
Iceblue Interactivo
Si te gustaría saber como personalizar u ocultar cualquier parte de Iceblue es cuestión de clickear la parte deseada en la imágen y obtendrás el código para personalizarla.
Haz click en la parte de la imagen que quieras editar en tu diseño:
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>
CÓDIGOS INDIVIDUALES:
¿Cómo funciona esto? En cada item (1, 2, 3, 4, etc) encontrarás el código para personalizar la parte del diseño corresponiente. En la mayoría de ellos encontrarás 2 códigos, uno para colocar tu propia imagen y otro para quitarla. En caso de querer utilizar el primero lo único que debes hacer es conseguir la URL de la imagen (te recomienda crearla del tamaño sugerido desde "Tamaño ideal") y reemplazarla en la parte que he marcado en celeste en el código. Luego pegas ese código en "Editar diseño"/"Configuraciones avanzadas"/"Texto por encima de la página".
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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> > Regresar al mapa inicial
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>
