ayuda-total

Plantilla CSS

Style Blog.

Codes:

Texto por encima de la pagina:

<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"  ></FCK:meta> <script type="text/javascript" src="http://img40.xooimage.com/files/6/e/e/jquery-1.1.3.1.min-e3f843.js"></script> <script type="text/javascript" src="http://img44.xooimage.com/files/8/c/3/jquery.easing.min-e3f849.js"></script> <script type="text/javascript" src="http://img22.xooimage.com/files/5/1/1/jquery.lavalamp.min-e3f873.js"></script> <script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { return true; } }); }); </script> <link href="http://img23.xooimage.com/files/2/8/0/lavalamp-122ba1c.css" rel="stylesheet" type="text/css" /> <div id="wrap"> <div id="topbg"> </div> <div id="wrap2"> <div id="topbar"> <h1 id="sitename"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Tu web </a> <span class="description">Just another free CSS Template</span></h1> <div id="searchbar"> <form href="http://www.free-css.com/" class="searchform"> <p> <input name="s" type="text" class="textbox" value="Keyword .... " /> </p> </form> </div> </div> <div id="header"> <div id="headercontent"> </div> <div id="topnav"> <ul class="lavaLampWithImage" id="1"> <li class="current"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="styles.html" _fcksavedurl="styles.html" _fcksavedurl="styles.html">Styles</a></li> <li><a href="notes.html" _fcksavedurl="notes.html" _fcksavedurl="notes.html">Notes</a></li> <li><a href="credits.html" _fcksavedurl="credits.html" _fcksavedurl="credits.html">Credits</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Dummy Link</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nogo Link</a></li> </ul> </div> </div> <div id="content2"> <div id="left"> <div class="post"> </div> </div> </body></html>

Texto por debajo de la pagina:

<div id="sidebar" style="position:absolute;left:45px;top:300px;"> <h3>Platillas Css</h3> <ul> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> <h3>Otros</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">name</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> Copyright El nombre de tu web | <a href="http://profesionalwebdesign.es.tl/" _fcksavedurl="http://profesionalwebdesign.es.tl/" _fcksavedurl="http://profesionalwebdesign.es.tl/">PWD</a> | <a href="(LINK)" _fcksavedurl="(LINK)" _fcksavedurl="(LINK)">Some</a> | <a href="(LINK)" _fcksavedurl="(LINK)" _fcksavedurl="(LINK)">Links</a> | <a href="(LINK)" _fcksavedurl="(LINK)" _fcksavedurl="(LINK)">Here</a> <div class="credit"><a href="http://profesionalwebdesign.es.tl/" _fcksavedurl="http://profesionalwebdesign.es.tl/" _fcksavedurl="http://profesionalwebdesign.es.tl/">PWD</a> by PWD adaptado por: Profecional Web Design</div> </div> </div> <div id="btmbg"> </div> </div> </body></html>

Css Style:

