Designers Ice Blue


Este foro es para ayudar con las webs especialmente pwg y mas !!!Habrán más de 55 talleres, tutoriales y codes a tu dispocisión!!!
 
ÍndicePortalCalendarioFAQBuscarMiembrosGrupos de UsuariosRegistrarseConectarse
Últimos temas
» [S4-EP2]MU DarkFlame- 2500x
Dom Jun 21, 2009 4:10 am por guscaben

» Pedido de planilla
Dom Mayo 17, 2009 3:14 pm por Erhard

» Animal Attack: Puma Style.
Dom Abr 12, 2009 7:22 pm por Samu

» Recopilación de páginas esenciales para un webmaster.
Miér Abr 08, 2009 3:11 pm por Samu

» Hacer una plantilla Iceblue. Completamente detallado .
Mar Abr 07, 2009 5:01 pm por Samu

» Menú desplegable.
Lun Abr 06, 2009 8:16 pm por Samu

» Blog de DesignersIceBlue
Sáb Abr 04, 2009 9:49 pm por Samu

» botones del foro
Sáb Abr 04, 2009 9:36 pm por Samu

» Temas en el foro incorrecto.
Jue Abr 02, 2009 10:56 pm por Samu


Comparte | 
 

 Hacer una plantilla Iceblue. Completamente detallado .

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Samu
Admin
Admin
avatar

Masculino
Cantidad de envíos : 167
Edad : 21
Localización : Luchando con Itachi Uchiha
Humor : Sarcástico, Bobo.
Puntos : 32849
Reputación : 5
Fecha de inscripción : 18/10/2008

tu hoja de Designers Ice Blue
Numero de aportes::
14/20  (14/20)
Flood:
0/100  (0/100)
Programa de Diseño favorito: Adobe Photoshop

MensajeTema: Hacer una plantilla Iceblue. Completamente detallado .   Mar Abr 07, 2009 5:01 pm

Aquí está el código de la plantilla IceBlue, lo examinaremos y descubriremos cada parte del
código.

La sección de la plantilla se puede cubrir con una imagen o con un color.

Si completamos URL DE IMAGEN dejamos vacío el NÚMERO DEL COLOR y si completamos el NÚMERO DEL COLOR, dejamos vacía la URL DE IMAGEN.

*Sacarle la URL a una IMAGEN:

Para eso vamos a
Pixelea.com, examinamos nuestra foto y le damos a Subir imágen.
Esperamos segundos y nos van a saltar varias barras de códigos, nosotros debemos copiar la última de abajo que dice Direct link to image.
Esa es la URL





Primera parte: El Fondo

body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility:hidden;}


Debemos conseguir una imagen de 1024 x 768 aprox. o escoger un color. Por favor, aunque pongas la URL o el COLOR en una sola línea, no borreis las otras líneas ya que deformaría el fondo. Así que, dejarlaís como está.

Segunda Parte: Encabezado

td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
Debemos conseguir una imagen de 1000 x 158 aprox.:



Tercera Parte: Menú


td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de Navegación: Debemos conseguir una imagen de 185x24 aprox. o escoger un Color:



2da Línea - Botón de menú: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:
3ra Línea - Botón de menú al pasar el cursor: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:



Cuarta Parte: Zona-Boxs

td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de Boxs: Debemos conseguir una imagen de 168x24 aprox. o escoger un Color:



2da Línea - Box1: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
3ra Línea - Box2: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
4ta Línea - Box3:Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
5ta Línea - Box4: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
6ta Línea - Box5: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:



7ma Línea - Pie de box: Debemos conseguir una imagen de 168x27 aprox. o escoger un Color:



Quinta Parte : 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();}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de página: Debemos conseguir una imagen de 568x38 aprox. o escoger un Color:



2da Línea - Contenido: Debemos conseguir una imagen de 568x300 aprox. o escoger un Color:



3ra Línea - Semifinal de Contenido:Debemos conseguir una imagen de 568x31 aprox. o escoger un Color:



4ta Línea - Colocarla como está sino deforma la sección de Semifinal de contenido
5ta Línea - Final de Contenido: Debemos conseguir una imagen de 568x34 aprox. o escoger un Color:



Sexta parte - Dejarla como está:

td.edit_rechts_sbg{visibility:hidden;}

Luego que suplanten todo por URL DE IMAGEN y/o NÚMERO DE COLORes , borren los enters para que quede todo junto y lo pegan en Advertencia con respecto al campo de contenido (p.ej. copyright) y listo.

Espero que les haya servido.

_________________

"Cierra la boca o te meto" Y eso dicen los del Ghetto!
Volver arriba Ir abajo
Ver perfil de usuario http://www.gbaguias.es.tl
 
Hacer una plantilla Iceblue. Completamente detallado .
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» como hacer este tipo de plantilla bajo los post
» Como crear una plantilla de foro
» Por que a mi barra estática le aparece un scroll y no se queda completamente estatica
» ¿Es posible crear una plantilla de Foroactivo y...?
» Se ha estropeado el pc y no se que hacer.

Permisos de este foro:No puedes responder a temas en este foro.
Designers Ice Blue :: PWG :: Tutoriales-
Cambiar a: