Stiudio7desing

Arriba 

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 


  <title>Nautica 05</title> 
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> 

  <link rel="stylesheet" type="text/css" href="http://wimg.co.uk/O6l.css" media="screen, projection, tv " /> 

  <link rel="stylesheet" type="text/css" href="http://wimg.co.uk/s7R.css" media="screen, projection, tv " /> 

  <style type="text/css"> 
<!-- 
.style2 {color: #627E9A} 
.style3 {color: #62CC3C} 
.style6 {color: #5C8096} 
--> 
  </style> 
</head> 


<body> 

<!-- #content: holds all except site footer - causes footer to stick to bottom --> 
<div id="content"> 
  <!-- #header: holds the logo and top links --> 
  
<div id="header" class="width"> <img src="images/logo.gif" alt="Your logo goes here" /> 
    
<ul> 

      <li><a href="http://www.free-css.com/">Back to Main page</a></li> 

      <li><a href="http://www.free-css.com/">About us</a></li> 

      <li><a href="http://www.free-css.com/">Streaming Video</a></li> 

      <li><a href="http://www.free-css.com/" class="last">RSS Feeds</a></li> 

    
</ul> 

  </div> 

  <!-- #header end --> 
  <!-- #headerImg: holds the main header image or flash --> 
  
<div id="headerImg" class="width"></div> 

  <!-- #menu: the main large box site menu --> 
  
<div id="menu" class="width"> 
    
<ul> 

      <li><a href="onecol.html"> <span class="title">One Column Layout</span> <span class="desc">View the included layout</span></a></li> 

      <li><a href="twocol_a.html" class="forum"> <span class="title">Two Column Layout A</span> <span class="desc style3">View the included layout</span></a></li> 

      <li><a href="twocol_b.html"> <span class="title">Two Column Layout B</span> <span class="desc">View the included layout</span></a></li> 

      <li><a href="contact.html"> <span class="title">Contact Us Layout</span> <span class="desc">View the included layout</span></a></li> 

    
</ul> 

  </div> 

  <!-- #menu end --> 
  <!-- #page: holds the page content --> 
  
<div id="page"> 
    <!-- #columns: holds the columns of the page --> 
    
<div id="columns" class="widthPad"> 
      <!-- Left thumbnail column --> 
      
<div class="floatLeft width25"> 
        
<h2>Sample <span class="dark">Thumbnails</span></h2> 

        
<ul class="thumbs"> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="" /><span>STUDIO7DESIGNS </span></a></li> 

          <li><a href="http://www.opensourcetemplates.org" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Opensourcetemplates</span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Image title sample </span></a></li> 

          <li><a href="http://www.free-css.com/" class="thumb"><img style="border: 0px solid ; width: 142px; height: 43px;" src="http://wimg.co.uk/AP3.jpg" alt="thumbnail" /><span>Image title sample </span></a></li> 

        
</ul> 

        <br style="clear: both;" /> 

      </div> 

      <!-- Left thumbnails end --> 
      <!-- Center news column --> 
      
<div class="floatLeft width50"> 
        
<h1><span class="dark">Portada </span></h1>


Abajo: 

Código:
  <!-- Start Post --><span class="day style6"></span><span class="month"></span><span class="day"></span><span class="month"></span><span class="day"></span><span class="month"></span> 
      </div> 

      <!-- Center news column end --> 
      <!-- Right link column --> 
      
<div class="floatRight width25 lightBlueBg horzPad"> 
        
<h2>S7 <span class="dark">Resources</span></h2> 

        
<ul class="submenu1"> 

          <li><a href="http://www.free-css.com/">Opensourcetemplates.org</a></li> 

          <li><a href="http://www.free-css.com/">Studio7designs.com</a></li> 

          <li><a href="http://www.free-css.com/">Arbutus Photography</a></li> 

          <li><a href="http://www.free-css.com/">Weddings Victoria</a></li> 

          <li><a href="http://www.free-css.com/">Css Zen Garden</a></li> 

          <li><a href="http://www.free-css.com/">CSS Remix</a></li> 

        
</ul> 

        
<h3>More CSS <span class="dark">resources</span></h3> 

        
<ul class="submenu2"> 

          <li><a href="http://www.free-css.com/">A list apart</a></li> 

          <li><a href="http://www.free-css.com/">FAMFAMFAM Icons</a></li> 

          <li><a href="http://www.free-css.com/">CSS Tutorials</a></li> 

          <li><a href="http://www.free-css.com/">Color Wheel</a></li> 

        
</ul> 

        
<ul class="submenu1"> 

          <li><a href="http://www.free-css.com/">CSS Beauty</a></li> 

          <li><a href="http://www.free-css.com/">Digg</a></li> 

          <li><a href="http://www.free-css.com/">Nifty Corners</a></li> 

          <li><a href="http://www.free-css.com/">Create a Favicon!</a></li> 

          <li><a href="http://www.free-css.com/">CSS shopping cart</a></li> 

          <li><a href="http://www.free-css.com/">CSS Play</a></li> 

          <li><a href="http://www.free-css.com/">Firefox</a></li> 

        
</ul> 

        
<h3>Favorite <span class="dark">Links</span></h3> 

        
<ul class="submenu2"> 

          <li><a href="http://www.free-css.com/">BBC</a></li> 

          <li><a href="http://www.free-css.com/">Google Trends</a></li> 

          <li><a href="http://www.free-css.com/">Luminous-landscape</a></li> 

          <li><a href="http://www.free-css.com/">Kols themes</a></li> 

          <li><a href="http://www.free-css.com/">iconaholic</a></li> 

          <li><a href="http://www.free-css.com/">Iconica Custom Icons</a></li> 

          <li><a href="http://www.free-css.com/">rad-e8</a></li> 

          <li><a href="http://www.free-css.com/">florian</a></li> 

        
</ul> 

      </div> 

      <!-- Right links column end --> 
    </div> 

    <!-- #columns end --> 
  </div> 

  <!-- #page end --> 
  
<div style="clear: both;"></div> 

</div> 

<!-- #content end --> 
<!-- #footer: holds the site footer (logo and links) --> 
<div id="footer"> 
  <!-- #bg: applies the site width and footer background --> 
  
<div id="bg" class="width"> <img src="images/logo.gif" alt="Your logo goes here" /> 
    
<ul> 

      <li><a href="URL">Design Inspired by</a></li> 

      <li><a href="URL">Our Photography</a></li> 

      <li><a href="URL">OST</a></li> 

      <li><a href="http://www.nezter.es.tl/" class="last">Diseño By Designs-ics</a></li> 
  <li style="text-align: center;"> <a href="http://www.Designs-ics.es.tl/"></a></li> 

    
</ul> 

  </div> 

  <!-- #bg end --> 
</div> 

<!-- #footer end --> 
</body> 
</html>



Css 

Código:
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;}