Food Blog Website - free CSS template

Food Blog Layout

Free CSS Template

CODIGO I

Pegar en "Texto por encima de la página"


<style type="text/css">

<!--

body{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/01_fondoweb_1024_768.gif);background-attachment: fixed}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;background-color:#;}
td.edit_rechts_sbg{visibility:hidden;background-color:#;}
td.edit_rechts_cbg{background-image: none;background-color:#;}
td.edit_rb_footer{background-image: none;background-color:#;}
td.edit_rechts_bottom{background-image: none;background-color:#;}
td.edit_content_bottom:hover{background-image: none;background-color:#;}

--></style></font>

<style type="text/css">
<!--
td.edit_header_full{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/02_cabezal_984_250.gif);background-color:;height:250px;}
--></style>



Pegar en "Texto por debajo de la página"


<style type="text/css">


<!--
td.nav{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/03_boton_uno_183_33.gif);}
td.nav:hover{background-image: url(https://img.webme.com/pic/e/elbacan-recargado/04_boton_dos_183_33.gif);}

--></style>

<style type="text/css">


<!--
td.shouty{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/05_fondo_box_228_1000.gif);background-color:#;}
td.shouty2{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/05_fondo_box_228_1000.gif);background-color:#;}
td.shouty3{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/05_fondo_box_228_1000.gif);background-color:#;}
td.shouty4{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/05_fondo_box_228_1000.gif);background-color:#;}
td.shouty5{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/05_fondo_box_228_1000.gif);background-color:#;}

--></style>

<style type="text/css">


<!--
td.edit_content_top{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/06_cuerpo_1_566_38.gif);background-color:;}
td.edit_content_bottom{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/07_cuerpo_2_566_38.gif);background-color:;}

--></style>

<style type="text/css">


<!--
td.edit_content{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/08_fondopaginas_600_600.gif);background-color:#;}

--></style>

<style type="text/css">


<!--
td.edit_rb_footer{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/09_separabox_228_25.gif);background-color:;}

--></style>

<style type="text/css">


<!--
td.nav_heading{background-image:url(-);background-color:;}

--></style>


<style type="text/css">


<!--
td.sidebar_heading{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/10_sobrebox_227_25.gif);}

--></style>

<style type="text/css">


<!--
td.nav_heading{background-image:url(https://img.webme.com/pic/e/elbacan-recargado/10_sobrebox_227_25.gif);}

--></style>



Finalmente acá recordaremos 2 imágenes, que si bien no van incluídas en los códigos de nuestro nuevo diseño, estas nos servirán para darle un cierto nivel y atractivo a nuestra web.

La primera imagen es muy importante y nos servirá para anchar nuestros box y así aprovechar mayormente nuestro espacio, esta imagen debes pegarla en cada box que uses, esto para no deformar los otros




El código para pegar la imagen en los box en este caso sería

Código:
<img src="https://img.webme.com/pic/e/elbacan-recargado/11_ancharbox_218_25.gif"/>

SOLO TIENEN QUE CAMBIAR LAS URL QUE ESTAN MARCADAS EN COLORES Y EDITAR LA WEB  A SU GUSTO


 

Advertisements

125x125 Banner Advertise Here Advertisement Your Banner

About This Blog

This free website blog layout is provided by TemplateMo.com. You may download, modify and apply this layout for any web blog CMS templates.

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis