Tutoriales Kbi 45

Codigos Css

ACA LES TRAIGO ALGUNOS CODIGOS PARA EL DISEÑO CSS 

 

      Texto por arriba

 


 

<body> 
<div id="site_title_bar_wrapper">
<div id="site_title_bar">
<div id="menu"> 
<ul> 
<li><a href="http://brianpwg.es.tl/" class="current"><span></span>Menu1</a></li> 
<li><a href="http://brianpwg.es.tl/" class="current"><span></span>Menu2</a></li> 
<li><a href="http://brianpwg.es.tl/" class="current"><span></span>Menu3</a></li> 
<li><a href="http://brianpwg.es.tl/" class="current"><span></span>Menu4</a></li> 
<li><a href="http://brianpwg.es.tl/" class="current"><span></span>Menu5</a></li> 
</ul> 
</div> 
<!-- end of menu --> 
<div class="site_title_left">
<div id="site_title"> 
<h1><a href="#">Tu web Aqui <span>Pagina Web Gratis/ Brianpwg</span> </a></h1> 
</div> 
</div> 
<div class="site_title_right">
<h2><a href="#">Informacion</a></h2> 
<p>El Diseño es adaptado por Brianpwg, Si tenes algun problema contactame en el foro de pwg o en mi web</p> 
</div> 
<div class="cleaner"></div> 
<div id="search_box">
<form action="http://brianpwg.es.tl/" method="get"> 
<input type="text" value="Brianpwg Buscar" name="q" size="10" id="searchfield" onfocus="clearText(this)" onblur="clearText(this)" /> 
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" /> 
</form> 
</div> 
</div> 
<!-- end of site_title_bar --> 
</div> 
<!-- end of site_title_bar_wrapper --> 
<div id="content"> 
<div class="section_w900">
<div class="section_w400 float_l"> 
<h2>Adatado por Brianpwg</h2>

 


             Texto por debajo

</div> 
</div> 
<div class="cleaner_h40"></div> 
<div class="section_w900"> 
<div class="section_w260 float_l margin_r60"> 
<h2>Texto1</h2> 
<p>Escribe algo Aqui </p> 
<ul class="service"> 
<li>Escribe algo Aqui</li> 
<li>Escribe algo Aqui </li> 
<li>Escribe algo Aqui</li> 
<li>Escribe algo Aqui</li> 
</ul> 
<div class="cleaner_h20"></div> 
<div class="button_01"><a href="#">Brian PWG</a></div> 
</div> 
<div class="section_w260 float_l margin_r60"> 
<h2>Texto1</h2> 
<div class="image_wrapper_01"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/image_02.jpg/image_02.jpg" alt="" /></div> 
<p>Escribe algo Aqui</p> 
- <a href="#">Brianpwg,Es,TK</a> </div> 
<div class="section_w260 float_l"> 
<h2>Informacion:</h2> 
<p class="testimonial"><span>"</span> El diseño esta adaptado por Brianpwg. Cualquier duda que tengas decimelo ami,(en el foro de pwg de donde lo descargaste o en mi web) Gracias <span>"</span></p> 
- <a href="http://brianpwg.es.tl/">http://brianpwg.es.tl/</a>
<div class="cleaner_h20"></div> 
<p class="testimonial"><span>"</span>http://brianpwg.es.tl/http://brianpwg.es.tl/http://brianpwg.es.tl/http://brianpwg.es.tl/http://brianpwg.es.tl/"</span></p> 
- <a href="http://brianpwg.es.tl/">http://brianpwg.es.tl/</a> </div> 
</div> 
<div class="cleaner"></div> 
</div> 
<!-- end of content -->
<div id="footer_wrapper"> 
<div id="footer"> 
<div class="section_w280"> 
<h3>Texto3</h3> 
<div class="sub_content"> 
<p> Escribe algo aqui,<br /> 
Escribe algo aqui.<br /> 
Escribe algo aqui<br />
Fax : 040-400-4040<br /> 
Escribe algo aqui </p> 
</div> 
</div> 
<div class="section_w280"> 
<h3>Links</h3> 
<div class="sub_content"> 
<ul class="footer_list"> 
<li><a href="http://brianpwg.es.tl/">Link1</a></li> 
<li><a href="http://brianpwg.es.tl/">Link2</a></li> 
<li><a href="http://brianpwg.es.tl/">Link3</a></li> 
<li><a href="http://brianpwg.es.tl/">Link4</a></li> 
<li><a href="http://brianpwg.es.tl/">Link5</a></li> 
</ul> 
</div> 
</div> 
<div class="section_w280"> 
<h3>Derechos Reservados</h3> 
<div class="sub_content"> 
<p>Esta Plantilla Esta Adaptada por Brianpwg , Dejar los Creditos</p> 
</div> 
</div> 
<div class="cleaner_h40"></div> 
<center> 
Copyright ©2011 <a href="#">Brianpwg</a> | Diseños por <a href="http://www.templatemo.com/">Templatemo</a>
</center> 
</div> 
<!-- end of footer --> 
</div> 
</body> 
</html>

 


         Sin Stylo Tags

<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
 






       Texto por encima

<body> 

<div id="paper_left"> 
<div id="paper_right"> 
<div id="layout_wrapper"> 
<div id="layout_container"> 
<div id="layout_content"> 

   <div id="site_title"> 
      <h1><a href="#">Dejar los Creditos</a></h1> 
      <h2>A dirty, monochrome, single-column website template.</h2> 
   </div> 

   <div id="header_image"></div> 

   <div class="navigation"> 

      <ul> 
         <li class="current_page_item"><a href="http://brianpwg.es.tl/">Menu1</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu2</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu3</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu4</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu5</a></li>    
         <li><a href="http://brianpwg.es.tl/">Menu6</a></li>       
      </ul> 

      <div class="clearer">&nbsp;</div>

   </div> 

<!-- Note: Uncomment this section to display subnavigation 

   <div class="clearer">&nbsp;</div> 

   <div class="navigation" id="subnav">

      <ul> 
         <li><a href="http://brianpwg.es.tl/">Menu4</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu5</a></li>    
         <li><a href="http://brianpwg.es.tl/">Menu6</a></li>    
      </ul> 

      <div class="clearer">&nbsp;</div>

   </div> 
--> 

   <div id="main"> 
       
      <div class="post"> 

         <div class="post_top"> 
            <div class="post_title"><h2><a href="http://brianpwg.es.tl/">Adaptado por Brianpwg</a></h2></div> 
 

           Texto por debajo



      </div> 

   </div> 

   <div id="bottom"> 

      <div class="left col3"> 
          
         <h2>Tincidunt</h2> 
         <ul> 
         <li><a href="http://brianpwg.es.tl/">Menu2</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu3</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu4</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu5</a></li>    
         <li><a href="http://brianpwg.es.tl/">Menu6</a></li>    
         </ul> 

      </div> 

      <div class="left col3"> 

         <h2>Sed purus</h2> 

         <ul> 
         <li><a href="http://brianpwg.es.tl/">Menu2</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu3</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu4</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu5</a></li>    
         <li><a href="http://brianpwg.es.tl/">Menu6</a></li>    
         </ul> 

      </div> 

      <div class="right col3last"> 

         <h2>Praesent</h2> 
          
         <ul> 
         <li><a href="http://brianpwg.es.tl/">Menu2</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu3</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu4</a></li> 
         <li><a href="http://brianpwg.es.tl/">Menu5</a></li>    
         <li><a href="http://brianpwg.es.tl/">Menu6</a></li>    
         </ul> 

      </div> 

      <div class="clearer">&nbsp;</div>
       
   </div> 

   <div id="footer"> 

      <div class="left">&copy; 2008 Website name</div> 

      <div class="right"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></div> 

      <div class="clearer">&nbsp;</div>

   </div> 

