XxxXtutoXxxX

Crear una plantilla

aki les dejo esto de como hacer una plantilla:




<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 fondo al boton al pasar el mouse!! Agunaty15!!




Comentarios hacia esta página:
Comentado por jhondry, 29-08-2009, 04:13 (UTC):
amigo no entiendo nada de como crear las platillas bueno no importa ya encontre una pasate por mi pagina



Añadir comentario acerca de esta página:
Tu nombre:
Tu página web:
Tu mensaje:

Hoy habia 1 visitantes (17 clics a subpáginas) ¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=