gestured
codigos
por encima
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
adapted by cssadapter
http://cssadapter.es.tl
Released for free under a Creative Commons Attribution 2.5 License
Name : Gestured
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091004
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>adapted by cssadapter</title>
<meta name="keywords" content="" />
<meta name="Gestured" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- start header -->
<div id="header">
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="#">Homepage</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#"><span>Gestured</span></a></h1>
<p>ADAPTED BY CSSADAPTER.ES.TL</p>
</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Menú 1</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
</ul>
</li>
<li>
<h2>Webs de interés</h2>
<ul>
<li><a href="http://www.cssadapter.es.tl">cssadapter</a> (23)</li>
<li><a href="#">link</a> (31)</li>
<li><a href="#">link 2</a> (31)</li>
</ul>
</li>
</ul>
</div>
por debajo
<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" linkmethod="get" action="#">
<div>
<h2>Site Search</h2>
<input type="text" name="s" id="s" size="15" value="" />
</div>
</form>
</li>
<li>
<h2>Tags</h2>
<p class="tag"><a href="#">dolor</a> <a href="#">link</a> <a href="#">lorem</a> <a href="#">slink</a> <a href="#">dolor</a> <a href="#">link</a> <a href="#">lorem</a> <a href="#">link</a></p></li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebars -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">© 2009 All Rights Reserved • adapted by <a href="http://cssadapter.es.tl/">cssadapter</a>.</p>
</div>
</body>
</html>
css sin style tag
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: 30px 0px 0px 0px;
padding: 0;
background: #000000;
text-align: justify;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
h1, h2, h3 {
margin-top: 0;
}
h1 {
font-size: 1.6em;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1em;
}
ul {
}
a {
text-decoration: none;
color: #2C4449;
}
a:hover {
border-bottom: none;
}
a img {
border: none;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
#header {
width: 960px;
margin: 0 auto;
}
/* Header */
#logo {
width: 960px;
height: 191px;
margin: 0 auto;
background: url(http://img41.xooimage.com/files/b/a/f/img02-13cce58.jpg) no-repeat left top;
}
#logo h1, #logo p {
margin: 0;
color: #FFFFFF;
}
#logo span {
color: #FFFFFF;
}
#logo h1 {
padding: 25px 0 0 40px;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 4.8em;
}
#logo p {
text-transform: lowercase;
padding: 4px 0 0 43px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #FFFFFF;
}
#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;
}
/* Menu */
#menu {
width: 960px;
margin: 0 auto;
padding: 0;
height: 55px;
padding-top: 35px;
background: url(http://img23.xooimage.com/files/f/4/0/img01-13cce4b.jpg) repeat-x left top;
}
#menu ul {
margin: 0;
padding: 0px 0 0 0px;
list-style: none;
}
#menu li {
float: left;
display: inline;
}
#menu a {
height: 40px;
margin: 0;
padding: 40px 30px 0 30px;
background: url(images/img06.jpg) no-repeat right 15px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
/* Wrapper */
#wrapper {
width: 100%;
margin: 0px;
padding: 0px;
}
/* Page */
#page {
width: 960px;
margin: 0 auto;
padding: 0px;
background: url(http://img49.xooimage.com/files/0/3/2/img03-13cce34.jpg) no-repeat left top;
}
#page-bg {
}
/* Latest Post */
#latest-post {
padding: 20px;
border-bottom: 1px #2C4449 solid;
}
/* Content */
#content {
float: left;
width: 460px;
margin: 0px 20px 20px 20px;
}
.post {
padding-bottom: 15px;
line-height: 200%;
border-bottom: 1px #2C4449 solid;
}
.post h1 {
font-weight: normal;
}
.title {
margin: 0;
padding: 30px 0 4px 0px;
font-size: 28px;
font-weight: normal;
}
.title a {
border-bottom: none;
color: #FFFFFF;
}
.title a:hover {
border-bottom: 1px dotted #000000;
}
.byline {
margin: 10px 0px 20px 0px;
padding: 4px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
.tag {
padding: 0 15px;
}
.entry {
padding: 0px 0px;
}
.links {
width: 80px;
height: 33px;
background: url(images/img05.jpg) no-repeat left top;
text-align: right;
font-weight: bold;
}
.links a {
display: block;
height: 25px;
padding-top: 8px;
padding-left: 10px;
text-align: left;
}
.links a:hover {
}
/* Sidebars */
#sidebar1 {
float: left;
width: 230px;
}
#sidebar2 {
float: right;
width: 230px;
}
.sidebar {
float: left;
padding: 0;
color: #737373;
}
.sidebar ul {
margin: 0;
padding: 20px 0 0 0;
list-style: none;
}
.sidebar li {
padding: 0 0 20px 0;
}
.sidebar li ul {
background: none;
padding-bottom: 20px;
}
.sidebar li li {
margin: 0px 15px;
padding: 8px 0px;
border-bottom: 1px #314A4F dashed;
background: none;
}
.sidebar li h2 {
height: 26px;
margin: 0 15px;
padding: 14px 15px 0px 0px;
border-bottom: 1px #2C4449 solid;
text-transform: capitalize;
font-size: 18px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
}
.sidebar a {
color: #BDBDBD;
}
/* Search */
#searchform {
margin: 0;
padding: 0 0 20px 0;
}
#searchform br {
display: none;
}
#searchform h2 {
}
#s {
margin: 10px 0px 0 15px;
padding: 2px 2px;
width: 165px;
height: 18px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
font-size: 10px;
color: #000000;
}
#x {
margin: 0;
padding: 2px 5px;
height: 25px;
background: #CA8186;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
/* Calendar */
#calendar_wrap {
padding: 10px 15px;
text-align: center;
}
#calendar_wrap table {
width: 100%;
}
#calendar_wrap th {
}
#calendar_wrap td {
}
#calendar_wrap tfoot td {
border: none;
}
#calendar_wrap tfoot td#prev {
text-align: left;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#prev a {
border: none;
}
#calendar_wrap tfoot td#next {
text-align: right;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#next a {
border: none;
}
/* Footer */
#footer {
width: 960px;
height: 80px;
margin: 0 auto;
padding: 0 20px;
border-top: 1px solid #2C4449;
}
#footer p {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #737373;
}
#footer a {
color: #BDBDBD;
}
#footer .link {
}
#footer .copyright {
}