</div> 
</div> 
</div> 
</div> 
</div> 

</body> 
</html> 
 

        Sin Stylo Tags

lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 

/* -------------------------------- 
   General 
----------------------------------- */ 

html { 
   font-size: 62.5%; /* reset 1em to 10px */ 
   height: 100%; 
} 

body { 
   background: #444 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/body.jpg');
   color: #444; 
   font: normal 1.2em Verdana,Arial,sans-serif; 
   height: 100%; 
   padding-bottom: 1px; /* force scrollbars */ 
   padding-top: 64px; 
} 

small,.small {font-size: 0.9em;} 

a { 
   color: #EEC; 
   text-decoration: none; 
} 
a:hover { 
   color: #FFA; 
   text-decoration: underline; 
} 

p {padding: 0.2em 0 1.2em;} 

blockquote, code { 
   background: #4A4A4A; 
   border: 1px solid #333; 
   color: #BBB; 
   display: block; 
   margin-bottom: 12px; 
} 
code { 
   font: normal 0.9em Verdana,sans-serif; 
   line-height: 1.5em; 
   padding: 8px 14px; 
} 
blockquote { 
   background: #4A4A4A url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/quote.gif') no-repeat left top; 
   padding: 6px 14px 6px 44px; 
} 
blockquote p {padding: 0.5em 0;} 


/* -------------------------------- 
   Headings, titles 
----------------------------------- */ 

h1 {font: normal 2em Georgia,sans-serif;} 
h2 {font: normal 1.6em Georgia,sans-serif;} 
h3 {font: normal 1.4em Georgia,sans-serif;} 
h4 {font: bold 1em Georgia,sans-serif;}

h1, h2, h3, h4 {margin-bottom: 5px;} 


/* -------------------------------- 
   Main layout 
----------------------------------- */ 

#paper_left { 
   background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/paper_left.gif') no-repeat left top; 
   margin: 0 auto; 
   padding-bottom: 34px; 
   width: 778px; 
} 
#paper_right { 
   background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/paper_right.gif') no-repeat right bottom; 
} 

#layout_wrapper { 
   background: #50504A url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/grain_dark.gif');
   margin: 0 auto; 
   width: 736px; 
} 
#layout_container {padding: 8px;} 
#layout_content {border: 1px solid #333;} 

#header_image { 
   height: 160px; 
   background: #222 url(https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/header.jpg) no-repeat; 
   border-bottom: 1px solid #222; 
   border-top: 1px solid #111; 
} 


/* -------------------------------- 
   Site title 
----------------------------------- */ 

#site_title { 
   background: #222; 
   padding: 12px 20px; 
} 
#site_title h1    { 
   color: #EED; 
   font: normal 2em Georgia,sans-serif; 
   margin: 0 0 5px; 
} 
#site_title h2 { 
   color: #BFBFB6; 
   font: normal 1.1em sans-serif; 
   margin: 0; 
} 


/* -------------------------------- 
   Navigation 
----------------------------------- */ 

.navigation { 
   background: #353535 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/navigation.jpg') repeat-x; 
   border-bottom: 1px solid #222; 
   border-top: 1px solid #555; 
} 
.navigation ul {display: inline; margin: 0;} 
.navigation ul li { 
   border-right: 1px solid #303030; 
   float: left; 
   list-style: none; 
} 
.navigation a { 
   color: #AAA; 
   display: block; 
   font: bold 1em Verdana,sans-serif; 
   padding: 12px 14px; 
   text-decoration: none; 
} 
.navigation a:hover { 
   background: #444; 
   color: #E5E5D5; 
   text-decoration: none; 
} 
.navigation li.current_page_item a { 
   background: none; 
   color: #EEE; 
} 

/* Sub navigation */ 
#subnav a { 
   padding: 10px; 
   font-size: 0.9em; 
} 


/* -------------------------------- 
   Main 
----------------------------------- */ 

#main { 
   background: #4A4A4A; 
   color: #CCC; 
} 


/* -------------------------------- 
   Bottom 
----------------------------------- */ 

#bottom { 
   background: #222; 
   border-bottom: 1px solid #1A1A1A; 
   border-top: 1px solid #2A2A2A; 
   color: #AAA; 
   padding: 16px; 
} 
#bottom ul li { 
   border-bottom: 1px solid #303030; 
} 
#bottom ul li a { 
   color: #777; 
   display: block; 
   padding: 4px 6px; 
} 
#bottom ul li a:hover { 
   background: #2A2A2A; 
   color: #FFC; 
   text-decoration: none; 
} 

/* Tag cloud */ 
#tag_cloud a {color: #777;} 
#tag_cloud a:hover {color: #FFC;} 

/* -------------------------------- 
   Footer 
----------------------------------- */ 

#footer { 
   background: #2A2A2A; 
   border-bottom: 1px solid #1A1A1A; 
   border-top: 1px solid #333; 
   color: #888; 
   font-size: 0.9em; 
   padding: 10px 12px; 
} 
#footer a {color: #AAA;} 
#footer .right,#footer .right a {color: #555;} 
#footer a:hover {color: #BBB;} 


/* -------------------------------- 
   Floats 
----------------------------------- */ 

.left {float: left;} 
.right {float: right;} 
.clear,.clearer {clear: both;} 
.clearer,.block { 
   display: block; 
   line-height: 0; 
   font-size: 0; 
} 
.clearer {height: 0;} 


/* -------------------------------- 
   Misc 
----------------------------------- */ 

/* Columns */ 
.col3, .col3last {width: 31%; margin-right: 3%;} 
.col3last {margin-right: 0;} 