#content { clear: both; width: 530px; } lli.nav_element{display: none;} li.nav_element a{display: none;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #counter { position: absolute; left: 23%; top:52px; margin-left: 300px; width: 450px; height:20px; } * { padding:0; margin:0;} #footer .credit { padding: 5px; font: 10px Georgia, "Times New Roman", Times, serif; } ul { list-style:none;} body {background: #036 url(http://img28.xooimage.com/files/7/2/7/bg-e3eb53.jpg) fixed center center repeat-y; font: .75em Verdana, Arial, Helvetica, sans-serif; color:#333;} #wrap {width:973px; margin:auto;} h1, h2, h3, .subhead, .heading {font-family:Georgia, "Times New Roman", Times, serif;} h1 { font-size: 2em; font-weight:normal;} h2 { font-size: 1.5em; font-weight:normal;} h3 {font-size: 1.2em; font-weight:normal;} .clear {clear:both;} .leftalign {float:left;} .rightalign {float:right;} .centeralign { margin:5px auto 5px auto;} img.leftalign, img.rightalign, img.centeralign {display:block; padding:5px; background:#fff; border:solid 1px #ddd; margin:5px; } a {color:#000; text-decoration:none;} a:visited { color:#333; text-decoration:none;} a:hover {color:#036; text-decoration:none;} #wrap2 {background:url(http://img24.xooimage.com/files/2/0/3/pagebg-e3eac8.png) repeat-y; padding:0 7px 0 7px;} #topbar {background: url(http://img24.xooimage.com/files/e/f/3/topbar-e3eb99.jpg) no-repeat; height:59px; padding:10px;} #header {background:url(http://img28.xooimage.com/files/a/1/7/header-10679ee.jpg) no-repeat; height:169px;} #footer {background: url(http://img42.xooimage.com/files/7/7/8/footer-e3f53e.jpg) no-repeat; height:44px; width:937px; padding:10px; margin:auto; text-align:center;} #content2 { background: url(http://img26.xooimage.com/files/b/2/1/contengbg-e3f559.jpg) 666px 0 repeat-y; padding:10px;} #topbg {background:url(http://img40.xooimage.com/files/b/4/c/topbg-e3f577.png) no-repeat; height:14px;} #btmbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/btmbg.png) no-repeat; height:13px;} #headercontent {height:120px;} #topnav {background:url(http://img48.xooimage.com/files/9/7/6/menubar-e3f5b9.png) no-repeat; height:29px; width:916px; margin:auto;} #searchbar {background:url(http://img46.xooimage.com/files/d/e/3/searchbar-1067a00.png) no-repeat; width:431px; height:34px; float:right; margin:16px 10px 0 0;} .searchform { padding-left: 80px; padding-top: 4px; } .textbox { display: block; height: 22px; padding: 5px 8px 0 5px; width: 298px; background: transparent; border-style: none; border-width: 0px; } .textbox:focus {border:none;} #sitename { font: bold 24px "Trebuchet MS", Arial, Halvetica, sans-serif; display: block; float: left; padding-top: 10px; color: #2E2E2E; } #sitename .description { display: block; font: normal 12px Georgia, "Times New Roman", Times, serif; color: #333; } #sitename a { color:#000; background:none; } #sitename a:hover {color:#999; background:none;} #left {width:650px; float:left;}#content2 #sidebar { margin-left: 658px; } #left .post {width:641px; margin: 0 auto 15px auto;} #left .post p {line-height:18px; margin-bottom:18px;} #left .post .postheader {background: url(http://img28.xooimage.com/files/c/5/1/postheader-e40b22.jpg) no-repeat; height:27px;} #left .post .postcontent {background:url(http://img42.xooimage.com/files/f/3/e/postbg-1067a07.jpg) repeat-y; padding:10px 25px 10px 25px;} #left .post .postbottom {background: url(http://img28.xooimage.com/files/8/4/5/postbottom-e40b24.jpg) no-repeat; height:86px;} #sidebar ul { display:block; padding: 5px 5px 5px 8px;} #sidebar ul li {display:block; padding:3px; } #sidebar li a { background:url(http://img28.xooimage.com/files/d/8/0/sidemenunrml-e40b11.jpg) 2px 2px no-repeat; padding: 0 10px 0 25px;} #sidebar li a:hover {background:url(http://img44.xooimage.com/files/9/3/7/sidemenuhover2-e3f5ff.jpg) 2px 2px no-repeat; color:#000;} #sidebar h3 {display:block; font: 1.5em "Trebuchet MS", Arial, Halvetica, sans-serif ; color:#333; padding:5px 5px 0 8px;} #sidebar .cat-item { height:26px; padding:0!important;} #sidebar .cat-item a {display:block; height:20px; padding:5px 10px 0 20px; border-bottom: solid 1px #A4BBDD; background:url(http://img28.xooimage.com/files/d/8/0/sidemenunrml-e40b11.jpg) 2px 5px no-repeat; color:#333; } #sidebar .cat-item a:visited, #sidebar .cat-item a:active {color:#333;} #sidebar .cat-item a:hover {background:url(http://img22.xooimage.com/files/c/c/2/sidemenuhover-e3f611.jpg) no-repeat; color:#fff;} .post h2 {color:#000; display:block; padding-bottom:18px;} .postmeta {display:block; padding:15px 10px 0 25px;} .postbottom .postmeta li {display: block; float:left; height:15px; padding:5px 8px 1px 25px; margin-right:10px; } .permalink {background:url(http://img42.xooimage.com/files/5/0/4/ico_permalink-1067a27.jpg) no-repeat; } .category_link { background:url(http://img42.xooimage.com/files/d/6/3/ico_category-1067a2a.jpg) no-repeat;} .comments_link{ background:url(http://img46.xooimage.com/files/6/7/0/ico_comments-1067a2b.jpg) no-repeat;} #left a, #left a:visited, #left a:active {background:#ffc;} #left a:hover { background:#ffd;} .post .date {display:block; padding:3px 5px 3px 18px; font-size:10px; color:#666; background:url(http://img46.xooimage.com/files/e/6/0/icodate-1067a2f.jpg) no-repeat;} .postcontent ul {margin:15px;} .postcontent ul li {background:url(http://img24.xooimage.com/files/4/f/8/bullet-1067a31.png) 2px 10px no-repeat; padding:5px 5px 5px 15px ; display:block; } .postcontent ol {list-style-position:outside; list-style:decimal; margin-left:35px;} .postcontent ol li {padding:5px;} blockquote {display:block; padding:5px; margin:15px; font: 1.2em Georgia, "Times New Roman", Times, serif; color:#036; border-bottom: dashed 1px #ddd; border-top: dashed 1px #ddd; text-align:center;} blockquote.leftalign {float:left; width:300px; text-align:right; margin:10px;} blockquote.rightalign {float:right; width:300px; text-align:left; margin:10px;}#comments #commentcontent label { display: block; padding: 3px; } #wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent li { display: block; padding: 5px; margin-bottom: 5px; background: #fff; list-style: none; } #wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent .odd { background: #D3DEED; } </body></html>

