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);}
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.
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
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.
