ayuda para tu pagina web - - Diseño css-simpson

Diseño css-simpson

diseño css de los simpson

texto por encima

texto por debajo

<div id="sidebar">
<div class="sidemain">
<ul>
<li>
<div>
<form method="get" action="/buscar.htm">
<input type="text" name="" id="" size="12" />
<input type="submit" value="Search" />
</form></div>
<div><h3>Categorias</h3><ul><li class="page_item page-item-2"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-46"><a href="#" _fcksavedurl="#" title="LINK">LINK</a>
<ul>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
</ul>
</li>
</ul></div>
<div><h3>Submenu</h3>
<ul>
<li class="page_item page-item-49"><a href="#" _fcksavedurl="#" title="URL">URL</a></li>
</ul>
</div>
<div><h3>Submenu</h3><ul> <li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
<ul class='children'>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="URL">URL</a>
</ul></div>
</li>
</ul>
</div>
</div>

</div>

<div id="footer">
<ul>
<li><a href="http://team-drakox.es.tl" _fcksavedurl="http://team-drakox.es.tl">Designed by (c) Drakox</a></li>
</ul>
</div>
</body>
</html>

codigo css

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;}
/*
Theme Name: Simpsons
Theme URI: http://simpsons-drakox.es.tl
Description: The Simpsons design
Version: 1.0.5
Author: Drakox
Author url: http://drakox.net
*/
* { margin: 0; padding 0; }
a { text-decoration: none; color: #0084b4; }
blockquote {margin: 10px;}
p {margin: 10px 0}
a:hover { text-decoration: underline; }
ul { list-style: none; }
h1, h2, h3, h4 {font-family: Helvetica, Arial, Sans-Serif;}
h1 {font-size: 3.0em; line-height: 1em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.0em;}
img { border-style: none; }
body {
width: 760px; text-align: left;
margin: 30px auto;
font: 0.75em/1.5 'Lucinda Grande', Verdana, Arial, Sans-Serif;
/* background: #9ce4e7  none fixed no-repeat top left; */
background: #9ce4e7 url(http://www.dvdfavoris.com/images/upload/Image/The%20Simpsons/the-simpsons-wallpaper-1680.jpg) repeat top left;
color: #333;
}
#header h1 { float: left; }
#header h1 a:hover {text-decoration: none;}
#tagline p {width: 760px; min-height: 8px; margin: 0; padding: 0; font-size: 0.9em; color: #0084b4; float: left; clear: all;}
.nav ul {
float: right; line-height: 2.4em;
margin: 4px 0; padding: 0 12px 0 0;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.nav li { margin: 0; padding: 0 0 0 12px; float: left; }
#mainpage {
width: 760px;
margin: 15px 0 20px 0;
min-height: 1240px;
float: right;
background-color: #ffe400;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content {
width: 524px; float: left;
min-height: 1240px;
margin: 0; padding: 10px 20px;
background-color: #fff;
border-right: 1px solid #bddcad;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#content textarea {
width: 506px; height: 100px;
padding: 2px 2px; margin: 10px 0;
}
#sidebar {
width: 195px; float: right;
min-height: 1240px;
margin: 0; padding: 0;
background-color: #ffe400;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#sidebar h3 {font-size: 1.3em;}
.sidemain div {
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #bddcad;;
}
.sidemain ul { padding: 0; margin: 0}
.sidemain form { padding: 5px 0; }
#calendar div { margin: 0 10px 0 0; padding: 0; border: none; }
#search div { margin: 0; padding: 0; border: none; }
#searchform div {border: none;}
.widget_text div { padding: 0; border: none; }
.storycontent { padding: 10px 0; }
.feedback { padding: 0 0 10px 0; }
#footer {
height: 2.4em; line-height: 2.4em;
clear: both;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#footer ul { padding: 0 12px 0 0; float: left; }
#footer li { padding: 0 0 0 12px; float: left; }
/* required by Wordpres */
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Free CSS Layouts

ayuda para tu pagina web -

Diseño css-simpson