Diseño potencializado para Ayuda-total Por: PWD

Light World

Codes:

Texto por encima de la pagina:

<div id="wrapper"> <div id="top_cufon"><h1 id="logo"> <a name="top" title="Theme Preview" href="http://wp-themes.com" _fcksavedurl="http://wp-themes.com" _fcksavedurl="http://wp-themes.com">Titulo de tu web</a>  <small>Aqui algun titulo o eslogan</small></h1></div> <div id="head"> <a id="rss-feed" href="URL RSS" _fcksavedurl="URL RSS" _fcksavedurl="URL RSS">Subscribe via RSS</a> <div id="top_bar"><ul id="front_menu"> 	<li><a class="s" href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Portada</span></a></li> 	<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Link's 2</span></a></li> 	<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Link's 3</span></a></li> 	<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Link's 4</span></a></li> 	<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Link's 5</span></a></li> 	<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL"><span>Link's 6</span></a></li> </ul> <form method="get" id="searchform" action="http://wp-themes.com">  <input type="text" value="" name="s" id="s" />  <input type="submit" id="go" value="" alt="Search" title="Buscar" /> </form></div></div> <div id="contento"><div id="content-body"></body></html>

Texto por debajo de la pagina:

<div class="newer_older"> <span class="newer"></span> <span class="older"></span> </div></div> <div class="content-sidebar"> 	<h3>Menu lateral 1</h3><ul> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> 	</ul><h3>Menu lateral 2</h3><ul>	 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> 	</ul><h3>Menu lateral 3</h3><ul>	 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> 		<li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li></ul> </div><div class="clear"></div></div> <div id="footer"> <span class="text"> Copyright © 2010 Tu sitio web. - Diseño por: <a href="http://wp-themes.com" _fcksavedurl="http://wp-themes.com" _fcksavedurl="http://wp-themes.com">Theme Preview</a> - Adaptación por: <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas</a></em></span></div> </div></body></html>

Css Style:

