Santiago Sanz Web

Abstract

>>>Vista Previa 1<<<

>>>Vista Previa 2<<<



Código: 

Texto encima de la página: 

Cita:

<style type="text/css"> 
<!-- 
table{margin-left:auto;margin-right:auto} 
--></style> 


</head> 

<body> 
<div id="templatemo_container"> 

<div id="templatemo_topsection"> 

<div class="templatemo_topmenu"> 

<ul> 
<li><a href="http://santiagosanz.es.tl>Santiago Sanz Web</a></li>  
<li><a href="http://paginawebgratis.es">Comunidad</a></li> 
</ul> 

</div> 

<div id="templatemo_title">Santiago Sanz Web</div> 

<div id="templatemo_slogan">Diseño gráfico especializado</div> 



</div> 

<div class="templatemo_midmenu"> 

<ul> 
<li><a href="#">Inico </a></li> 
<li><a href="#">Contacto</a></li> 
<li><a href="#">Iniciar sesión</a> </li> 
<li><a href="#">¡Registrarse!</a></li> 
<li><a href="#">Arte</a></li> 
<li> <a href="#">Arte</a></li> 
<li> <a href="#">Arte</a></li> 
</ul> 

</div> 

<div id="templatemo_left_column"> 

<div id="templatemo_left_top">NAVEGACIÓN</div> 

<div class="templatemo_leftmenu"> 

<ul> 

<li><a href="http://santiagosanz.es.tl">Santiago Sanz Web</a> </li> 

<li> <a href="#">Arte</a></li> 

<li> <a href="#">Diseño gráfico</a></li> 

<li> <a href="#">Templates</a></li> 

<li> <a href="#">PaginaWebGratis</a></li> 

<li> <a href="#">Registrarse</a></li> 

<li> <a href="#">Administración</a></li> 

<li> <a href="#">Informática</a></li> 

<li> <a href="#">Libro de visitastes</a></li> 

<li> <a href="#">I like to design !</a></li> 

<li> <a href="#">Simple Style</a></li> 

</ul> 

</div> 

<div id="templatemo_left_bot"></div> 

<div id="templatemo_contact"><strong>CARACTERÍSTICAS:<br /> 
</strong> 

Menú negro y celeste horizontal<br /> 

Cabezal abstracto<br /> 

Navegación vertical</div> 

</div> 

<div id="templatemo_right_column"> 

<h1></h1>



Texto por debajo de la página: 

Cita:

</div> 

<div class="spacing"></div> 

<div id="templatemo_footer">Copyright 2010-2011 ©Tu página web - Patrocinado por www.santiagosanz.es.tl 

</div> 

</body> 

</html>



CSS-Code sin style tags: 

Cita:

lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 



