Ayuda para tu web

Css-Design

Plantilla css echas por radioflash24.es.tl

Negro And Blue.

Codigo por encima de la pagina:

<div id="tabsG"> <ul> <li><a title="Link 1" href="#" _fcksavedurl="#"><span>Link 1</span></a></li> <li><a title="Link 2" href="#" _fcksavedurl="#"><span>Link 2</span></a></li> <li><a title="Link 3" href="#" _fcksavedurl="#"><span>Link 3</span></a></li> <li><a title="Longer Link Text" href="#" _fcksavedurl="#"><span>Longer Link Text</span></a></li> <li><a title="Link 5" href="#" _fcksavedurl="#"><span>Link 5</span></a></li> <li><a title="Link 6" href="#" _fcksavedurl="#"><span>Link 6</span></a></li> <li><a title="Link 7" href="#" _fcksavedurl="#"><span>Link 7</span></a></li> </ul> </div> <div class="menu"><img src="http://pixelea.com/s/f6dc47d4ae.png" _fcksavedurl="http://pixelea.com/s/f6dc47d4ae.png" /> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="/#" _fcksavedurl="/#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link </a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link </a></li> <img src="http://pixelea.com/s/bac4bbd9ec.png" _fcksavedurl="http://pixelea.com/s/bac4bbd9ec.png" alt="" /> </ul> </div> <div id="conten">

Codigo por debajo de la pagina:

<div class="pie"> <div class="pie2 pueque"> <p>© 2008-2009 Todos los derechos reservados <strong>Radioflash24</strong></p> <p> </p> <p>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.</p> </div> </div>

Codigo sin style tags:

#extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div#nav_container{display: none;} div.header{display: none;} h2#title{margin-bottom:10px} h1#title{margin:10} li.nav_element{display: none;} li.nav_element a{display: none;} *{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; } body{ background:url(http://www.dezinerfolio.com/wp-content/themes/df_blue/images/body_loop.gif) repeat-x 0 0; width:990px; background-color: #000000; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; color:#ffffff; } img { border: none;} a{ text-decoration:underline; color:#848484; } a:hover{ text-decoration:underline;color:#58ACFA; } .linkpeq{ font-size:9px; } .estilosgris{ font-size:9px; color:#999999; } .negross{ font-size:15px; text-decoration:none; font-weight:bold; color:#000000; } /*-- diseño --*/ .cabecera{ height: 129px; } .centro { background-image: url(http://pixelea.com/s/de0a2352ef.gif); background-repeat: repeat-y; width:990px; border-right-color:#cccccc; border-right-style:solid; border-right-width:1px; } .contenido { width:811px; float:right; background:#43464a ; background-repeat: repeat-x; } .menu { width: 179px; float:left; text-align: center; } .flinea{ width: 179px; float:left; text-align: center; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:10px; } .fh{ margin-top:15px; width:179px; float:left; text-align:center; margin-bottom:5px; } .fh iframe{ display:block; margin-bottom:6px; border-color:#ffffff; border-width:1px; border-style:solid; width:100px; height:69px; padding:3px; float:center; margin-left:33px; margin-right:32px; } .fh img{ display:block; margin-bottom:6px; border-color:#ffffff; border-width:1px; border-style:solid; width:100px; height:69px; padding:3px; float:center; margin-left:33px; margin-right:32px; } .fh2{ width:179px; float:left; text-align:center; margin-bottom:5px; } .fh3{ width:179px; float:left; text-align:center; margin-top:15px; } .menu ul{ margin-bottom:5px; } .menu ul li { text-align:left; background-image: url(http://pixelea.com/s/e71886fc0b.png); background-repeat: no-repeat; list-style:none; height: 22px; width:179px; padding-top: 10px; } .menu ul li a { padding-left: 20px; color:#FFFFFF; } .menu ul li a:hover { color:#007dfc; font-weight:bold; text-decoration:none; } /*-- pie --*/ .pie{ width:787px;margin-top:30px; margin-left:5px; border-top-color:#0080FF; border-top-style:solid; border-top-width:1px; border-left-color:#0080FF; border-left-style:solid; border-left-width:1px; border-right-color:#0080FF; border-right-style:solid; border-right-width:1px; border-bottom-color:#0080FF; border-bottom-style:solid; border-bottom-width:20px; padding-top: 20px; margin-bottom:20px; height: 100px; text-align: center; color: #999999; font-size:9px; float:left; background-image:url(http://pixelea.com/s/44347874aa.png); background-repeat: repeat-x; background-position: bottom; } .pie1{ border-left-color:#CCCCCC; border-left-style:solid; border-left-width:1px; width:400px; float:right; text-align:left; padding-left:15px; } .pie1a{ width:100px; float:left; text-align:center; padding-left:15px; padding-top:10px; } .pie2{ width:520px; float:left; text-align:justify; margin-left:15px; } .pie .peque{ font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; } .pie a { color:#0000FF; } #tabsG { float:right; width:100%; background:#xxxxxx; font-size:93%; line-height:normal; } #tabsG ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsG li { display:inline; margin:0; padding:0; } #tabsG a { float:right; background:url("http://img398.imageshack.us/img398/9296/tableftgwx6.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsG a span { float:left; display:block; background:url("http://img398.imageshack.us/img398/7484/tabrightgcm1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover span { color:#FFF; } #tabsG a:hover { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; } #conten{ width:800px; float:right; background:#43464a;border:1px solid #0687ca; background-repeat: repeat-x;

