injap
  Tutorial1
 

Bueno aqui hay algunos Tutos...


:: Tutorial #1 ::

<--> Como Crear Una Plantilla IceBlue <-->

.:. Condisiones .:.

1- Tenes Las URL De Las Imagenes Que Vas A Utilizar.[Recomendado Alojarlas a www.pixelea.com.
2- Tener Paciencia xD

<---> Inicia El Tutorial <--->

Sigue Todos los pasos siguientes Bien para que la puedas crear bien.

A. El Codigo Bueno Aqui esta el codigo para que la puedas hacer.



B. Luego de tener el codigo escrito en un "Bloc De Notas" entonces hacemos esto (Tuto Con Imagenes).

B-A. [Solo Modificar Lo De Rojo]

td.edit_header_full{background-image:url(Aqui la url del encabezado);background-color:;height:248px;}
body{background-image:url(Aqui la url del fondo);background-attachment: fixed}

<>Bueno el la primera fila dice "Aqui la url del encabezado" entonces solo deves colocar la URL de el encabezado (tamaño 1000x220)



<>Luego En la segunda fila dice "Aqui la url Del Fondo" entonces colocamos la URL de el fondo (Tamaño 1024x768)

B-B [Solo Modificar Lo Rojo]

td.nav{background-image:url(Aqui la url del boton sin efecto);}
td.nav:hover{background-image: url(Aqui el efecto);}
td.nav_heading{background-image:url(aqui la navegacion);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;}
td.edit_rechts_sbg{visibility:hidden;}

<> En la primera linea dice "aqui la url del bonton SIN EFECTO" que quiere decir "Sin Efecto" quiere decir que es el que se muestra de 1.



<>En la segunda linea dice "Aqui la url del efecto" Que quiere decir, cuando para el mause aparece otra imagen (pero si no le quieres colocar, entonces dejalo en blanco el espacio o colocale la misma imagen que le colocaste en el de SIN EFECTO si quieres qeu apareca la misma)



<>En la tercera linea dice "Aqui la navegacion" hay colocas una imagen que es la cual ba a aparecer en la parte de arriba del menu.



B-C. [Solo Modificar Lo Rojo]

td.sidebar_heading{background-image:url(Aqui la url de la parte de arriba de  los box);}
td.edit_content_top{background-image:url(Aqui la url de la parte de arriba del contenido);}
td.edit_content{background-image:url(Aqui la url de nuestro contenido);}


<> En la primera fila dice "Aqui la url de la parte de arriba de los box", entonces puedes colocar la misma imagen de la que tiene el menu, pero es tu decision.

 

<> En la segunda fila dice "Aqui la url de la parte de arriba del contenido"Recomendo que sea del mismo color que todo pero hay tu.




<> En la tercera fila dice "Aqui la url de nuestro contenido", puedes colorcar una imagen o dejarla en blanco. 




B-D.
[Modificar solo lo que esta en rojo]

td.edit_content_bottom{background-image:url(Aqui la url de la parte de abajo del contenido);}
td.edit_content_bottom2{background-image: none;}
td.shouty{background-image:url(aqui la url del box);}
td.shouty2{background-image:url(aqui la url del box);}
td.shouty3{background-image:url(aqui la url del box);}
td.shouty4{background-image:url(aqui la url del box);}
td.shouty5{background-image:url(aqui la url del box);}

<>en la primera fila dice "Aqui la url de la parte de abajo del contenido".



<> de la 3 fila a la 7 dice "aqui la url del box" hay colocamos el fondo del box.




B-E. [Solo Modificar Lo Rojo]

td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rb_footer{background-image:url(aqui la url de la parte de abajo del box);}
td.edit_rechts_bottom{background-image: none;}
td.edit_content_bottom:hover{background-image: none;}

<>En la segunda linea dice "Aqui la url de la parte de abajo del box"




Y LISTO YA HAS CREAO TU PROPIA PLANTILLAS HAORA SI QUIERES SABER COMO COLOCARLA EN TU WEB ENTONCES VE EL OTRO TUTORIAL.

(Tutorial echo 100% por el webmaster de injap, con sus propias palabras)

 
 
  14576 visitantes (26339 clics a subpáginas)  
 
Todos Los Derechos Reservados © Copyringht 2007 - 2009
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis