Nota : lo que esta en rojo se ponen las urls !
Comienzo del còdigo
Comienza el codigo:
<style type="text/css">
<!—
Termina el còdigo :
--></style>
Fondo
Dos formas!
1 clasica :
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_rechts_cbg{background-image:url(URL);}
td.edit_rechts_bottom{background-image:url(URL);}
Esta forma es la de ice blue por defectO
2 forma (recomendada fondo que se repite y uno sol)
Ojo no cambies nada que no este en rojo!
td.edit_rechts_cbg{background-image: none;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_rechts_bottom{background-image:url(URL);}
edit_rechts_bottom { BACKGROUND-IMAGE: none
}
edit_navi_headbg{ BACKGROUND-IMAGE: none}
td.edit_rechts_cbg{background-image:url(URL);}
edit_rechts_cbg{background-image: none;}
edit_rechts_bottom { BACKGROUND-IMAGE: none}
BODY {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(Imagen de fondo);
}
Medida 1024 * 728
Cabezal
td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
Medida: 921 * 104
Botones del menù
td.nav_heading{background-image:url(BOTON DE NAVEGACION);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url( urld de boton);}
td.nav:hover{background-image: url(URL de boton cuando pase el mouse);}
170 * 40
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:url(URL DE IMAGEN);}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
Tìtulo de la pagina : 568 * 34 =)
Contenido 568 * Depende del contenido xD
Antes del copyright : 568 *34
Copyright: 568 *34
Box
td.sidebar_heading{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty{background-image:url(URL);background-color:#NUMERO DE COLOR;}
td.shouty2{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty3{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty4{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty5{background-image:url(URL);background-color:#NUMERO COLOR;}
td.edit_rb_footer{background-image:url(URL);background-color:#NUMERO COLOR;}
Medida
Shouty es el fondo de tus box del 1 al 5
siderbar comienza tu box
Footer Termina tu box
170 * Depende de cuanta informacion haya en el box
Hace visible la plantilla
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
Asì queda la plantilla:
<style type="text/css">
<!—
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_rechts_cbg{background-image:url(URL);}
td.edit_rechts_bottom{background-image:url(URL);}
td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav_heading{background-image:url(BOTON DE NAVEGACION);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url( urld de boton);}
td.nav:hover{background-image: url(URL de boton cuando pase el mouse);}
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:url(URL DE IMAGEN);}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.sidebar_heading{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty{background-image:url(URL);background-color:#NUMERO DE COLOR;}
td.shouty2{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty3{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty4{background-image:url(URL);background-color:#NUMERO COLOR;}
td.shouty5{background-image:url(URL);background-color:#NUMERO COLOR;}
td.edit_rb_footer{background-image:url(URL);background-color:#NUMERO COLOR;}
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
--></style>
Ahora otras pistas utiles
Height es para agrandar el alto y alto
;widht:150px:;}
;height:150px;}
Ejem:
<style type="text/css">
<!--
td.edit_header_full{background-image:url(URL DEL CABEZAL);background-color:;height:150px;}
--></style>
Transparencia :
;background-color: transparent;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;
alpha es para IE
y moz para mozilla firefox
Ejem:
td.edit_content{background-image:url(URL PARA CONTENIDO TRANSPARENTE);background-color: transparent;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;} OPCional!
No repetir algo :
BACKGROUND-ATTACHMENT: fixed;
Ejem
BODY {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(Imagen de fondo);
}
Aqui otro extra :
edit_button_bg {background-image:url(AQUI);}
Este code para que cuando quieras agregar una imagen funto al boton al pasar el mouse ! salu2 !