_____________________________________________________

 

Plantillas echas por cssplantillas.es.tl

Colorvoid

Codigo en texto por encima de la pagina:

<div class='navbar section' id='navbar'> <div class='widget Navbar' id='Navbar1'></div> <div id='layout_wrapper'><div id='layout_edgetop'></div> <div id='layout_container'><div id='header-wrapper'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <div id='header-inner'><div class='titlewrapper'> <!-- Titulo de la pagina --> <h1 class='title'>Mi web 2.0</h1> <!-- Fin Titulo de la pagina --> </div> <div class='descriptionwrapper'> <p class='description'><span>CssPlantillas.es.tl</span></p> </div></div></div></div> <div class='clear'></div></div><div id='top_separator'></div><div id='navigation'> <div id='tabs'><ul><li class='current_page_item'> <!-- Menu horizontal --> <a href='URL' _fcksavedurl='URL'><span>Link's 1</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 2</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 3</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 4</span></a></li> </ul> <!-- Menu horizontal --> <div class='clear'></div></div></div> <div class='spacer h5'></div><div id='content-wrapper'>

Codigo por debajo de la pagina:

<div id='sidebar'><div class='widget' id='search'> <h2>Buscar</h2> <div class='widget-content'> <form action='buscar.htm' id='searchform' method='get'> <div> <table class='search'> <tbody><tr> <td><input id='s' name='q' type='text' value=''/></td> <td style='padding-left: 10px;'><input src='https://img.webme.com/pic/c/cssplantillas/colorvoid13.gif' type='image'/> </td> </tr> </tbody></table> </div></form> </div></div> <div class='sidebar section' id='sidebar'><div class='widget Feed' id='Feed1'> <!-- contenido box 1 --> <h2>Box de contenido 1</h2> <div class='widget-content'> Pon aqui el contenido que quieras! <!-- Fin contenido box 1 --> </div></div> <div class='widget BlogArchive' id='BlogArchive1'> <!-- contenido box 2 --> <h2>Box de contenido 2</h2> <div class='widget-content'> Pon aqui el contenido que quieras! <!-- Fin contenido box 1 --> <div id='ArchiveList'><div id='BlogArchive1_ArchiveList'></div></div> <span class='widget-item-control'></div></div></div></div> <div class='clear'></div></div> <div id='footer'> <p class='links'> Copyright © 2009 <a href='http://cssplantillas.es.tl' _fcksavedurl='http://cssplantillas.es.tl'>Tuweb.es.tl</a> | - Diseño por: <a href='http://colorvoid-btemplates.blogspot.com'>colorvoid</a> Adaptada por: <a href='http://templatesfree.es.tl' _fcksavedurl='http://templatesfree.es.tl' target="url">CssPlantillas.es.tl</a> </div></div> <div id='layout_edgebottom'></div></div>