/* Images */ 
img.bordered {padding: 3px; background: #666;} 

/* Text */ 
.tleft {text-align: left;} 
.tcenter {text-align: center;} 
.tright {text-align: right;} 
.vtop {vertical-align: top;} 

/* Icons */ 
span.comment {background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/icon_comment.gif') no-repeat left center; padding-left: 18px;} 

/* Label */ 
.label { 
   background: #222 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_top.gif') repeat-x left top; 
   border-bottom: 2px solid #555; 
   color: #BBB; 
   margin: 0; 
   padding: 0.5em 0.8em 0.6em; 
} 

/* Margin, padding, width, height */ 
.ptb10 {padding: 10px 0;} 

/* -------------------------------- 
   Posts 
----------------------------------- */ 

.post { 
   background: #363636; 
   border-bottom: 1px solid #111; 
} 
.post_top { 
   background: #222 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_top.gif') repeat-x left top; 
   border-bottom: 4px solid #777; 
   border-top: 1px solid #3A3A3A; 
   padding: 10px 16px 13px; 
} 
.post_title h2 { 
   font-size: 2em; 
   margin: 0; 
   padding: 0; 
} 
.post_body { 
   background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_body.jpg') no-repeat left top; 
   border-top: 1px solid #333; 
   padding: 16px 16px 0; 
} 
.post_metadata {padding: 10px;} 
.post_metadata .content { 
   background: #424242; 
   color: #999; 
   font-size: 0.9em; 
   padding: 10px 12px; 
} 
.post_metadata a {color: #BBB;} 
.post_metadata a:hover {color: #DDD;} 

.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;} 
.post_body ul {list-style: disc;} 
.post_body ol {list-style: decimal;} 


/* ---------------------------------------- 
  Forms 
------------------------------------------- */

form {margin: 0; padding: 0;} 

/* Inputs */ 
input#s, textarea, input.styled { 
   background: #DDD; 
   border: 3px solid #555; 
   font: normal 1em Verdana,sans-serif; 
   padding: 3px; 
   width: 160px; 
} 
textarea {width: 440px;} 

/* Seachform */ 
table.search { 
   border-collapse: collapse; 
   width: 250px; 
} 
table.search td {vertical-align: top;} 


/* ---------------------------------------- 
   Comments 
------------------------------------------- */

.comment_gravatar {width: 48px;} 
.comment_gravatar img { 
   background: #666; 
   border: 1px solid #444; 
   padding: 2px; 
} 
.comment_author { 
   color: #EEE; 
   padding-top: 2px; 
} 

/* ---------------------------------------- 
   Lists 
------------------------------------------- */

.nicelist {padding: 0;} 
.nicelist ol {margin: 0;} 
.nicelist ol li { 
   border-bottom: 1px solid #333; 
   border-top: 1px solid #505050; 
   list-style: none; 
   padding: 8px 10px 1px; 
} 
.nicelist ol li:first-child {border-top: none;} 
.nicelist li.alt {background: #444;} 
.nicelist .body {padding-top: 5px;} 
.nicelist .date { 
   color: #999; 
   font-size: 0.9em; 
   padding-top: 4px; 
} 
.nicelist .date a { 
   color: #BBB; 
   text-decoration: none; 
} 
.nicelist .date a:hover {text-decoration: underline;} 


/* ---------------------------------------- 
   Archives 
------------------------------------------- */

.archive_title {font: normal 1.4em sans-serif;} 
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;} 
.archive_postinfo {padding-bottom: 6px;} 


/* ---------------------------------------- 
   Pagination 
------------------------------------------- */

.pagenavigation { 
   background: #555; 
   border-top: 1px solid #444; 
   font-size: 0.9em; 
   padding: 7px 8px 9px; 
} 
.pagenavigation a { 
   color: #CCC; 
   text-decoration: none; 
} 
.pagenavigation a:hover { 
   color: #FFF; 
   text-decoration: underline; 
}  
 



      Texto por encima

 <meta name="keywords" content="press blog theme, gallery, freecss template, blogger, templatemo" /> 
<meta name="description" content="Press Theme Gallery Page - Free Blog Template for everyone" /> 
<link href="http://filegen.webcindario.com/files/a/a/b/598f-templatemo_stylecss.css" rel="stylesheet" type="text/css" /> 

<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES  --> 
<link href="http://filegen.webcindario.com/files/c/b/c/41b1-stylecss.css" media="screen" title="shadow" rel="stylesheet" type="text/css" /> 
<!--<link href="http://filegen.webcindario.com/files/c/b/c/41b1-stylecss.css" media="screen" title="white" rel="stylesheet" type="text/css" /> 
<link href="http://filegen.webcindario.com/files/c/c/b/e37a-stylecss.css" media="screen" title="black" rel="stylesheet" type="text/css" />--> 
<!--////// END  --> 

<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER  --> 
<script type="text/javascript" src="http://filegen.webcindario.com/files/b/a/b/f029-jqueryminjs.js"></script> 
<script type="text/javascript" src="http://filegen.webcindario.com/files/a/c/c/bc83-piroBox1_2js.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
   $().piroBox({ 
         my_speed: 600, //animation speed 
         bg_alpha: 0.5, //background opacity 
         radius: 4, //caption rounded corner 
         scrollImage : false, // true == image follows the page, false == image remains in the same open position 
         pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox 
         pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox 
         close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox 
         slideShow : 'slideshow', // just delete slideshow between '' if you don't want it. 
         slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended) 
   }); 
}); 
</script> 
<!--////// END  --> 

</head> 
<body> 

<div id="templatemo_header_wrapper"> 
   <div id="templatemo_header"> 
    
    
       <div id="site_title"> 
            <h1><a href="http://www.templatemo.com" target="_parent"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/logo.png
" alt="logo" /><span>Free Blog Theme in HTML/CSS</span></a></h1> 
         </div> <!-- end of site_title --> 
        
        
        <div id="templatemo_menu"> 
            <ul> 
                <li><a href="http://brianpwg.es.tl/">Home</a></li> 
                <li><a href="http://brianpwg.es.tl/" class="current">Gallery</a></li> 
                <li><a href="http://brianpwg.es.tl/">About</a></li> 
                <li><a href="http://brianpwg.es.tl/">Contact</a></li> 
            </ul>        
        </div> <!-- end of templatemo_menu --> 
    
    </div> 
</div> <!-- end of templatemo_header --> 

