- Plantillas adaptadas por mi

Plantillas adaptadas por mi

RS 13

Codigo por encima de la pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <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://img20.xooimage.com/files/a/b/8/lavalamp-e9085b.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/">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/">Home</a></li> <li><a href="styles.html">Styles</a></li> <li><a href="notes.html">Notes</a></li> <li><a href="credits.html">Credits</a></li> <li><a href="http://www.free-css.com/">Dummy Link</a></li> <li><a href="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>Categories</h3> <ul> <li class="cat-item"><a href="http://www.free-css.com/">Lorem Ipsum </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Apple Macintosh </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Linux Ubuntu </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Wordpress Themes</a></li> <li class="cat-item"><a href="http://www.free-css.com/">XHTML Themes</a></li> <li class="cat-item"><a href="http://www.free-css.com/">Free Releases </a></li> </ul> <h3>Archives</h3> <ul> <li><a href="http://www.free-css.com/">March 2008</a></li> <li><a href="http://www.free-css.com/">February 2008</a></li> <li><a href="http://www.free-css.com/">January 2008</a></li> <li><a href="http://www.free-css.com/">December 2007</a></li> </ul> <h3>Links</h3> <ul> <li><a href="http://www.free-css.com/">Development Blog</a></li> <li><a href="http://www.free-css.com/">Documentation</a></li> <li><a href="http://www.free-css.com/">Plugins</a></li> <li><a href="http://www.free-css.com/">Suggest Ideas</a></li> <li><a href="http://www.free-css.com/">Support Forum</a></li> <li><a href="http://www.free-css.com/">Themes</a></li> </ul> <h3>Meta</h3> <ul> <li><a href="http://www.free-css.com/">Log in</a></li> <li><a href="http://www.free-css.com/">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://www.free-css.com/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://www.free-css.com/">WordPress</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> Copyright © El nombre de tu web | <a href="http://www.free-css.com/">Put</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Here</a> <div class="credit"><a href="http://ramblingsoul.com">CSS Template</a> by ramblingsoul adaptado por WarioTeAyuda</div> </div> </div> <div id="btmbg"> </div> </div>

Sin style tag

#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://www.fileden.com/files/2008/12/9/2217600/bg.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://www.fileden.com/files/2008/12/9/2217600/pagebg.png) repeat-y; padding:0 7px 0 7px;} #topbar {background: url(http://www.fileden.com/files/2008/12/9/2217600/topbar.jpg) no-repeat; height:59px; padding:10px;} #header {background:url(http://www.fileden.com/files/2008/12/9/2217600/header.jpg) no-repeat; height:169px;} #footer {background: url(http://www.fileden.com/files/2008/12/9/2217600/footer.jpg) no-repeat; height:44px; width:937px; padding:10px; margin:auto; text-align:center;} #content2 { background: url(http://www.fileden.com/files/2008/12/9/2217600/contengbg.jpg) 666px 0 repeat-y; padding:10px;} #topbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/topbg.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://www.fileden.com/files/2008/12/9/2217600/menubar.png) no-repeat; height:29px; width:916px; margin:auto;} #searchbar {background:url(http://www.fileden.com/files/2008/12/9/2217600/searchbar.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://www.fileden.com/files/2008/12/9/2217600/postheader.jpg) no-repeat; height:27px;} #left .post .postcontent {background:url(http://www.fileden.com/files/2008/12/9/2217600/postbg.jpg) repeat-y; padding:10px 25px 10px 25px;} #left .post .postbottom {background: url(http://www.fileden.com/files/2008/12/9/2217600/postbottom.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://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.jpg) 2px 2px no-repeat; padding: 0 10px 0 25px;} #sidebar li a:hover {background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenuhover2.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://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.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://www.fileden.com/files/2008/12/9/2217600/sidemenuhover.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://www.fileden.com/files/2008/12/9/2217600/ico_permalink.jpg) no-repeat; } .category_link { background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_category.jpg) no-repeat;} .comments_link{ background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_comments.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(images/icodate.jpg) no-repeat;} .postcontent ul {margin:15px;} .postcontent ul li {background:url(http://www.fileden.com/files/2008/12/9/2217600/bullet.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; }

Mirax

Codigo por encima de la pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <div id="main_container">   <div class="center_content">     <div id="header">       <div id="logo"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.piczuela.co.cc/images/logo.gif" _fcksavedurl="http://www.piczuela.co.cc/images/logo.gif" alt="" border="0" /></a> </div>       <div id="menu">         <ul>           <li><a class="current" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">home</a></li>           <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">about us</a></li>           <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">services</a></li>           <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">clients</a></li>           <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">news</a></li>           <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">contact us</a></li>         </ul>       </div>       <div class="top_text">         <p>“Bievenidos a nuestra página web ! Gracias recibir esta plantilla adaptada aquí podras editar un texto a tu gusto para tu web ! ."</p>         <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="testimonial">-Bienvenido a tu web.es.tl-</a> </div>     </div>     <div class="main_content">       <div class="main_content_top"></div>       <div id="boxes_content">         <div class="box">           <div class="box_content">             <div class="boxtitle">Tres</div>             <div class="box_icon"><img src="http://www.fileden.com/files/2008/12/9/2217600/icon1.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/icon1.gif" alt="" border="0" /></div>             <p class="text_content">Tercera parte<br />               <br />               <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="read_more"><img src="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" alt="" border="0" /></a> </p>           </div>         </div>         <div class="box">           <div class="box_content">             <div class="boxtitle">Dos</div>             <div class="box_icon"><img src="http://www.fileden.com/files/2008/12/9/2217600/icon2.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/icon2.gif" alt="" border="0" /></div>             <p class="text_content"> Segunda Parte<br />               <br />               <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="read_more"><img src="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" alt="" border="0" /></a> </p>          </div>         <div class="box" style="position:absolute;left:630px;top:330px;">           <div class="box_content">             <div class="boxtitle">Uno</div>             <div class="box_icon"><img src="http://www.fileden.com/files/2008/12/9/2217600/icon3.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/icon3.gif" alt="" border="0" /></div>             <p class="text_content">Primera Parte <br />               <br />               <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="read_more"><img src="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/read_more.gif" alt="" border="0" /></a> </p> </div>         </div>       </div>

