Aca les traigo un nuevo diseño de mi web fue un poco largo ya que son 7 diseños en uno, es un diseño para css desing
su codigos es asi
Pega esto por encima de la pagina
Pega esto por debajo de la pagina
su codigos es asi
Pega esto por encima de la pagina
- Código:
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="inicio.htm">Encabezado</a></h1>
<p id="slogan">
<br/>
<script type="text/javascript" src="http://img9.xooimage.com/files/5/0/7/dise-owedmasterayuda.es.tl-1050316.js"></script>
<link rel="stylesheet" type="text/css" href="http://img1.xooimage.com/files/5/8/6/dise-os1wedmasterayuda-104ffad.css" title="NOMBRE CSS 1">
<link rel="alternate stylesheet" type="text/css" href="http://img1.xooimage.com/files/0/3/d/dise-os2wedmasterayuda-1050047.css" title="NOMBRE CSS 2">
<link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/2/2/2/dise-os3wedmasterayuda-10500ad.css" title="NOMBRE CSS 3">
<link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/a/1/3/dise-os4wedmasterayuda-10501b0.css" title="NOMBRE CSS 4">
<link rel="stylesheet" type="text/css" href="http://img9.xooimage.com/files/4/5/1/dise-os5wedmasterayuda-1050219.css" title="NOMBRE CSS 5">
<link rel="stylesheet" type="text/css" href="http://img9.xooimage.com/files/e/a/f/dise-os6wedmasterayuda-105025c.css" title="NOMBRE CSS 6">
<link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/4/d/7/dise-os7wedmasterayuda-10502d0.css" title="NOMBRE CSS 7">
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 1'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564.JPG" alt="picwma564.JPG"></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 2'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma5645.JPG" alt="picwma5645.JPG" /></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 3'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma56457.JPG" alt="picwma56457.JPG" /></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 4'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564578.JPG" alt="picwma564578.JPG" /></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 5'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma5645784.JPG" alt="picwma5645784.JPG" /></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 6'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma56457844.JPG" alt="picwma56457844.JPG" /></a>
<a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 7'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564578448.JPG" alt="picwma564578448.JPG" /></a>
</p>
<div id="header-links">
<p>
<a href="Url">Link</a> |
<a href="Url">Link</a> |
<a href="Url">Link</a>
</p>
</div>
</div>
<!-- menu -->
<div id="menu">
<ul>
<li id="current"><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li class="last"><a href="Url">Link</a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h3>Menu</h3>
<ul class="sidemenu">
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
</ul>
<h3>Links</h3>
<ul class="sidemenu">
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
</ul>
<h3>texto</h3>
<ul class="sidemenu">
<p class="align-right"><li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li></p>
<h3>Texto</h3>
<div class="left-box">
<p class="align-right"><li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li></p>
<p class="align-right"></p>
</div>
<h3>texto</h3>
<div class="left-box">
<p class="align-right"><li><a href="Url">LInk</a></li>
</p>
</div>
</div>
Pega esto por debajo de la pagina
- Código:
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
</div>
<!-- wrap ends here -->
</div>