<div id="templatemo_middle_wrapper"> 
   <div id="templatemo_middle"> 
        
        <div id="templatemo_content"> 
        
            <div class="content_box_wrapper"> 
               <div class="content_box"> 
                
                    <h2>Sistema de Galeria</h2> 
                    <p>Bueno hola , en este Diseño voy a Hacer Algo , Diferente, Lo que Adapte es una Plantilla , Pero con la Diferencia que Es una Galeria, Podran poner link que vallan a otro lugar pero , En el Inicio Saldra la galeria..</p> 
                    
                    <div class="cleaner_h40"></div> 
                
                   <div id="gallery"> 
                        <ul> 
                            <li> 
                                <div class="left">
                                    <a href="https://img.webme.com/pic/b/brianpwg/banners3.jpg" class="pirobox" title="Nombre de la Imagen"><img src="https://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" /></a> 
                                </div> 
                                <div class="right"> 
                                    <h5>Titulo</h5> 
                                    <p><em>Posteado el dia : -- -- ----.</em></p> 
                                    <p>descripcion de la imagen    * + CLICK EN LA IMAGEN.</p> 
                                    <div class="btn_more"><a href="#">Visit site</a> </div> 
                                </div> 
                                <div class="cleaner"></div> 
                            </li> 
                            
                            <li> 
                                <div class="left">
                                    <a href="https://img.webme.com/pic/b/brianpwg/banners3.jpg" class="pirobox" title="Nombre de la Imagen"><img src="https://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" /></a> 
                                </div> 
                              <div class="right">
                                    <h5>Titulo</h5> 
                                    <p><em>Posteado el dia : -- -- ----.</em></p> 
                                    <p>descripcion de la imagen    * + CLICK EN LA IMAGEN.</p> 
                                   <div class="btn_more"><a href="#">Visit site</a> </div> 
                              </div> 
                                <div class="cleaner"></div> 
                            </li> 
                            
                            <li> 
                                <div class="left">
                                    <a href="https://img.webme.com/pic/b/brianpwg/banners3.jpg" class="pirobox" title="Nombre de la Imagen"><img src="https://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" /></a> 
                                </div> 
                                <div class="right"> 
                                          <h5>Titulo</h5> 
                                    <p><em>Posteado el dia : -- -- ----.</em></p> 
                                    <p>descripcion de la imagen    * + CLICK EN LA IMAGEN.</p> 
                                   <div class="btn_more"><a href="#">Visit site</a> </div> 
                              </div> 
                                 <div class="cleaner"></div> 
                            </li> 
                            
                            <li> 
                                <div class="left">
                                    <a href="https://img.webme.com/pic/b/brianpwg/banners3.jpg" class="pirobox" title="Nombre de la Imagen"><img src="https://img.webme.com/pic/b/brianpwg/banners3.jpg" alt="" /></a> 
                                </div> 
                                <div class="right"> 
                                    <h5>Titulo</h5> 
                                    <p><em>Posteado el dia : -- -- ----.</em></p> 
                                    <p>descripcion de la imagen    * + CLICK EN LA IMAGEN.</p> 
                                   <div class="btn_more"><a href="#">Visit site</a> </div> 
                                </div> 
                                <div class="cleaner"></div> 
                            </li> 
                            
                        </ul> 
                    
                    </div>
 

       Texto por debajo

 </div> <!-- end of content_box --> 
            </div> <!-- end of content_box_wrapper --> 
                    
        </div> <!-- end of templatemo_content --> 
            
      <div id="templatmeo_sidebar"> 
        
           <div class="content_box_wrapper"> 
                <div class="content_box"> 
                
                    <ul class="ads_125"> 
                       <li><a href="http://www.templatemo.com/page/1" target="_parent"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.templatemo_ads.jpg" alt="CSS Templates" /></a></li> 
                        <li class="odd"><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.templatemo_ads.jpg" alt="banner" /></a></li> 
                        <li class="last_row"><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.templatemo_ads.jpg" alt="banner" /></a></li> 
                        <li class="odd last_row"><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.templatemo_ads.jpg" alt="banner" /></a></li>                      
                    </ul> 
                   <div class="cleaner"></div> 
                </div> 
            </div> 
            
            <div class="content_box_wrapper"> 
                <div class="content_box"> 
            
                    <h4>Categorias</h4> 
                    <ul class="tmo_list"> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                    </ul> 
            </div> 
         </div> 
            
            <div class="content_box_wrapper"> 
                <div class="content_box"> 
            
                    <h4>iNFO / TEXTO ALGO</h4> 
                    <div class="recent_comment_box"> 
                        <a href="#">ESCRIBE ALGO AQUI</a> 
                        <p>TEXTO AQUI TEXTO AQUI TEXTO AQUI</p> 
                    </div> 
                    
                    <div class="recent_comment_box"> 
                        <a href="#">ESCRIBE ALGO AQUI</a> 
                        <p>TEXTO AQUI TEXTO AQUI TEXTO AQUI</p> 
                    </div> 
                    
                    <div class="recent_comment_box"> 
                        <a href="#">ESCRIBE ALGO AQUI</a> 
                        <p>TEXTO AQUI TEXTO AQUI TEXTO AQUI</p> 
                    </div> 
              </div> 
         </div> 
            
        </div> 
        
        <div class="cleaner"></div>    
    </div> <!-- end of templatemo_content --> 
    
    <div id="templatemo_footer"> 
    
        <div class="col_w210"> 
            <h4>Seguinos </h4> 
            <p>Seguinos en las Distintas Redes Sociales</p> 
            
            <ul id="social_box"> 
                <li><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.facebook.png" alt="facebook" /></a></li> 
                <li><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.twitter.png" alt="twitter" /></a></li> 
                <li><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.png" alt="linkin" /></a></li> 
                <li><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.technorati.png" alt="technorati" /></a></li> 
                <li><a href="#"><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.myspace.png" alt="myspace" /></a></li>                
            </ul> 
            
        </div> 
        
        <div class="col_w210"> 
            <h4>Sub menu</h4> 
            <ul> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
            </ul>  
  
        </div> 
        
        <div class="col_w210"> 
            <h4>Sub menu</h4> 
            <ul> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
            </ul>    
  
        </div> 
        
        <div class="col_w210 col_last"> 
            <h4>Sub menu</h4> 
            <ul> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
                        <li><a href="#">MENU</a></li> 
            </ul>    
  
        </div> 
        
        
        <div class="cleaner"></div> 
    </div> <!-- end of footer --> 
    
    <div id="templatemo_copyright"> 
        Copyright © 2011 <a href="#">Brianpwg</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSSTemplates</a> 
    </div> 
    
</div> <!-- end of templatemo_content_wrapper --> 

</body> 
</html>
 

     Sin Stylo Tags

 

lli.nav_element{display: none;}
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;}

 

 





   Texto por encima

<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
 

  Texto por debajo

</div> 
</div> 
<!-- end of content --> 
<div id="sidebar"> 
<h2>Afiliados <span>Vip</span></h2> 
<div class="newsbox"> 
<div class="news_image"><span></span><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_04.png" alt="" /></div> 
<p>Escribe Algo Aqui. </p> 
<div class="cleaner"></div> 
<div class="readmore"><a href="#">Leer Mas</a></div> 
</div> 
<div class="newsbox"> 
<div class="news_image"><span></span><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_04.png" alt="" /></div> 
<p>Escribe Algo Aqui. </p> 
<div class="cleaner"></div> 
<div class="readmore"><a href="#">Leer Mas</a></div> 
</div> 
<div class="newsbox"> 
<div class="news_image"><span></span><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_04.png" alt="" /></div> 
<p>Escribe Algo Aqui. </p> 
<div class="cleaner"></div> 
<div class="readmore"><a href="#">Leer Mas</a></div> 
</div> 
<div id="testimonial_newsletter"> 
<div id="testimonial"> 
<h2>Info</h2> 
<p><img class="open" src="https://img.webme.com/pic/p/pruevaspwgbrian/.open.png" alt="" />Escribe lo que quieras Aqui<img class="close" src="images/close.png" alt="" /></p> 
<cite class="float_r"><a href="#">Vestibulum</a></cite> </div> 
<div id="newsletter"> 
<h2>Contactanos</h2> 
<form action="#" method="get"> 
<input type="text" id="newsletter_email" /> 
<input type="submit" name="submit" value="Contatanos" id="newsletter_subscribe" /> 
</form> 
</div> 
</div> 
</div> 
<!-- end of slider --> 
<div class="cleaner_h30"></div> 
<div id="latest_projects"> 
<div id="latest_project_text"> 
<h2>Texto Aqui</h2> 
<p> Escribe algo aqui, infomacion, afiliados. lo que quieras  PWG</p> 
</div> 
<div class="project_image_box margin_r15"> 
<div class="project_image"><span></span> <img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_07.png" alt="" /> </div> 
<h5><a href="#">Texto o Link1</a></h5> 
</div> 
<div class="project_image_box margin_r15"> 
<div class="project_image"><span></span> <img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_08.png" alt="" /> </div> 
<h5><a href="#">Texto o Link2</a></h5> 
</div> 
<div class="project_image_box margin_r15"> 
<div class="project_image"><span></span> <img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_09.png" alt="" /> </div> 
<h5><a href="#">Texto o Link3</a></h5> 
</div> 
<div class="project_image_box"> 
<div class="project_image"><span></span> <img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_10.png" alt="" /> </div> 
<h5><a href="#">Texto o Link4</a></h5> 
</div> 
</div> 
<div class="cleaner"></div> 
</div> 
<!-- end of content wrapper --> 
<div id="footer_wrapper"> 
<div id="footer"> 
<div id="footer_title">Info.</div> 
<div class="footer_box"> 
<div class="cleaner_h40"></div> 
Copyright &copy; 2011 <a href="#">Brianpwg</a><br /> 
Diseño por <a href="http://www.templatemo.com/">FreeCSS Templates</a><br /> 
</div> 
<div class="footer_box"> 
<h2>Algo aqui</h2> 
<div class="blog_image"><span></span><img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_11.png" alt="" /></div> 
<p class="blog_section"><span>http://brianpwg.es.tl/</span> escribe algo aqui</p> 
</div> 
<div class="footer_box"> 
<h2>Links</h2> 
<ul> 
<li><a href="http://brianpwg.es.tl/">Link1</a></li> 
<li><a href="http://brianpwg.es.tl/">Link2</a></li> 
<li><a href="http://brianpwg.es.tl/">Link3</a></li> 
<li><a href="http://brianpwg.es.tl/">Link4</a></li> 
</ul> 
</div> 
<div class="cleaner"></div> 
</div> 
</div> 
</body> 
</html>
 

              Sin Stylo Tags

 table {margin-left:auto;margin-right:auto;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} 


