Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-09-2008, 19:05 (UTC)    
Título del mensaje: [2008] Crear tu propia plantilla ( Ice blue - simplificado

Crear tu propia plantilla

1º.- Primero crearemos el cabezal de 921x150 px y lo subiremos a ImageShack y lo pondremos en donde dice URL DEL CABEZAL
alli remplazaremos esas palabras por nuestra url directa de imagen. ( solo reemplazaremos la parte roja de el codigo)

2º.- Crearemos un fondo para nuestra plantilla y la volvemos a alojar en ImageShack y lo ponemos en nuestra plantilla reemplazando donde dice URL DEL FONDO. ( el tamaño debe ser de 1024x768 px)

3º.- Crearemos dos o un boton dependiendo de el efecto que queramos ( su tamaño debe ser de 188x33 px) y los alojaremos en imageShack y reemplazaremos donde dice URL DEL BOTON
por nuestra url y luego si queremos que al pasar el puntero aprezca otra imagen creamos otro boton del mismo tamaño y luego reemplazamos donde dice URL DEL BOTON AL PASAR EL MOUSE . y colocamos nuestra url alli al subirla a imageshack.

4º.- Creamos el titulo de navegacion ( con el tamaño de 188x24 px) y lo alojamos en imageshack y reemplazos donde dice URL DEL TITULO DE NAVEGACION.

5º.- Creamos el titulo del box (de 168x 24 px) y alojamos en imageshack y reemplazamos URL DEL TITULO DEL BOX por nuestra url.

6º.- Creamos el Titulo de la pagina ( del tamaño de 568x38 px) volvemos a alojar en imageshack y luego reemplazamos URL DEL TITULO DE PAGINA por nuestra url .

7º.- Creamos el contenido de la pagina ( del tamaño de 568x300) y luego de alojarlo en imageshack reemplazamos URL CONTENIDO DE PAGINA por nuestra url.

8º.- Creamos el semifinal de la pagina ( este debe ser del tamaño de 568x31) y luego de alojarlo en imageshack reemplazaremos URL SEMIFINAL DE PAGINA por nuestra url.

9º.- Creamos el final de la pagina ( de 568x31) y luego de alojarlo en imageshack reemplazamos URL DEL FINAL DE LA PAGINA por la url de nuestra imagen.

10º.- Luego creeamos el conetenido de nuestro box ( de 168x800) y luego reemplazamos donde dice URL DE CONTENIDO DE LOS BOX por nuestra url.

11.- Creamos el pie de nuestros box ( de 168x27) y luego de alojar en imageshack reemplazamos donde dice URL DEL PIE DE BOX por nuestra url

12.- Creamos el reemplazo del semifinal de pagina al pasar el mouse ( de tamaño de 568x 31) luego lo alojamos en imageshack y reemplazamos donde dice URL DE REEMPLAZO DE SEMIFINAL DE PAGINA AL PASAR EL MOUSE por nuestra url.

13º Luego de que hicimos todo esto vamos a nuestro kid de construccion en paginawebgratis.es y vamos a editar diseño=> configuraciones avanzadas=> bajamos hasta donde esta el box que dice TEXTO POR ENCIMA DE PAGINA y alli pegamos nuestro codigo de plantilla y le damos a guardar y vamos a nuestra web y ya podemos ver nuestros cambios hechos!!!

Código:
<style type="text/css">

<!--

td.edit_header_full{background-image:url(URL DEL CABEZAL);background-color:;height:150px;}

body{background-image:url(URL DEL FONDO);background-attachment: fixed}

td.nav{background-image:url(URL DEL BOTON);}

td.nav:hover{background-image: url(URL DEL BOTON AL PASAR EL MOUSE);}

td.nav_heading{background-image:url(URL DEL TITULO DE NAVEGACION);}

td.edit_below_nav{visibility:hidden;}

td.edit_navi_headbg{background-image:url();}

td.edit_rechts_sbg{visibility:hidden;}

td.sidebar_heading{background-image:url(URL DEL TITULO DEL BOX);}

td.edit_content_top{background-image:url(URL DEL TITULO DE PAGINA);}

td.edit_content{background-image:url(URL CONTENIDO DE PAGINA);}

td.edit_content_bottom{background-image:url(URL SEMIFINAL DE PAGINA);}

td.edit_content_bottom2{background-image:url(URL DEL FINAL DE LA PAGINA);}

td.shouty{background-image:url(URL DE CONTENIDO DE LOS BOX);}

td.shouty2{background-image:url(URL DE CONTENIDO DE LOS BOX);}

td.shouty3{background-image:url(URL DE CONTENIDO DE LOS BOX);}

td.shouty4{background-image:url(URL DE CONTENIDO DE LOS BOX);}

td.shouty5{background-image:url(URL DE CONTENIDO DE LOS BOX);}

td.edit_rechts_cbg{background-image: url();}

td.edit_rb_footer{background-image:url(URL DEL PIE DE BOX);}

td.edit_rechts_bottom{background-image: url(URL);}

td.edit_content_bottom:hover{background-image:url(URL DE REEMPLAZO DE SEMIFINAL DE PAGINA AL PASAR EL MOUSE);background-color:;}

 

--></style>

Esto es para que se den una idea de donde va cada imagen


Tutorial creado por GR4NM4ST3R


Ultima edición por gr4nm4st3r el Sab Feb 28, 2009 7:51 am; editado 3 veces
Mensaje19-09-2008, 19:18 (UTC)    
Título del mensaje:

Este tema esta en la seccion equibocada
______________
Mensaje19-09-2008, 19:22 (UTC)    
Título del mensaje:

este tema ya esta creado en la seccion tutoriales de los usuarios ,aqui lo puede ver;

http://www.paginawebgratis.es/forum/viewtopic.php?t=3625

de todos modos gracias por la dedicacion.


Ultima edición por alfasite el Vie Sep 19, 2008 3:24 pm; editado 1 vez
Mensaje19-09-2008, 19:40 (UTC)    
Título del mensaje:

perdon... cierrenlo y mandenlo a la basura si quieren
Mensaje19-09-2008, 19:55 (UTC)    
Título del mensaje:

Aquí hay muchos Tutoriales repetidos! Hay distintas formas de hacerlos y quizás tu Tutorial le sea de más ayuda a un user que el otro que ya existe. Es libre poner Tutoriales, se agradece la intención de colaboración... de ninguna manera lo cerraremos ni borraremos.

Salu2!
Mensaje19-09-2008, 20:03 (UTC)    
Título del mensaje:

entonce, me lo mueves a los tutoriales de usuarios?
Mensaje19-09-2008, 20:07 (UTC)    
Título del mensaje:

Lee este tema:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4352
Lo que quize decir con el tema anterior es que cualquier Tutorial es bien recibido, pero de ahi a moverlo es otra cosa.

Salu2!
Mensaje10-12-2008, 22:31 (UTC)    
Título del mensaje:

A mi estee tuto me encanto y me re sirvio,
aunque este en la seccion equivacada (No pasa nada,me ha pasado) es un muy buen tutorial.
El otro tuto,no me sirvio,pero este, ¡¡ES GENIAL!!
Graciias,esta excelente
Espero que sigas poniendo estos tutoriales,tan hermosos!
Besoos
Mensaje27-02-2009, 13:52 (UTC)    
Título del mensaje:

muy bueno
Mensaje27-02-2009, 18:02 (UTC)    
Título del mensaje:

No revivan tema

Fecha:


19.09.2008 19:05:38
______________
Mensaje27-02-2009, 18:35 (UTC)    
Título del mensaje:

Aviso del del Moderador "Alfasite":
[Por favor no responder temas del año pasado]
Desde ya gracias por su comprensión y colaboracion!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group