PWD

Design 1

Sobre el Diseño

Nombre: Version:	Style Blog 2.0
Designer:	PWD
Compatible:	CSS-Design

---

Instrucciones

---

[ Codigos: ]


- Por encima de la pagina:
<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <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/">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/">Home</a></li> <li><a href="styles.html" _fcksavedurl="styles.html">Styles</a></li> <li><a href="notes.html" _fcksavedurl="notes.html">Notes</a></li> <li><a href="credits.html" _fcksavedurl="credits.html">Credits</a></li> <li><a href="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/">Nogo Link</a></li> </ul> </div> </div> <div id="content2"> <div id="left"> <div class="post"> </div> </div> 
- 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="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#">name</a></li> <li class="cat-item"><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Nombre</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> </ul> <h3>Otros</h3> <ul> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _fcksavedurl="#">name</a></li> <li><a href="#" _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/">PWD</a> | <a href="(LINK)" _fcksavedurl="(LINK)">Some</a> | <a href="(LINK)" _fcksavedurl="(LINK)">Links</a> | <a href="(LINK)" _fcksavedurl="(LINK)">Here</a> <div class="credit"><a href="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>  #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; }