body { 
margin:0px; 
padding:0px; 
color: #666; 
font-family: Tahoma, Geneva, sans-serif; 
font-size:13px; 
line-height:1.5em; 
background-color: #fff; 
} 

a, a:link, a:visited { color: #000000; font-weight: normal; } 
a:hover { color:#CC0000; text-decoration:none; } 

p { margin: 0px; padding: 0 0 20px 0; }
img { border: none; } 

h2, h3, h4, h5 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; } 

h1 { font-size: 28px; color: #fff; margin: 0 0 20px 0; padding: 5px 0; } 
h2 { font-size: 22px; color: #000; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #999; font-family: Arial, Helvetica, sans-serif; } 
h2 span { font-weight: bold; } 
h3 { font-size: 21px; color: #333; margin: 0 0 15px 0; padding: 0; text-decoration: none; font-weight: normal; } 
h4 { font-size: 18px; color: #000; margin: 0 0 10px 0; padding: 0; } 
h5 { 
font-size: 14px; 
height: 27px; 
width: 116px; 
color: #000; 
margin: 0; 
padding: 3px 10px 0 10px; 
text-align: center; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.h5_bg.png) no-repeat top left; 
} 
h6 { font-size: 12px; margin: 0 0 5px 0; padding: 0;} 

blockquote { font-style: italic; } 
cite { font-weight: normal; color: #1d68b6; font-size: 14px; } 

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } 
.cleaner_h10 { clear: both; width:100%; height: 10px; } 
.cleaner_h20 { clear: both; width:100%; height: 20px; } 
.cleaner_h30 { clear: both; width:100%; height: 30px; } 
.cleaner_h40 { clear: both; width:100%; height: 40px; } 
.cleaner_h50 { clear: both; width:100%; height: 50px; } 
.cleaner_h60 { clear: both; width:100%; height: 60px; } 

.margin_r15 { margin-right: 15px; } 
.margin_r30 { margin-right: 30px; } 

.float_l { float: left; } 
.float_r { float: right; } 

.image_wrapper { padding: 8px; border: 1px solid #000; background: #0f1115; } 
.fl_img { float: left; margin: 3px 30px 15px 0; } 
.fr_img { float: right; margin: 3px 0 15px 15px; } 

.button a { 
clear: both; 
display: block; 
width: 119px; 
height: 33px; 
padding: 3px 0 0 12px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.readmore.png) no-repeat; 

color: #ccc; 
font-weight: bold; 
font-size: 11px; 
text-align: center; 
text-decoration: none; 
} 

.button a:hover { 
color: #fff; 
} 

ul { margin: 20px 10px; padding: 0; list-style:none; } 
ul li { padding-left: 30px; padding-bottom: 3px; margin-bottom: 2px; background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.ul_list.png) no-repeat center left; } 
ul li a { font-weight: normal; text-decoration: none; } 

.readmore a { 
clear: both; 
display: block; 
float: right; 
padding: 0px 0 2px 12px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.read_more.png) center left no-repeat; 

color: #2670c3; 
font-weight: normal; 
font-size: 12px; 
text-decoration: none; 
} 

/* header */ 

#header_wrapper { 
width: 100%; 
height: 82px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.header.png) repeat-x; 
} 

#header { 
width: 910px; 
height: 52px; 
padding: 15px; 
margin: 0 auto; 
} 

/* site title */ 

#site_title { 
float: left; 
padding: 10px 0 0 0; 
} 


#site_title a { 
margin: 0px; 
padding: 0px; 
font-size: 26px; 
color: #ffffff; 
font-weight: normal; 
text-decoration: none; 
} 

#site_title h1 a:hover { 
font-weight: bold; 
text-decoration: none; 
} 

#site_title a span { 
display: block; 
margin-top: 5px; 
color: #fff; 
font-size: 11px; 
text-align: center; 
} 

/* end of site title */ 


/* menu */ 

#menu { 
float: right; 
height: 37px; 
margin-top: 12px; 
} 

#menu ul { 
margin: 0; 
padding: 0; 
list-style: none; 
} 

#menu ul li { 
padding: 0; 
margin: 0; 
display: inline; 
} 

#menu ul li a { 
float: left; 
display: block; 
height: 28px; 
width: 90px; 
margin-left: 10px; 
padding: 8px 0 0 0; 
text-align: center; 
font-size: 13px; 
font-weight: bold; 
text-decoration: none; 
color: #fff; 
outline: none; 
} 

#menu li a:hover, #menu li .current { 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.menu_hover.png) no-repeat; 
} 

/* end of menu */ 

/* end of header */ 

/* feature */ 

#feature_wrapper { 
width: 100%; 
height: 266px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.feature_bg.png) repeat-x; 
} 

#feature { 
width: 910px; 
height: 216px; 
padding: 40px 15px; 
margin: 0 auto; 
color: #fff; 
} 

#feature_left { 
float: left; 
width: 440px; 
} 

#feature_left p { 
text-align: justify; 
} 

#feature_right { 
float: right; 
width: 400px; 
} 

#feature_right #feature_image { 
position: relative; 
width: 400px; 
height: 173px; 
padding: 10px; 
} 

#feature_right #feature_image span { 
position: absolute; 
top: 0; 
left: 0; 
width: 420px; 
height: 193px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.template_feature_image.png) no-repeat; 
} 
/* end of feature */ 

#content_wrapper { 
width: 910px; 
margin: 0 auto; 
padding: 30px 15px; 
} 

#content { 
float: left; 
width: 560px; 
} 

#sidebar { 
float: right; 
width: 320px; 
} 

.col_w265 { 
width: 265px; 
} 

.two_col_image { 
position: relative; 
width: 251px; 
height: 105px; 
padding: 7px; 
margin-bottom: 10px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.ot.png) no-repeat; 
} 

.two_col_image span { 
position: absolute; 
top: 0; 
left: 0; 
width: 253px; 
height: 119px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.ot.png) no-repeat; 
} 

.newsbox { 
padding-bottom: 20px; 
border-bottom: 1px dashed #666; 
margin-bottom: 20px; 
} 

.newsbox .news_image { 
float: left; 
position: relative; 
width: 83px; 
height: 53px; 
padding: 3px; 
} 

.newsbox .news_image span { 
position: absolute; 
top: 0; 
left: 0; 
width: 89px; 
height: 59px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.news_image_frame.png) no-repeat; 
} 