#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;} /* Nombre: LightWord Diseño por: http://www.lightword-theme.org/ Adpatación por: http://cssplantillas.es.tl */ /* RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;} /* BASIC */ *:focus{outline:none;} .clear{clear:both;} body{background-color:#2C2C29;font-family:Tahoma;font-size:11px;color:#2C2C29;} p{font-size:1.2em;padding:2px;margin:1px 0 15px;} a{color:#807D7A;} h2{background-color:#FFF;border-bottom:1px solid #DCDCDB;letter-spacing:-1px;font-size:24px;padding-bottom:3px;font-weight:400;margin:10px 0 3px 0;font-family:Vera, Helvetica, Georgia;} h2 a{font-weight:700;border:0;text-decoration:none;color:#2C2C29;display:block;} h3{font-size:1.8em;} h4{font-size:1.5em;} h5{font-size:1.4em;} h6{font-size:1.3em;} hr{color:#DCDCDB;background-color:#DCDCDB;height:1px;border:0px;} pre{width:100%; white-space:pre-wrap;} /* LAYOUT */ #wrapper{margin:0 auto;text-align:left;} h1#logo,h1#logo a{font-family:Vera, Helvetica,Georgia;padding:0;margin-top:7px;font-size:36px;color:#FFF;text-decoration:none;text-transform:uppercase;} h1#logo small{color:#FFF;font-size:12px;display:block;margin:-2px 2px 1px;height:20px;} h1#logo small a{font-size:12px;border-bottom:1px solid #FFF;} #rss-feed{float:right;width:190px;font-weight:700;position:relative;left:7px;color:#FFF;text-decoration:none;} #head{height:113px;} #top{z-index:-1;cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;} #top_cufon{cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;} #top strong{display:none;} #top_bar{padding:72px 23px 0 20px;} #searchform{float:right;width:191px;height:26px;background:url("https://img.webme.com/pic/w/webcp/lightword01.png") no-repeat;position:relative;top:1px;} #head #s{border:1px solid #000;float:left;border:0;width:154px;background:none;color:#ACACAB;margin:4px 0 0 4px;} #head #go{float:right;width:25px;height:26px;background-color:transparent;border:0px;cursor:pointer;} #contento{padding:0 10px 15px 15px;margin-left:7px;} #content-body{display:inline-block;min-height:300px;height:auto !important;margin-right:25px;} * html #content-body{float:left;margin-right:24px;} *+html #content-body{float:left;margin-right:28px;} #footer{height:8px;} #footer .text{color:#8D837B;font-size:10px;display:block;padding:12px;} #footer .top{position:relative;right:5px;top:-5px;display:inline;float:right;} * html #footer .top{top:-20px;} *+html #footer .top{top:-20px;} #footer em, #footer em a{font-style:normal;color:#41413E;} /* FRONT MENU */ ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-4px;} * html .expand{margin-top:-13px;} *+html .expand{margin-top:-13px;} #front_menu li{list-style:none;float:left;margin-right:4px;} * html #front_menu li{height:36px;display:inline;} #front_menu li a{height:36px;display:block;background:url("https://img.webme.com/pic/w/webcp/lightword02.png") no-repeat left top;padding-left:15px;color:#2C2C29;font:700 .88em/26px Arial, Helvetica, sans-serif;text-decoration:none;cursor:pointer;} #front_menu li a span{height:36px;display:block;background:url("https://img.webme.com/pic/w/webcp/lightword02.png") no-repeat right top;line-height:36px;padding-right:15px;} #front_menu li a:hover,#front_menu li a.s{background-position:left bottom;} #front_menu li a:hover span,#front_menu li a.s span{background-position:right bottom;} * html #front_menu li a,* html #front_menu li a span{width:1%;white-space:nowrap;cursor:pointer;} * html #front_menu li a span{position:relative;} #front_menu li {background:none;float:left; position:relative;} #front_menu ul {width:200px;position:absolute;display:none; background:#FFF;border-left:1px solid #ACACAB;border-right:1px solid #ACACAB;border-bottom:1px solid #ACACAB;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius:5px;} #front_menu ul li a, #front_menu ul li a span{margin:-3px -1px;height:auto;background:none;} #front_menu li ul a {width:200px; float:left; white-space:nowrap;} #front_menu li ul a:hover{text-decoration:underline;} #front_menu ul ul {top:auto;} #front_menu li ul ul {left:1em; } #front_menu li:hover ul ul, #front_menu li:hover ul ul ul, #front_menu li:hover ul ul ul ul {display:none;} blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;padding:0 5px 0 5px;font-size:9px;text-align:justify;} .commenttext blockquote{border-left:4px solid #B6B6B5;} .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;} .wp-caption img{border:none;margin:0;padding:0;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;} .alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;} .alignright,img.alignright{float:right;margin:5px 0 5px 10px;} .aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;} abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;} .wp_syntax { width:auto; } .wp_syntax table { border:0 !important; } .wp_syntax table td { border:0 !important; } img.wp-smiley{border:0px;vertical-align:middle;} /* CONTENT */ #content-body ul,#content-body ol{margin:15px 30px;font-size:12px;} #content-body ul li{list-style:circle;margin-bottom:4px;} .hentry{height:auto!important;margin-bottom:1em;} .sticky h2 a{color:red;} .comm_date{background:transparent url(images/date_comm_box.png) no-repeat;height:100px;width:57px;position:absolute;text-align:center;margin:0 0 0 -72px;z-index:2;} .only_date{background:transparent url(images/data_box.png) no-repeat !important;height:67px !important;} * html .comm_date{margin-top:10px;} *+html .comm_date{margin-top:10px;} .comm_date .data{margin-left:-1px;padding-top:10px;display:block;font-weight:700;text-transform:uppercase;letter-spacing:-1px;} .comm_date .nr_comm{padding-top:14px;color:#FFF;display:block;font-weight:700;} .comm_date .nr_comm_spot, .comm_date .dsq-comment-count{display:block;margin:0 9px 0 8px;padding:6px 0 5px 0;} .comm_date .data .j{font-size:24px;display:block;} .nr_comm a{color:#FFF;text-decoration:none;} .cat_tags{margin-top:10px;padding:8px 0 5px 10px;} .cat_tags_close{max-height:3px;height:3px;margin-bottom:20px;} * html .cat_tags_close{margin-top:-8px;} *:first-child+html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;} .cat_tags .continue{float:right;padding-right:10px;width:100px;text-align:center;} .cat_tags .category{float:left;} .cat_tags a,.cat_tags .continue a{color:#2C2C29;} .cat_tags a:hover{color:#ACACAB;} .content-sidebar{width:191px;display:inline-block;overflow:hidden;vertical-align:top;} .content-sidebar input{padding:3px;border:1px solid #E5E2E0;margin-bottom:2px;} .content-sidebar h3{margin-top:8px;display:block;background:#FFF url("https://img.webme.com/pic/w/webcp/lightword03.png") no-repeat; height:22px;width:181px;font-weight:700;font-size:11px;padding:9px 0 0 10px;} .content-sidebar h3 a{text-decoration:none;color:#2C2C29;line-height:13px;} .content-sidebar ul{list-style:none;width:191px;padding:2px;} .content-sidebar li{list-style:none;} * html .content-sidebar ul{width:160px;} .content-sidebar ul li,.content-sidebar-2 ul li{display:block;color:#9D9793;line-height:16px;padding:4px 0 4px;border-bottom:1px solid #EEE;width:185px;} .content-sidebar ul ul li,.content-sidebar-2 ul ul li{border:0px;padding-bottom:0;width:140px;} .content-sidebar ul li.page_item ul li.page_item , .content-sidebar ul li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:11px;margin-top:-3px;} .content-sidebar ul li.page_item ul li.page_item ul li.page_item, .content-sidebar ul li.cat-item ul.children li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:12px;} .content-sidebar ul li a:hover,.content-sidebar .recentcomments a:hover{color:#AAA;} .content-sidebar .textwidget, .content-sidebar select{padding:3px;margin:10px 2px 10px 2px;width:188px;} .content-sidebar .recentcomments{display:block;border-bottom:1px solid #EEE;color:#9D9793;padding:4px 0px;line-height:16px;} .content-sidebar .right {float:right; width:91px;overflow:hidden;} .content-sidebar .left {float:left; width:91px;overflow:hidden;} /* OTHERS */ .promote{border:1px solid #B6B6B5;padding:10px 10px 5px 10px;margin-top:1em;background:#EDEDED url(images/rss.png) 90% -35px no-repeat;} .promote h3{margin-left:3px; } .post-edit-link{display:block;background-color:#F5F5F5;margin-bottom:1em;padding:5px;color:#B6B6B5;} .post-edit-link:hover{background-color:#FFFFD3;color:#2C2C29;} .comment-edit-link{background-color:#EFEFEF;padding:1px 5px;color:#999999;border-left:1px solid #DDD;} .about_author{background-color:#F5F5F5;padding:5px 10px;} .about_author h4{ font-size:12px;padding-top:3px; } .moderation{font-size:80%;} #breadcrumbs{background-color:#F5F5F5;padding:5px;} ol.snap_nav{list-style:none;display:block;} ol.snap_nav li{display:inline; background-color:#F4F4F4;padding:3px;} ol.snap_nav .snap_selected{background-color:#DDD;} .simple_date{background: none 5px 50% no-repeat;padding:8px 25px;background-color:#EEE;margin-bottom:1em;} #wrapper{width:811px;} #head{background:transparent url("https://img.webme.com/pic/w/webcp/lightword04.png") no-repeat;} #top_bar{padding-top:74px;} #rss-feed{ position:relative;top:35px; } #contento{background: #FFF url("https://img.webme.com/pic/w/webcp/lightword05.png") repeat-y;width:769px;} #content-body{width:547px;} #footer{background:transparent url("https://img.webme.com/pic/w/webcp/lightword06.png") no-repeat;} #footer .text{width:785px;} ul#front_menu{width:548px;} .expand{width:768px !important;} .hentry{width:548px;overflow:hidden;}</body></html>

Diseño potencializado para Ayuda-total Por: PWD

Plantilla CSS

Lorem ipsum

Lorem ipsum

Lorem ipsum