DESIGN 01
+CSS DESIGNS+
| TOP: |
| <body> <div id="header"> <h1><a href="http://tuweb.es.tl">Nombre de tu web</a></h1> <div class="nav"> <ul> <li><a href="#">Inicio</a></li> <li class="page_item page-item-2"><a href="#" title="Link">Link</a></li> <li class="page_item page-item-46"><a href="#" title="Link">Link</a></li> </ul> </div> </div> |
| BOTTOM: |
| <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="#" title="URL">URL</a></li> <li class="page_item page-item-46"><a href="#" title="LINK">LINK</a> <ul> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> </ul> </li> </ul></div> <div><h3>Submenu</h3> <ul> <li class="page_item page-item-49"><a href="#" title="URL">URL</a></li> </ul> </div> <div><h3>Submenu</h3><ul> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> <ul class='children'> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> <li class="cat-item cat-item-5"><a href="#" title="URL">URL</a> </ul></div> </li> </ul> </div> </div> <!-- end sidebar --> </div> <!-- begin footer --> <div id="footer"> <ul> <li><a href="http://team-drakox.es.tl">Designed by (c) Drakox</a></li> </ul> </div> </body> </html> |
| CSS CODE : |
| 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; } |