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;} |