Texto por debajo de la pagina:

<div class="right_content" style="position:absolute;left:556px;top:530px;">         <div class="title">Cuadro de Eventos </div>         <div class="right_news">           <div class="news_icon"></div>           <div class="news_content">             <p>  Contenido</p>           </div>         </div>         <div class="right_news">           <div class="news_icon"></div>           <div class="news_content">             <p>  Contenido</p>           </div>         </div>         <div class="right_news">           <div class="news_icon"></div>           <div class="news_content">             <p>  Contenido</p>             <p> </p>           </div>  </div>       </div>              <div class="clear"></div>     </div>          <div id="footer">       <div class="copyright"> Design free-css templates adaptado por WarioTeAyuda <a href="http://csstemplatesmarket.com" _fcksavedurl="http://csstemplatesmarket.com"><img src="http://www.fileden.com/files/2008/12/9/2217600/csstemplatesmarket.gif" _fcksavedurl="http://www.fileden.com/files/2008/12/9/2217600/csstemplatesmarket.gif" border="0" alt="" /></a> </div>       <div class="footer_links">  <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About us</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Privacy policy</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact us </a> </div>     </div>   </div> </div>

Sin style tag

#content {   clear: both;   width: 420px; } 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; }  body { background:url(http://www.piczuela.co.cc/images/bg.gif) repeat-x top #c9edf9; margin:0px; padding:0px; font: 10px  verdana, arial, helvetica; color:#000; } p{ text-align:justify; line-height:15px; padding:0px 0 5px 0; } p.left_arrow{ text-align:justify; line-height:15px; padding:0px 0 5px 60px; background:url(http://www.fileden.com/files/2008/12/9/2217600/tool.gif) no-repeat left top; } .clear{ clear:both; } #main_container{ width:900px; height:auto; margin:auto; background:url(http://www.fileden.com/files/2008/12/9/2217600/header_bg.jpg) no-repeat top center; } .center_content{ width:865px; padding:0px; margin:auto; } #header{ width:865px; height:268px; margin:auto; } #logo{ padding:17px 0 0 5px; float:left; } .top_text{ width:315px; clear:both; float:left; padding:55px 0 0 30px; color:#FFFFFF; } a.testimonial{ float:right; padding:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; text-decoration:none; } /*----------------------menu-------------------------*/ #menu{ float:right; padding:35px 30px 0 0; } #menu ul{ list-style:none;padding:0px;margin:0px;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic; } #menu ul li a{ float:left;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center; } #menu ul li a:hover{ text-decoration:none;color: #fff; border-bottom:3px #FFFFFF solid; } #menu ul li a.current{ float:left;text-decoration:none;padding:0px 4px 0 4px;color: #fff;margin:0px 8px 0 8px; border-bottom:3px #FFFFFF solid; }  /*-----------------main content----------------------------*/ .main_content{ width:865px; height:auto; margin:auto; padding:0 0 30px 0; background-color:#FFFFFF; } .main_content_top{ width:865px; height:16px; background:url(http://www.fileden.com/files/2008/12/9/2217600/main_content_top.gif) no-repeat center top; } #boxes_content{ width:865px; clear:both; margin:auto; } .box{ padding:10px 10px 10px 16px;float:left;} .box_content{ background:url(http://www.fileden.com/files/2008/12/9/2217600/box_bg.gif) no-repeat center;width:259px;height:202px; }  .boxtitle{ font-size:18px; color:#000000; padding:10px 0 0 15px; font-family:Arial, Helvetica, sans-serif; } .box_icon{ clear:both; float:left; width:80px; padding:25px 0 0 15px; } p.text_content{ width:135px; float:left; text-align:left; padding:5px 10px 0 15px; color:#000000; line-height:15px; } a.read_more{ padding:10px 0 0 0; }  .title{ font-size:18px; color:#000000; padding:10px 0 0 0px; font-family:Arial, Helvetica, sans-serif; }  .left_content{ width:420px; float:left; padding:10px 10px 10px 20px; } .right_content{ width:390px; float:left; padding:10px 0 10px 20px; } .right_news{ float:left; width:auto; border-bottom:1px #CCCCCC dashed; padding:10px 0 8px 0; } .news_icon{ width:48px; height:36px; float:left; background:url(http://www.fileden.com/files/2008/12/9/2217600/news.gif) no-repeat center; } .news_content{ width:310px; float:left; text-align:justify; line-height:15px; padding:0 0 0 10px; }  /*-----------------------------footer------------------*/ #footer{ clear:both; width: auto; height:50px; color: #0c9cc9; } .copyright{ float:right; padding-left:10px; padding-top:10px; } .footer_links{ float:left; padding-right:15px; padding-top:13px; } .footer_links a{ text-decoration:none; color: #0c9cc9; padding-left:10px; } .footer_links a:hover{ text-decoration:underline; color: #0c9cc9; }

Hoy habia 2 visitantes (2 clics a subpáginas) ¡Aqui en esta página!

Studio Press

Just another Blogger Blog