.newsbox p { 
float: right; 
width: 190px; 
margin: 0; 
padding: 0; 
} 

#latest_projects { 
width: 914px; 
height: 135px; 
padding: 20px 30px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.latest_projects.png) no-repeat; 
} 

#latest_project_text { 
float: left; 
width: 180px; 
padding: 0 20px 0 0; 
margin-right: 15px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.gallery_divider.png) right center no-repeat; 
} 

#latest_project_text p { 
font-size: 11px; 
} 

.project_image_box { 
float: left; 
width: 150px; 
} 

#latest_projects .project_image { 
position: relative; 
width: 134px; 
height: 97px; 
padding: 8px; 
margin-bottom: 5px; 
} 

#latest_projects h5 { 
font-size: 12px; 
} 

.project_image span { 
position: absolute; 
top: 0; 
left: 0; 
width: 150px; 
height: 113px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.project_image.png) no-repeat; 
} 

/* testimonial */ 

#testimonial_newsletter { 
width: 260px; 
height: 246px; 
padding: 20px 30px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.testimonial_newsletter.png) no-repeat; 
} 

#testimonial { 
width: 260px; 
height: 137px; 
margin-bottom: 50px; 
} 

#testimonial h2 { 
border-bottom: none; 
padding: 0; 
margin-bottom: 10px; 
} 

#testimonial p { 
margin: 0 0 10px 0; 
padding: 0; 
} 

#testimonial p .open { 
margin-right: 20px; 
} 

#testimonial p .close { 
margin-bottom: -10px; 
margin-left: 20px; 
} 

#newsletter { 
padding-left: 50px; 
} 

#newsletter h2 { 
border-bottom: none; 
padding: 0; 
margin-bottom: 10px; 
color: #fff; 
} 

#newsletter_email { 
height: 13px; 
width: 110px; 
color: #fff; 
font-size: 12px; 
padding: 2px 5px; 
font-variant: normal; 
line-height: normal; 
border: 1px solid #eaeaea; 
background: #f5f5f5; 
} 

#newsletter_subscribe { 
margin-bottom: 5px; 
cursor: pointer; 
font-size: 12px; 
font-weight: bold; 
vertical-align: bottom; 
white-space: pre; 
outline: none; 
color:#fff; 
border: none; 
background: none; 
} 
/* end of testimonial */ 

/* footer */ 

#footer_wrapper { 
clear: both; 
width: 100%; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.footer.png) repeat-x; 
} 

#footer { 
position: relative; 
width: 910px; 
padding: 30px; 
margin: 0 auto; 
color: #000000; 
} 

#footer a { 
font-weight: normal; 
} 

#footer #footer_title { 
position: absolute; 
top: 0; 
left: 30px; 
width: 142px; 
height: 35px; 
padding-top: 9px; 
font-size: 28px; 
color: #fff; 
text-align: center; 
font-family: "Times New Roman", Times, serif; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.footer_title_bg.png) no-repeat; 
} 

.footer_box { 
float: left; 
width: 270px; 
padding-right: 30px; 
} 

.footer_box h2 { 
padding-bottom: 0; 
border-bottom: none; 
} 

.blog_image { 
float: left; 
position: relative; 
width: 68px; 
height: 68px; 
padding: 3px; 
} 

.blog_image span { 
position: absolute; 
top: 0; 
left: 0; 
width: 74px; 
height: 74px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/.footer_frame.png) no-repeat; 
} 

.blog_section { 
float: right; 
width: 180px; 
} 
.blog_section span { 
color: #CCFF66; 
} 


.footer_box ul li a { 
font-weight: normal; 
} 
/* end of footer */
 




         Texto por encima

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Premium Wordpress Themes by WP Now</title> 
<link href="http://www.wpnow.com/css/style.css" type="text/css" rel="stylesheet" /> 



<!--[if lt IE 7]> 
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE7.js"></script> 
<link href="http://www.wpnow.com/css/ie.css" type="text/css" rel="stylesheet" /> 
<![endif]--> 






<link rel='stylesheet' id='sociable-thickbox-css-css'  href='http://www.wpnow.com/wp-content/plugins/sociable/thickbox/thickbox.css?ver=3.1.1' type='text/css' media='all' /> 
<link rel='stylesheet' id='sociable-front-css-css'  href='http://www.wpnow.com/wp-content/plugins/sociable/sociable.css?ver=3.1.1' type='text/css' media='all' /> 
<link rel="stylesheet" type="text/css" href="http://www.wpnow.com/wp-content/plugins/wp-facebox/facebox.css" /> 
<script type="text/javascript">/* wp-facebox */ 
   WPFB = { root: "http://www.wpnow.com/wp-content/plugins/wp-facebox", home: "http://www.wpnow.com", site: "http://www.wpnow.com" }; 
   WPFB.options = { loadingImage: WPFB.root + '/images/loading.gif', closeImage: WPFB.root + '/images/closelabel.gif', opacity: 0.5 }; 
</script> 
<script type='text/javascript' src='http://www.wpnow.com/wp-includes/js/l10n.js?ver=20101110'></script> 
<script type='text/javascript' src='http://www.wpnow.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script> 

<script type='text/javascript' src='http://www.wpnow.com/wp-content/plugins/wp-facebox/facebox.js?ver=1.2'></script> 
<script type='text/javascript' src='http://www.wpnow.com/wp-content/plugins/sociable/thickbox/thickbox.js?ver=3.1.1'></script> 
<script type='text/javascript' src='http://www.wpnow.com/wp-content/plugins/sociable/addtofavorites.js?ver=3.1.1'></script> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.wpnow.com/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.wpnow.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Premium Wordpress Themes by WP Now' href='http://www.wpnow.com' /> 
<meta name="generator" content="WordPress 3.1.1" /> 

<!-- All in One SEO Pack 1.6.12.1 by Michael Torbert of Semper Fi Web Design[254,295] --> 
<meta name="description" content="WPNow offers premium wordpress themes with stunning graphics and functionality. See what the best professional WP themes can do for your blog!" /> 
<meta name="keywords" content="premium wp themes, premium wordpress themes, professional wordpress themes, professional wp themes, best wp themes, best wordpress themes, premium themes, professional themes" /> 
<link rel="canonical" href="http://www.wpnow.com/" /> 
<!-- /all in one seo pack --> 
<link rel="stylesheet" type="text/css" href="http://www.wpnow.com/wp-content/plugins/wp-facebox/facebox.css" /> 

<script type="text/javascript">/* wp-facebox */ 
   WPFB = { root: "http://www.wpnow.com/wp-content/plugins/wp-facebox", home: "http://www.wpnow.com", site: "http://www.wpnow.com" }; 
   WPFB.options = { loadingImage: WPFB.root + '/images/loading.gif', closeImage: WPFB.root + '/images/closelabel.gif', opacity: 0.5 }; 