body { 

margin: 0; 

padding:0; 

font-family: Arial, Helvetica, sans-serif; 

font-size: 11px; 

line-height: 1.5em; 

background: #989898; 

background:url(http://picalls.com/1152x864/1152x864.php?src=/./data/media/11/Fontis.jpg&w=1152&h=864&zc=0) fixed; 


a:link, a:visited { color: #9e0052; text-decoration: none; } 

a:active, a:hover { color: #9e0052; text-decoration: none } 


h1 { 

font-size: 18px; 

font-weight: bold; 

color: #c301c5; 

line-height: 1.6em; 



h2 { 

font-size: 14px; 

font-weight: bold; 

color: #e105e4; 



#templatemo_container { 

width: 902px; 

margin: auto; 

background: #FFFFFF; 



#templatemo_topsection { 

float: left; 

width: 902px; 

height: 266px; 

background: url(http://wimg.co.uk/yB1.png) no-repeat; 



.templatemo_topmenu{ 

float: right; 

height: 59px; 

width: 300px; 

text-align: right; 




.templatemo_topmenu ul { 

list-style: none; 

padding: 0px; 

margin: 0px; 



.templatemo_topmenu li{ 

display: inline; 




.templatemo_topmenu li a { 

float: left; 

font-size: 12px; 

font-weight: bold; 

text-decoration: none; 

color: #fff; 

width: 80px; 

height: 30px; 

margin-left: 14px; 

padding-top: 20px; 

text-align: center; 



#templatemo_title { 

float: left; 

width: 752px; 

height: 50px; 

margin-top: 30px; 

font-weight: bold; 

font-size: 30px; 

color: #3b3b3b; 

line-height: 1.6em; 

text-align: right; 

padding-right: 150px; 



#templatemo_slogan { 

float: left; 

width: 752px; 

text-align: right; 

padding-right: 150px; 

color: #3b3b3b; 

font-weight: bold; 



#templatemo_top_search { 

float: left; 

width: 852px; 

padding-top: 40px; 

height: 30px; 

color: #fff; 

font-weight: bold; 

text-align: right; 

padding-right: 50px; 



#search { 

font-size: 12px; 



#ok { 

background: #B425A9; 

border: solid 1px #FFFFFF; 

font-size: 12px; 

width: 40px; 

font-weight: bold; 

color: #fff; 



.templatemo_midmenu{ 

float: left; 

height: 71px; 

width: 902px; 

background: url(http://wimg.co.uk/cR7.png); 





.templatemo_midmenu ul { 

list-style: none; 

padding: 0px; 

margin: 0px; 

margin-left: 80px; 





.templatemo_midmenu li{ 

display: inline; 





.templatemo_midmenu li a{ 

float: left; 

font-size: 11px; 

font-weight: bold; 

text-decoration: none; 

color: #fff; 

width: 95px; 

height: 30px; 

margin-left: 10px; 

padding-top: 20px; 

text-align: center; 





.templatemo_midmenu li a:hover, .templatemo_midmenu li .current{ 

color: #FF0; 



#templatemo_left_column { 

float: left; 

width: 273px; 



#templatemo_left_top { 

float: left; 

width: 205px; 

height: 40px; 

margin-left: 40px; 

color: #FFFFFF; 

font-weight: bold; 

font-size: 13px; 

text-align: center; 

padding-top: 25px; 

background: url(http://wimg.co.uk/is7.png) no-repeat; 



.templatemo_leftmenu { 

float: left; 

width: 205px; 

margin-left: 40px; 



.templatemo_leftmenu ul { 

list-style-type: none; 

padding: 0; 

margin: 0px; 

width: 205px; 



.templatemo_leftmenu li a { 

display: block; 

height: 22px; 

padding-top: 7px; 

color: #000000; 

padding-left: 50px; 

font-weight: bold; 

background: url(http://wimg.co.uk/JUM.png); 



.templatemo_leftmenu li a:hover, .templatemo_leftmenu li .current { 

color: #c00; 



#templatemo_left_bot { 

float: left; 

margin-left: 40px; 

width: 205px; 

height: 32px; 

background: url(http://wimg.co.uk/cLh.png) no-repeat; 



#templatemo_contact { 

float: left; 

width: 177px; 

height: 94px; 

margin: 20px 0px 0px 40px; 

padding: 25px 0px 0px 30px; 

background: url(http://wimg.co.uk/muy.png) no-repeat; 



#templatemo_right_column { 

float: left; 

width: 560px; 

margin-left: 20px; 

text-align: justify; 

padding-top: 20px; 



#templatemo_product_column { 

float: left; 

width: 560px; 

margin: 0px; 

padding-top: 10px; 



.templatemo_product_left { 

float: left; 

width: 185px; 

height: 81px; 



.templatemo_product_mid { 

float: left; 

width: 88px; 

height: 51px; 

font-size: 14px; 

font-weight: bold; 

color: #970399; 

text-align: center; 

padding-top: 30px; 



.templatemo_product_right { 

float: left; 

width: 247px; 

padding-top: 10px; 

padding-left: 20px; 

padding-right: 20px; 

text-align: justify; 

height: 71px; 

background: none no-repeat; 



.spacing { 

float: left; 

width: 902px; 

height: 20px; 



#templatemo_footer { 

clear: both; 

width: 902px; 

height: 34px; 

padding-top: 15px; 

margin-bottom: 20px; 

font-weight: bold; 

color: #fff; 

text-align: center; 

background: url(http://wimg.co.uk/HJr.png) no-repeat; 



#templatemo_footer a{ 
color: #FFF; 

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