Codigo en sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * { margin: 0; padding: 0; } body { background: #404040 url("https://img.webme.com/pic/c/cssplantillas/colorvoid1.jpg"); font:normal 13px Verdana; color: #345; padding-bottom: 1em; } a {color:#0066AA;} a:hover {color: #003366;} p {padding: 0.1em 0 0.8em;} h1 { font: normal 1.8em Georgia,Tahoma,sans-serif; } h2 { font: normal 1.5em Georgia,sans-serif; } h3 { font: bold 1em Tahoma,sans-serif; } html { height: 100%; padding-bottom: 1px; } ul,ol { margin: 0 0 1em 1.6em; } ul ul, ol ol { margin: 0.3em 0 0.3em 1em; } img { border: none; } img.bordered { background: #FFF; padding: 5px; border: 1px solid #DDD; } img.left { margin-right: 1em; } img.right { margin-left: 1em; } small,.small { font-size: 0.8em; } big,.big { font-size: 1.2em; } #layout_wrapper { margin: 10px auto 0; width: 780px; } #layout_container { background: #FFF; padding: 0 5px; } #layout_edgetop, #layout_edgebottom {background:url("https://img.webme.com/pic/c/cssplantillas/colorvoid2.gif") no-repeat left top; display: block; height: 10px; font-size: 0; line-height: 0; } #layout_edgebottom { background-position: left bottom; } table.search { width: 100%; border-collapse: collapse; } .search td { vertical-align: center; } #main-wrapper { overflow:hidden; } .clear { clear:both; } #blog-pager-newer-link{float:left;} #blog-pager-older-link {float: right;} #blog-pager { text-align: center; } #header-wrapper {background:#C5DEF0 url("https://img.webme.com/pic/c/cssplantillas/colorvoid3.jpg") repeat-x left top; padding: 6px 18px;} #header-wrapper h1 {font:normal 2.4em sans-serif;letter-spacing:-1px;color:#507A9A;float:left;} #header-wrapper h1 a { color: #507A9A; text-decoration: none; } #header-wrapper h1 a:hover { color: #305A7A } #header-wrapper p { padding: 1.4em 0 0; font: normal 1.1em sans-serif; color: #667799; float:right; } #top_separator { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid4.gif") repeat-x left top; display: block; font-size: 0; height: 3px; line-height: 0; } #navigation { background: #739CBA url("https://img.webme.com/pic/c/cssplantillas/colorvoid5.jpg") no-repeat left bottom; padding: 82px 10px 0; } #tabs ul{margin: 0; padding: 0;} #tabs li { display:inline; list-style:none; } #tabs a { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid6.gif") no-repeat left top; float: left; font: bold 0.9em sans-serif; margin-right: 3px; padding-left: 4px; text-decoration: none;} #tabs a span { float: left; display: block; background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid7.gif") no-repeat right top; padding: 5px 10px 5px 6px; color: #608AAA;} #tabs a span {float: none;} #tabs a:hover span {color: #608AAA;} #tabs a:hover {background-position: 0% -42px;} #tabs a:hover span {background-position:100% -42px;} #tabs li.current_page_item a {color: #47A; background-position: 0% -42px;} #tabs li.current_page_item a span {background-position:100% -42px;} .h5 { height:5px; } #content { width: 545px; float:left; } #content a { } #content a:hover { } .date-header { color: #999999; padding-top: 1px; font-size: 0.85em; float:right; } .post-footer, p.comment-footer { padding: 8px 10px 6px; background: #F5F5F5; color: #666; border-top: 1px solid #E5E5E5; font-size: 0.8em; } .post-footer a{ color: #567; } .post-footer a:hover{ color: #002; } .post-footer .comment-link {background: none no-repeat left center; padding-left: 18px; float:right; } .post_bottom { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid8.gif") no-repeat left top; display: block; height: 5px; font-size: 0; line-height: 0; } .feed-links {display:none;} .blog-pager {margin:10px 0; font-size:0.8em;} #sidebar { float:right; width: 220px; } #sidebar ul{ margin-left: 0; border-bottom: 1px solid #E2ECF2; } #sidebar li{ list-style: none; padding: 4px; border-top: 1px solid #E2ECF2; border-bottom: 1px solid #D0D8DE; } #sidebar li:first-child { border-top: none; } #sidebar li a{text-decoration: none; } #sidebar li a:hover{ text-decoration: underline; } #sidebar h2 {background: #C6D2DB url("https://img.webme.com/pic/c/cssplantillas/colorvoid9.gif") no-repeat left top; padding: 6px 10px 5px; font-weight: bold; font-size: 0.9em; color: #505E69; display:block; } #sidebar .widget-content{background:#DAE3E9 url("https://img.webme.com/pic/c/cssplantillas/colorvoid10.gif") repeat-x left top; padding: 8px 10px 1px; font-size: 0.9em; } #sidebar .widget {background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid12.gif") no-repeat left bottom; margin-bottom:5px;padding-bottom: 5px; } #footer {background:#A3B5C1 url("https://img.webme.com/pic/c/cssplantillas/colorvoid11.gif") no-repeat left top; padding: 8px 12px 2px; font-size: 0.85em; color: #FAFCFF; text-align:center; } #footer { color: #C8DBE8; } #footer a { color: #D3E5F1; text-decoration: none; } #footer a:hover { color: #FFE; text-decoration: underline; } .left { float: left; } .right { float: right; } .clear,.clearer { clear: both; } .clearer,.spacer { display: block; font-size: 0; line-height: 0;}
_____________________________________________________

Axess

Codigo por debajo de la pagina:


<div id="head"> <div id="logo"> <h1><a href="/home.htm" _fcksavedurl="/home.htm">Nombre de tu web</a></h1> <h2>Sub titulo</h2> </div> <div id="menu"> <ul> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> </ul></div></div> <div id="page">

Codigo por debajo de la pagina:

<div id="sidebar"><ul><li id="search"> <h2><b class="text1">Buscar</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset></form></li> <li> <h2>Link's</h2><ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul></li><li> <h2>Favoritos</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul></li><li> <h2>Contenido</h2> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> </li></ul></div> <div style="clear: both;"></div></div> <div id="footer"><div id="footer-menu"> <ul> <li><a href="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> </ul></div><p id="legal"> (c) 2009 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas.es.tl</a></p></div><!--- Por favor no borres esto sino estarias violando los derechos del autor --->

Codigo sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {background: url("https://img.webme.com/pic/c/cssplantillas/excess1.gif") repeat-x left top; font-family: Arial;font-size: 12px;color: #6D6D6D;margin-top: 20px;padding: 0;} h1, h2, h3 {margin: 0;text-transform: lowercase;font-family:Georgia;font-weight: normal;color: #006EA6; } h1 {letter-spacing: -1px;font-size: 35px; } h2 {font-size: 26px; } p, ul, ol {margin: 0 0 2em 0;text-align: justify;line-height: 26px; } a:link {color: #0094E0; } a:hover, a:active {text-decoration: none;color: #0094E0;} a:visited {color: #0094E0; } img {border: none; } img.left {float: left;margin: 7px 15px 0 0;} img.right {float: right;margin: 7px 0 0 15px; } form {margin: 0;padding: 0; } fieldset {margin: 0;padding: 0;border: none;} legend {display: none; } input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;} #wrapper { } #head {width: 900px;height: 130px;margin: 0 auto 10px auto;padding-top: 10px; } #logo {float: left;height: 90px;background: url("https://img.webme.com/pic/c/cssplantillas/excess2.gif") no-repeat left top; } #logo h1 {margin: 0;padding: 5px 0 0 100px;font-size: 40px;color: #0099E8;} #logo h1 sup {vertical-align: text-top;font-size: 24px; } #logo h1 a {color: #5F9D10;} #logo h2 {margin: 0;padding: 0 0 0 100px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } #menu {float: right;padding-top: 30px; } #menu ul {margin: 0;padding: 0;list-style: none; } #menu li {display: inline;} #menu a {display: block;float: left;margin-left:5px; background: url("https://img.webme.com/pic/c/cssplantillas/excess3.gif") repeat-x left top; padding: 1px 10px;text-decoration: none;font-size: 12px;color: #FFFFFF; } #menu a:hover {text-decoration: underline;} #menu .active a { } #page {width: 900px;margin: 0 auto;background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;} #content {float: left;width: 570px;padding: 30px 0 0 30px; } #sidebar {float: right;width: 230px;padding-right: 30px;padding-top: 20px; } #sidebar ul {margin: 0;padding: 10px 0 0 0;list-style: none;} #sidebar li {margin-bottom: 40px; } #sidebar li ul {} #sidebar li li {margin: 0;padding: 3px 0;border-bottom: 1px dashed #D1D1D1;} #sidebar li li a {margin: 0;padding-left: 15px;} #sidebar h2 {padding-bottom: 5px;font-size: 18px;font-weight: normal;color: #0094E0;} #sidebar strong, #sidebar b {color: #8BCB2F;} #sidebar a {text-decoration: none;color: #6D6D6D;} #search { } #search h2 { } #s {width: 150px;margin-right: 5px;padding: 3px;border: 1px solid #F0F0F0; } #x {padding: 3px;border: none;text-transform: lowercase;font-size: 11px;color: #4F4F4F; } .box1 {padding: 20px; } .box2 {color: #BABABA;} .box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF; } .box2 ul {margin: 0;padding: 0;list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {color: #EDEDED;} #footer {background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top; margin: 0 auto;padding: 10px 0 0 60px;color: #353535;width: 900px;} html>body #footer {height: auto;} #footer-menu {} #legal {clear:both;font-size: 11px;color: #6D6D6D;} #legal a {color: #0094E0;} #footer-menu {float: left;color: #353535;text-transform: capitalize;} #footer-menu ul {margin: 0;padding: 0;list-style: none; } #footer-menu li {display: inline; } #footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;text-decoration: none;font-size: 11px;color: #6D6D6D;} #footer-menu a:hover {text-decoration: underline;} #footer-menu .active a {padding-left: 0;}

Plantillasecha por mi:
korking

              

Texto por encima de la pagina:

<style type="text/css"> .csspmenu{margin: 0;padding:0;float:left;font:bold 13px Arial;border-width: 1px 0; width: 100%;overflow: hidden;margin-bottom: 1em;border: 1px solid #625e00; background: black url("https://img.webme.com/pic/c/cssplantillas/sbmenu1.png") center center repeat-x;} .csspmenu li{display:inline;} .csspmenu li a:visited{color:#fff;} .csspmenu li a{float:left;color:#fff;padding: 9px 11px;text-decoration:none; border-right:1px solid #fff;} .csspmenu li a:hover, .csspmenu li .current{color:#fff; background: transparent url("https://img.webme.com/pic/c/cssplantillas/sbmenu2.png") center center repeat-x;}</style> <ul class="csspmenu"> <li><a href="URL" _fcksavedurl="URL" class="current">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 6</a></li> </ul>

Texto por debajo de la pagina:

<div class="pie"> <div class="pie2 pueque"> <p>© 2009 Todos los derechos reservados <strong>Tu web</strong></p> <p> </p> <p>Escribe algo sobre tu pagina web o inserta un calendario by mikelsikin.es.tl</p> </div> </div>

CSS  code sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * {margin: 0;padding: 0;} html {height: 100%;} body { height: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; min-width: 850px; background:#EAEAEA; } a:link, a:visited { color: #FF6A00; text-decoration: none; } a:hover { text-decoration: none; } h1 { font: 2.6em Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 40px; border-bottom: 1px solid #7F7F7F; width: 55%; padding: 15px 0 5px 0; } h2 { font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFFFFF; border-left: 3px solid #FFAE20; padding-left: 14px; margin: 12px 0 0 40px; } h3 { color: #3D3D3D; font: 1.7em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-left: 35px; margin: 18px 0 10px 0; } img { border: 0px; } /* Menu */ .main{ width: 850px; margin: 0 auto; margin-top:-3px; } .main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main ul{ width: 100%; background: #333; padding: 6px 0; margin: 0; text-align: left; } .main ul li{ display: inline; } .main ul li a{ color: #fff; font:bold 13px arial; padding: 7px 10px; margin: 0; text-decoration: none; } .main ul li a:hover, .main ul li a.selected{ background: #262626; color: yellow; } /* Content boxes */ #warp { width: 848px; margin: 0 auto; border: 1px solid #999; background: #fff; } #content { float: left; width: 620px; text-align: left; padding-left: 5px; padding-top: 3px; } #sidebar { float: right; width: 206px; border:2px solid #333; margin-bottom: 5px; background: #E2E2E2; text-align: left; } #sidebar a, #sidebar a:hover { color: #5B7F00; font-weight: bold; } #titulo { font-size: 13px; background: #343434; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 206px; font-weight: bold; text-align:center; margin-bottom: 2px; } /* Footer */ #footer { background: #404040; color: white; width: 848px; height: 34px; margin: 0 auto; font-size: 11px; } #footer a, #footer a:hover { color: #fff; font-weight: bold; } #footer p.left, #footer p.right { width: 400px; display: inline; margin-bottom: 0; line-height: 30px; } #footer p.left { float: left; text-align: left; margin-left: 15px; } #footer p.right { float: right; font-weight: bold; text-align: right; margin-right: 15px; }

---

 Celeste web

Texto por encima de la pagina:

<a href='http://www.subirimagenes.com/otros-banner-3744391.html' _fcksavedurl='http://www.subirimagenes.com/otros-banner-3744391.html'><img src='http://s2.subirimagenes.com/otros/previo/thump_3744391banner.jpg' _fcksavedurl='http://s2.subirimagenes.com/otros/previo/thump_3744391banner.jpg' alt='subir imagenes' border='0'></a> <style type="text/css"> <!-- #tabs { float:left; width:100%; background:#BBD9EE; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("http://img353.imageshack.us/img353/6393/tableftma4.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("http://img353.imageshack.us/img353/4372/tabrightlx7.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#FF9834; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style> <div id="tabs"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

Texto por debajo de la pagina:

<div class="pie"> <div class="pie2 pueque"> <p>© 2009 Todos los derechos reservados <strong>Tu web</strong></p> <p> </p> <p>Escribe algo sobre tu pagina web o inserta un calendario by mikelsikin.es.tl</p> </div> </div>

Code sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {background: url("https://img.webme.com/pic/c/cssplantillas/excess1.gif") repeat-x left top; font-family: Arial;font-size: 12px;color: #6D6D6D;margin-top: 20px;padding: 0;} h1, h2, h3 {margin: 0;text-transform: lowercase;font-family:Georgia;font-weight: normal;color: #006EA6; } h1 {letter-spacing: -1px;font-size: 35px; } h2 {font-size: 26px; } p, ul, ol {margin: 0 0 2em 0;text-align: justify;line-height: 26px; } a:link {color: #0094E0; } a:hover, a:active {text-decoration: none;color: #0094E0;} a:visited {color: #0094E0; } img {border: none; } img.left {float: left;margin: 7px 15px 0 0;} img.right {float: right;margin: 7px 0 0 15px; } form {margin: 0;padding: 0; } fieldset {margin: 0;padding: 0;border: none;} legend {display: none; } input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;} #wrapper { } #head {width: 900px;height: 130px;margin: 0 auto 10px auto;padding-top: 10px; } #logo {float: left;height: 90px;background: url("https://img.webme.com/pic/c/cssplantillas/excess2.gif") no-repeat left top; } #logo h1 {margin: 0;padding: 5px 0 0 100px;font-size: 40px;color: #0099E8;} #logo h1 sup {vertical-align: text-top;font-size: 24px; } #logo h1 a {color: #5F9D10;} #logo h2 {margin: 0;padding: 0 0 0 100px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } #menu {float: right;padding-top: 30px; } #menu ul {margin: 0;padding: 0;list-style: none; } #menu li {display: inline;} #menu a {display: block;float: left;margin-left:5px; background: url("https://img.webme.com/pic/c/cssplantillas/excess3.gif") repeat-x left top; padding: 1px 10px;text-decoration: none;font-size: 12px;color: #FFFFFF; } #menu a:hover {text-decoration: underline;} #menu .active a { } #page {width: 900px;margin: 0 auto;background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;} #content {float: left;width: 570px;padding: 30px 0 0 30px; } #sidebar {float: right;width: 230px;padding-right: 30px;padding-top: 20px; } #sidebar ul {margin: 0;padding: 10px 0 0 0;list-style: none;} #sidebar li {margin-bottom: 40px; } #sidebar li ul {} #sidebar li li {margin: 0;padding: 3px 0;border-bottom: 1px dashed #D1D1D1;} #sidebar li li a {margin: 0;padding-left: 15px;} #sidebar h2 {padding-bottom: 5px;font-size: 18px;font-weight: normal;color: #0094E0;} #sidebar strong, #sidebar b {color: #8BCB2F;} #sidebar a {text-decoration: none;color: #6D6D6D;} #search { } #search h2 { } #s {width: 150px;margin-right: 5px;padding: 3px;border: 1px solid #F0F0F0; } #x {padding: 3px;border: none;text-transform: lowercase;font-size: 11px;color: #4F4F4F; } .box1 {padding: 20px; } .box2 {color: #BABABA;} .box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF; } .box2 ul {margin: 0;padding: 0;list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {color: #EDEDED;} #footer {background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top; margin: 0 auto;padding: 10px 0 0 60px;color: #353535;width: 900px;} html>body #footer {height: auto;} #footer-menu {} #legal {clear:both;font-size: 11px;color: #6D6D6D;} #legal a {color: #0094E0;} #footer-menu {float: left;color: #353535;text-transform: capitalize;} #footer-menu ul {margin: 0;padding: 0;list-style: none; } #footer-menu li {display: inline; } #footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;text-decoration: none;font-size: 11px;color: #6D6D6D;} #footer-menu a:hover {text-decoration: underline;} #footer-menu .active a {padding-left: 0;}

---

 

Diseño para paginas de ayuda web masters

Web masters help

Texto por encima de la pagina:

<a href='http://www.subirimagenes.com/otros-dibujo-3744570.html' _fcksavedurl='http://www.subirimagenes.com/otros-dibujo-3744570.html'><img src='http://s2.subirimagenes.com/otros/previo/thump_3744570dibujo.jpg' _fcksavedurl='http://s2.subirimagenes.com/otros/previo/thump_3744570dibujo.jpg' alt='subir imagenes' border='0'></a> <style type="text/css"> #menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px; background:#fff url("http://cssplantillas.netau.net/ap/archivos/9c19d0b445.png"); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; width:100%; /* esto modifica el ancho del menu */} #menu li {float:left;} #menu li a {display:block; float:left; height:35px; line-height:40px; color:#ccc; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} #menu li a b {float:left; display:block; padding:0 16px 0 8px;} #menu li.current a {color:#fff; background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png");} #menu li.current a b {background:url("img/menu2.png") no-repeat right top;} #menu li a:hover {color:#fff;background:#000 url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png");} #menu li a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png") no-repeat right top;} #menu li.current a:hover {color:#fff; background:#000 url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png"); cursor:default;} #menu li.current a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png") no-repeat right top;} </style> <ul id="menu"> <li><a href="#" _fcksavedurl="#"><b>Inicio</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 2</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 3</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 4</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 5</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 6</b></a></li> <li><a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl"><b>Mikelsikin (editalo)</b></a></li> </ul>

Texto por debajo de la pagina:

<div id="sidebar"> <div id="titulo">Edita esto:</div> <center> Aca puedes poner algo un calendario o un reloj by mikelsikin.es.tl <br><br></center> <div id="titulo">Enlaces</div> - <a href="#" _fcksavedurl="#">Enlace 1</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 2</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 3</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 4</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 5</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 6</a> / Descripcion del enlace<br> <div id="titulo">Publicidad</div> <center> <img src="img/publi.png" _fcksavedurl="img/publi.png" /> </center> </div><!-- fin sidebar --> <div style="clear: both;"></div> <div id="footer"> <p class="left">© Todos los derechos reservados: <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Tu web</a> 2009 | Diseño por: <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl">Mikelsikin</a></p> <p class="right"><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Inicio</a> | <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl" class="b">Creador del diseño</a></p> </div> </div>

Code sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * {margin: 0;padding: 0;} html {height: 100%;} body { height: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; min-width: 850px; background:#EAEAEA; } a:link, a:visited { color: #FF6A00; text-decoration: none; } a:hover { text-decoration: none; } h1 { font: 2.6em Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 40px; border-bottom: 1px solid #7F7F7F; width: 55%; padding: 15px 0 5px 0; } h2 { font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFFFFF; border-left: 3px solid #FFAE20; padding-left: 14px; margin: 12px 0 0 40px; } h3 { color: #3D3D3D; font: 1.7em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-left: 35px; margin: 18px 0 10px 0; } img { border: 0px; } /* Menu */ .main{ width: 850px; margin: 0 auto; margin-top:-3px; } .main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main ul{ width: 100%; background: #333; padding: 6px 0; margin: 0; text-align: left; } .main ul li{ display: inline; } .main ul li a{ color: #fff; font:bold 13px arial; padding: 7px 10px; margin: 0; text-decoration: none; } .main ul li a:hover, .main ul li a.selected{ background: #262626; color: yellow; } /* Content boxes */ #warp { width: 848px; margin: 0 auto; border: 1px solid #999; background: #fff; } #content { float: left; width: 620px; text-align: left; padding-left: 5px; padding-top: 3px; } #sidebar { float: right; width: 206px; border:2px solid #333; margin-bottom: 5px; background: #E2E2E2; text-align: left; } #sidebar a, #sidebar a:hover { color: #5B7F00; font-weight: bold; } #titulo { font-size: 13px; background: #343434; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 206px; font-weight: bold; text-align:center; margin-bottom: 2px; } /* Footer */ #footer { background: #404040; color: white; width: 848px; height: 34px; margin: 0 auto; font-size: 11px; } #footer a, #footer a:hover { color: #fff; font-weight: bold; } #footer p.left, #footer p.right { width: 400px; display: inline; margin-bottom: 0; line-height: 30px; } #footer p.left { float: left; text-align: left; margin-left: 15px; } #footer p.right { float: right; font-weight: bold; text-align: right; margin-right: 15px; }

---

Celeste web 2.0

Vista previa

texto por encima de la pagina:
<style type="text/css"> <!-- #tabsB { float:left; width:100%; background:#F4F4F4; font-size:93%; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url("http://img353.imageshack.us/img353/6475/tableftbfr6.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url("http://img353.imageshack.us/img353/9177/tabrightbbs5.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style> <img src='http://serviciospwg.webcindario.com/img2.php?word=Bienvenido a la web&font=Amerika Sans.ttf&size=40&align=10&head=ice05.png' _fcksavedurl='http://serviciospwg.webcindario.com/img2.php?word=Bienvenido a la web&font=Amerika Sans.ttf&size=40&align=10&head=ice05.png'> <div id="tabsB"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

Texto por debajo de la pagina:
<h2>Menu</h2> <li><a href="#" _fcksavedurl="#">Nombre Links 1</a></li> <li><a href="#" _fcksavedurl="#">Nombre Links 2</a></li> <li><a href="#" _fcksavedurl="#">Nombre Links 3</a></li> <li><a href="#" _fcksavedurl="#">Nombre Links 4</a></li> <li><a href="#" _fcksavedurl="#">Nombre Links 5</a></li> <li><a href="#" _fcksavedurl="#">Nombre Links 6</a></li> <h2>Ultimos comentarios</h2> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <li><a href="#" _fcksavedurl="#">Comentario</a></li> <h2>Titulo</h2> Aca puedes poner lo que decees hasta un contador,un reloj,un calendario,otro menu,etc. www.mikelsikin.es.tl <p id="legal">( c ) 2009. Todos los derechos reservados <a href="#" _fcksavedurl="#" _fcksavedurl="#">Tuweb.es.tl</a> | Diseño adaptado por <a href="http://cssplnatillas.es.tl" _fcksavedurl="http://cssplnatillas.es.tl" _fcksavedurl="http://mikelsikin.es.tl">Mikelsikin</a>.</p> </div>

Code sin style tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} body { margin: 0; padding: 0; background: #0BA1DE url(http://www.fileden.com/files/2009/1/7/2257042/img08.gif) repeat-x left top; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; color: #FFFFFF; } h1, h2, h3 { margin: 0; font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #EFCE58; } a:hover, a:active { text-decoration: none; color: #EFCE58; } a:visited { color: #EFCE58; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { margin: 0; padding: 0; } /* Header */ #header { width: 840px; margin: 0 auto; height: 60px; } /* Menu */ #menu { float: left; width: 840px; height: 60px; background: url(http://www.fileden.com/files/2009/1/7/2257042/img02.gif) no-repeat left top; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #283386; } #menu a:hover { background: #8BD2EF; color: #FFFFFF; } #menu .current_page_item a { background: #8BD2EF; color: #FFFFFF; } /** LOGO */ #logo { width: 840px; height: 80px; margin: 0 auto; } #logo h1, #logo h2 { float: left; margin: 0; padding: 30px 0 0 0px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 45px 0 0 18px; font: 18px Georgia, "Times New Roman", Times, serif; color: #EFCE58; } #logo p a { text-decoration: none; color: #EFCE58; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 820px; margin: 0 auto; } /* Content */ #content { float: left; width: 540px; } /* Post */ .post { border: 10px #8FD3EF solid; padding: 15px 20px; background: url(http://www.fileden.com/files/2009/1/7/2257042/img04.gif) repeat left top; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { width: 520px; padding: 0px 0 0 0px; background: url(images/img08.jpg) no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 { width: 520px; padding: 0px 0 0 0px; font-size: 22px; color: #FFFFFF; } .post .entry { } .post .meta { padding: 15px 15px 30px 0px; font-size: 10px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; } .post .meta .comments { padding-left: 22px; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 230px; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width: 250px; padding: 8px 0 0 0px; margin-bottom: 10px; background: url(images/img07.jpg) no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 140px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #8FD3EF; font-size: 11px; color: #085B7B; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { } #footer { background: #0B97D4 url(http://pixelea.com/s/6f1bb2b480.gif) repeat-x left top; margin: 0 auto; padding: 20px 0 10px 0; } html>body #footer { height: auto; } #footer p { font-size: 14px; } #legal { clear: both; padding-top: 17px; text-align: center; color: #FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; }