</script> 
<script type='text/javascript' src='http://www.wpnow.com/wp-content/plugins/wp-coupon/zeroclipboard/ZeroClipboard.js?ver=3.1.1'></script> 
<link rel='stylesheet' id='couponstyle-css'  href='http://www.wpnow.com/wp-content/plugins/wp-coupon/style/style.css?ver=3.1.1' type='text/css' media='all' /> 
    
   <script type="text/javascript"> 
      ZeroClipboard.setMoviePath( 'http://www.wpnow.com/wp-content/plugins/wp-coupon/zeroclipboard/ZeroClipboard.swf' ); 
   </script> 
   <script type="text/javascript"> 
      jQuery(document).ready(function(){
         jQuery('#couponconteiner .yesno a').click(function(){ 
             
            var id = jQuery(this).attr('rel'); 
            var type = jQuery(this).attr('class'); 
            var type_id = type+'_'+id; 
            var data = { 
                   action: 'add_coupon_statistic', 
                   whatever: type_id 
                }; 
       
            jQuery.ajax({             
                url: 'http://www.wpnow.com/wp-admin/admin-ajax.php', 
                dataType : "text",                      
                data: data, 
                
                success: function (data, textStatus) { 
               jQuery('#pop_'+id).show(); 
               // alert(data); 
                
               } 
            }); 
         return false; 
         }); 
      });    
   </script> 
<script type="text/javascript">if (jQuery && jQuery.facebox) jQuery(function($) { $("a[rel*='facebox'], .gallery-item a").facebox(WPFB.options); });</script>
         <link rel="stylesheet" href="http://www.wpnow.com/wp-content/plugins/wp-post-thumbnail/css/wppt.css" type="text/css" media="all" /> 
      <!-- wp thread comment 1.4.9.4.002 --> 

<style type="text/css" media="screen"> 
.editComment, .editableComment, .textComment{ 
   display: inline; 
} 
.comment-childs{ 
   border: 1px solid #999; 
   margin: 5px 2px 2px 4px; 
   padding: 4px 2px 2px 4px; 
   background-color: white; 
} 
.chalt{ 
   background-color: #E2E2E2; 
} 
#newcomment{ 
   border:1px dashed #777;width:90%; 
} 
#newcommentsubmit{ 
   color:red; 
} 
.adminreplycomment{ 
   border:1px dashed #777; 
   width:99%; 
   margin:4px; 
   padding:4px; 
} 
.mvccls{ 
   color: #999; 
} 
          
</style> 
        <!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script--> 
      <script type="text/javascript" src="http://www.wpnow.com/js/bgpos.js"></script> 
      <script type="text/javascript" src="http://www.wpnow.com/js/coupon.js"></script> 
      <script type="text/javascript" src="http://www.wpnow.com/js/jquery.cycle.all.min.js"></script> 
      <script type="text/javascript">var featured_category_effect = 'fade';</script> 
      <script type="text/javascript" src="http://www.wpnow.com/templates/js/scripts.js"></script> 

      <script type="text/javascript" src="http://www.wpnow.com/js/common.js"></script> 


</head> 
<body> 
<div class="container"> 
<div class="logo"><a href="http://www.wpnow.com"><img src="http://www.wpnow.com/images/logo.png" alt="Premium WordPress Themes" width="508" height="132" /></a> 
<div class="header-info"><span class="login-bg"><a href="http://www.wpnow.com/members/member.php" title="login now">login</a> &bull; <a href="http://www.wpnow.com/members/signup.php" title="join now">join</a></span><div class="rss-info"><a href="http://feedburner.google.com/fb/a/mailverify?uri=WordpressNow">Subscribe</a></div> 
</div></div> 
<div id="menu"> 

  <ul> 
        <li class="current_page_item"><a href="http://brianpwg.es.tl/" title="Home">Menu1</a></li> 
           <li class="page_item page-item-738"><a href="http://brianpwg.es.tl/" title="Themes">Menu2</a></li> 
<li class="page_item page-item-480"><a href="http://brianpwg.es.tl/" title="Pricing">Menu3</a></li> 
<li class="page_item page-item-108"><a href="http://brianpwg.es.tl/" title="Demo">Menu4</a></li> 
<li class="page_item page-item-1190"><a href="http://brianpwg.es.tl/" title="Showcase">Menu5</a></li> 
<li class="page_item page-item-578"><a href="http://brianpwg.es.tl/" title="Plugins">Menu6</a></li> 
<li class="page_item page-item-11"><a href="http://brianpwg.es.tl/" title="Affiliates">Menu7</a></li> 

<li class="page_item page-item-12"><a href="http://www.wpnow.com/blog" title="Blog">Menu8</a></li> 
<li class="page_item page-item-500"><a href="http://www.wpnow.com/support" title="Support">Menu9</a></li> 
  </ul> 
</div> 

          
            <!-- Featured Posts // --> 
            <div class="featured"> 
               <div class="featured-wrap"> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/modesto"><img class="border-featured" src="../images/slider/modesto468x180.png" alt="Modesto"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/vintmint"><img class="border-featured" src="../images/slider/Vintmint468x180.jpg" alt="VintMint"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/triumph"><img class="border-featured" src="../images/slider/Triumph468x180.jpg" alt="Triumph"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/simplista"><img class="border-featured" src="../images/slider/Simplista468x180.jpg" alt="Simplista"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/gamenow"><img class="border-featured" src="../images/slider/Gamenow468x180.jpg" alt="Gamenow"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/elements"><img class="border-featured" src="../images/slider/Elements468x180.jpg" alt="Elements"></a> 
                                       <a style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/boardwalk"><img class="border-featured" src="../images/slider/Boardwalk468x180.jpg" alt="Boardwalk"></a> 

                                       <a style="position: absolute; top: 0px; left: 0px; display: block; z-index: 9; opacity: 1; width: 470px; height: 186px;" href="http://www.wpnow.com/themes/bloom"><img class="border-featured" src="../images/slider/Bloom468x180.jpg" alt="Bloom"></a> 
                                 </div> 
               <ul class="fthumbs"> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/modesto"><img src="../images/slider/modesto66x66.jpg" alt="Modesto">Modesto</a></li> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/vintmint"><img src="../images/slider/Vintmint82x82.jpg" alt="VintMint">VintMint</a></li> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/triumph"><img src="../images/slider/Triumph82x82.jpg" alt="Triumph">Triumph</a></li> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/simplista"><img src="../images/slider/Simplista82x82.jpg" alt="Simplista">Simplista</a></li> 

                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/gamenow"><img src="../images/slider/Gamenow82x82.jpg" alt="Gamenow">Gamenow</a></li> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/elements"><img src="../images/slider/Elements82x82.jpg" alt="Elements">Elements</a></li> 
                                 <li class="" style="width: 34px;"><a class="" href="http://www.wpnow.com/themes/boardwalk"><img src="../images/slider/Boardwalk82x82.jpg" alt="Boardwalk">Boardwalk</a></li> 
                                 <li class="active" style="width: 104px;"><a class="activeSlide" href="http://www.wpnow.com/themes/bloom"><img src="../images/slider/Bloom82x82.jpg" alt="Bloom">Bloom</a></li> 
                              </ul><div class="featured-static"> 



<h2>El Diseño fue Adaptado por brianpwg</h2><br> 

El diseño fue sacado de : http://www.wpnow.com/ </a></i> 


</div> 

                     <div class="themes-button"><a href="http://www.wpnow.com/themes/"><img src="http://www.wpnow.com/images/themes-button.png" alt="View Themes" height="45" width="234"></a></div> 
            </div> 
            <!-- // Featured Posts --> 
          
             


