styleblog

Style blog

- 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>

- Codigo Sin style tag's:

#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; }

IDOOGLE | TU MUNDO MAS ACTIVO!

styleblog

Style blog

Descargas

Codigos Web

Series

Mas Series

Usuarios VIP

Artista del Mes

VIDEO DE LA SEMANA