http://img28.xooimage.com/files/b/9/c/tb-beta1-1866a19.png
Texto por Encima de la pagina:
Código:
<style type="text/css">
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>
<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>
<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}
--></style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
<div id="header">
<p class="logotext">TITULO</strong><br>
<span class="logotext2">DESCRIPCIÓN</span></p>
<div id="headinfo"> <a href="LINK">NOMBRE</a> | <a href="LINK">NOMBRE</a> </div>
</div>
<div id="nav">
<ul>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>TITULO</h2>
<ul>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
</li>
</ul>
<h2>TITULO</h2>
<ul>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
<li><a href="LINK">NOMBRE</a></li>
</ul>
</div>
<div id="breadcrumb"></div>
<div id="right">
Texto por debajo de la pagina:
Código:
</div>
</div>
<br class="clear" />
<div id="footer">
<p> All content copyright © 2006 Your Website, all rights reserved. Layout created at CSSWebLayouts, <strong>TU WEB</strong>. Design adaptado a pwg por <a href="http://Todo-bryan.com.ar" target="_blank">Todo-Bryan</a> <br /></p>
</div>
</div>
</body>
</html>
CSS-Code sin Style Tag:
Código:
img {
border: none;
}
a img {
border: none;
}
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 { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }
#wrapper { width:760px; margin:0 auto; padding:0; }
#header { width:100%; height:150px; background-image:url(http://img22.xooimage.com/files/9/7/5/header-cd4881.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img24.xooimage.com/files/4/1/f/headinfobg-cd4936.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }
.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }
#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }
#content { width:100%; }
#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#FFCD59; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }
#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }
#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }
.clear { clear:both; }
@JuanjoApps
JuanjoApps