<div class="content-top"></div> 
<div class="wrapper"> 
<div class="content"> 
    <div class="content-home"> 
      <h1>Escribe Algo Aqui</h1> 

      <p>Escribe algo Aqui.</p> 
    <div class="col-container"> 
    <div class="col-1"> 
      <img src="http://www.wpnow.com/images/col-icon-01.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 

    </div> 
    <div class="col-2"> 
      <img src="http://www.wpnow.com/images/col-icon-02.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 
    </div> 
    <div class="col-3"> 

      <img src="http://www.wpnow.com/images/col-icon-03.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 
    </div> 
    <div class="col-4"> 
      <img src="http://www.wpnow.com/images/col-icon-04.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 

    <div class="col-sub">proper h1 tags, spider-friendly, smart linking</div> 
    </div> 
    <div class="col-5"> 
      <img src="http://www.wpnow.com/images/col-icon-05.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 
    </div> 

    <div class="col-6"> 
      <img src="http://www.wpnow.com/images/col-icon-06.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 
    </div> 
    <div class="col-7"> 
      <img src="http://www.wpnow.com/images/col-icon-07.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 
    </div> 
    <div class="col-8"> 
      <img src="http://www.wpnow.com/images/col-icon-08.png" width="36" height="36" alt="Escribe Algo" /> 
    <div class="col-heading">Escribe Algo</div> 
    <div class="col-sub">Escribe Algo</div> 

    </div> 
    <div class="col-9"> 
      <img src="http://www.wpnow.com/images/col-icon-09.png" width="36" height="36" alt="1" /> 
    <div class="col-heading">Editable Photoshop Files</div> 
    <div class="col-sub">total image customization with developer versions</div> 
    </div> 
    </div> 
</div> 

</div>       
<div class="content-left"> 
<h2>Bienvenido </h2>
 


    Texto Por debajo

</div> 

<div id="sidebar-container"> 

<div class="right sidebar-pages"> 
  <div class="sidebar"> 
                    
    <div style="clear:both;"></div> 
    <span class="heading">Menu derecho1</span> 
    <div class="get-started"> 
      <div class="btn-container"> 
<a href="http://noti-gamer.es.tl" _fcksavedurl="http://brianpwg.es.tl/"> 
<img src="https://img.webme.com/pic/p/programa-total/publici.png" height="120" width="110"></a> 

<a href="http://kateko.es.tl/" _fcksavedurl="http://brianpwg.es.tl/"> 
<img src="https://img.webme.com/pic/p/programa-total/publici.png" height="120" width="110"></a> 
      </div> 
    </div> 
          <div id="recent-posts-4" class="right sidebar widget_recent_entries">      <div class="heading">Menu derecho2 </div>      <ul> 
            <li><a href="http://brianpwg.es.tl/" title="New Version of GameNow Available with 4 Custom Menu Positions!">New Version of GameNow Available with 4 Custom Menu Positions!</a></li> 
            <li><a href="http://brianpwg.es.tl/" title="WordPress 3.1  – How To Remove or Disable the Admin Bar">WordPress 3.1  – How To Remove or Disable the Admin Bar</a></li> 

            <li><a href="http://brianpwg.es.tl/" title="Coupon Reveal Plugin for WordPress – Increase commissions by 300%!">Coupon Reveal Plugin for WordPress – Increase commissions by 300%!</a></li> 
            <li><a href="http://brianpwg.es.tl/" title="How To Display Recent Posts on a Specific Page by Creating a “Blog Page Template”">How To Display Recent Posts on a Specific Page by Creating a “Blog Page Template”</a></li> 
            <li><a href="http://brianpwg.es.tl/" title="SEO Smart Links Coupon Code and SEO Smartlinks Plugin Review">SEO Smart Links Coupon Code and SEO Smartlinks Plugin Review</a></li> 

            </ul> 
      </div><div id="text-3" class="right sidebar widget_text"><div class="heading">Menu derecho3 </div>          
<a href="http://noti-gamer.es.tl" _fcksavedurl="http://brianpwg.es.tl/"> 
<img src="https://img.webme.com/pic/p/programa-total/publici.png" height="120" width="110"></a> 

<a href="http://kateko.es.tl/" _fcksavedurl="http://brianpwg.es.tl/"> 
<img src="https://img.webme.com/pic/p/programa-total/publici.png" height="120" width="110"></a> 

</div> 
      </div> 
<div id="tag_cloud-3" class="right sidebar widget_tag_cloud"><div class="heading">Menu derecho4</div><div> 
<script type="text/javascript" src="http://forms.aweber.com/form/76/813521176.js"></script> 
</div> 


</div> 

</div> 
</div> 
</div> 
</div> 
<div class="content-bottom"></div> 
<div class="footer"> 
  <ul class="bottom"> 
    <li> <span class="heading">MENU SUB 1 </span> 
      <div class="lposts"> 
        <ul id="bottom-list"> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
        </ul> 

      </div> 
    </li> 
    <li> <span class="heading">MENU SUB 2 </span> 
    <div class="lposts"> 
    <ul id="bottom-posts"> 
            <li><a href="http://www.wpnow.com/new-version-of-gamenow-available-with-4-custom-menu-positions"> 
        Escribe algo aqui lo que quieras       </a> 
     <div class="posted-on">Fecha de Adaptacion : 14/05/2011</div> 

     </li> 
            <li><a href="http://www.wpnow.com/wordpress-3-1-how-to-remove-or-disable-the-admin-bar"> 
        Escribe algo aqui lo que quieras       </a> 
     <div class="posted-on">Fecha de Adaptacion : 14/05/2011</div> 
     </li> 
           Escribe algo aqui lo que quieras       </a> 
     <div class="posted-on">Fecha de Adaptacion : 14/05/2011</div> 
     </li> 
      </ul> 
</div> 
</li> 

    <li> <span class="heading">MENU SUB 3 </span> 
      <div class="lposts"> 
       <ul id="bottom-wpnow"> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
          <li><a href="http://brianpwg.es.tl/">MENU4</a> </li> 
      </ul> 
      </div> 
    </li> 
  </ul> 
<div class="footer-bottom"></div> 
  <div class="finner"> 
    <div class="fleft"><img src="https://img.webme.com/pic/b/brianpwg/350x40.jpg" alt="WP Now" /><br /> 
    Copyright &copy; 2011 Adapted By : Brianpwg<br /> 

      <a href="#">Privacy</a> | <a  href="#">Terms of Service</a> 
    </div> 
    
    <div class="fright"> 
    <a href="http://www.facebook.com/wpnow" target="_new"> 
    <img src="http://www.wpnow.com/images/facebook_32.png" alt="Facebook" /></a> 
    <a href="http://www.myspace.com/wpnow" target="_new"> 
    <img src="http://www.wpnow.com/images/myspace_32.png" alt="MySpace" /></a> 

    <a href="http://twitter.com/wpnow" target="_new"> 
    <img src="http://www.wpnow.com/images/twitter_32.png" alt="Twitter" /></a> 
    <a href="http://feeds2.feedburner.com/WPNOW"><img src="http://www.wpnow.com/images/rss_32.png" alt="RSS" /></a> 
    </div> 

  </div> 


</div> 

<script type="text/javascript"> 

  var _gaq = _gaq || []; 
  _gaq.push(['_setAccount', 'UA-15160155-1']); 
  _gaq.push(['_trackPageview']); 

  (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
  })(); 

</script> 

</body>
 

     Sin Stylo Tags

 lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 

 

 

Son Todos los que tengo bien pues luego subire mas y un tutorial para que aprendan como aplicarlos...!!!!!!

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