THEMARTINCS

Diseños Css

Hola aki les dejo unos diseños css donados por

Brianpwg
Para ver vista previa la imagen solo den click sobre la imagen.






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

 

 

#pre_header {display: none;} 
#post_header {display: none;} 
#header_container {display: none;} 
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;}
h2#title span {display: none;} 
#header {display: none;} 
#title {display: none;} 
#nav_container {display:none;} 


body { 
margin: 0; 
padding: 0; 
line-height: 1.7em; 
letter-spacing: 1px; 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 11px; 
color: #161d1e; 
background: #ffffff url(https://img.webme.com/pic/p/pruevaspwgbrian/body_top.jpg) repeat-x top; 


a:link, a:visited { color: #073475; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #996600; text-decoration: underline; } 

p { margin: 0px; padding: 0px; } 

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

.float_l { 
float: left; 


.float_r { 
float: right; 


.divider { 
background: url(images/divider.jpg) repeat-x bottom; 


.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_r60 { margin-right: 60px; } 

.button_01 a { 
display: block; 
width: 94px; 
height: 28px; 
padding: 6px 5px 4px 5px; 
color: #ffffff; 
font-size: 13px; 
font-weight: bold; 
text-align: center; 
text-decoration: none; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/button_01.png) no-repeat; 


.button_01 a:hover { 
color: #ffffff; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/button_01_hover.png) no-repeat; 


h2 { 
margin: 0 0 5px 0; 
padding: 10px 0; 
font-size: 24px; 
font-weight: normal; 
color: #073475; 


h3 { 
margin: 0 ; 
padding: 2px 0; 
font-size: 18px; 
font-weight: normal; 
color: #000000; 


/* menu */ 

#menu { 
height: 59px; 
background: url(images/menu_bg.jpg) no-repeat center top; 


#menu ul { 
width: 590px; 
margin: 0 auto; 
padding: 0px; 
list-style: none; 


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


#menu ul li a { 
position: relative; 
float: left; 
width: 100px; 
display: block; 
height: 35px; 
padding: 14px 8px 0 0;
margin-right: 10px; 
text-align: center; 
font-size: 14px; 
text-decoration: none; 
color: #c9d3da; 
font-weight: bold; 
outline: none; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/menu_btn_right.pngg) no-repeat right top; 


#menu ul li a span { 
position: absolute; 
width: 8px; 
height: 49px; 
left: -8px; 
top: 0; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/menu_btn_left.png) no-repeat left top; 


#menu li a:hover, #menu li .current { 
color: #ffffff; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/menu_btn__hover_right.png) no-repeat right top; 


#menu li a:hover span, #menu li .current span { 
position: absolute; 
width: 8px; 
height: 49px; 
left: -8px; 
top: 0; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/menu_btn__hover_left.png) no-repeat left top; 


/* end of menu */ 

/* site title */ 

#site_title_bar_wrapper { 
width: 100%; 
height: 310px; 
margin: 0 auto; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/header_bg_wrapper.jpg) no-repeat top center; 


#site_title_bar { 
position: relative; 
width: 900px; 
height: 297px; 
margin: 0 auto; 
padding: 13px 40px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/header_bg.jpg) no-repeat top center; 


#site_title_bar .site_title_left { 
float: left; 
width: 400px; 


#site_title_bar .site_title_right { 
float: right; 
width: 380px; 
margin-top: 30px; 
text-align: right; 


.site_title_right h2 a { 
color: #63b5dc; 
font-style: normal; 


.site_title_right p { 
color: #3a8fb8; 


#site_title_bar #site_title { 
float: left; 
padding: 30px 0 0 0; 


#site_title h1 a { 
margin: 0px; 
padding: 0px; 
font-size: 30px; 
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 


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


#site_title h1 a span { 
display: block; 
margin-top: 10px; 
margin-left: 5px; 
font-size: 14px; 
color: #f1f2f2; 
font-weight: bold; 
letter-spacing: 4px; 



#site_title_bar #search_box { 
position: absolute; 
width: 340px; 
height: 30px; 
bottom: 23px; 
right: 110px; 


#search_box form { 
width: 340px; 
height: 30px; 
margin: 0; 
padding: 0; 


#searchfield { 
height: 20px; 
width: 290px; 
padding: 6px 5px 4px 5px; 
color: #000000; 
font-size: 12px; 
font-variant: normal; 
line-height: normal; 
background: none; 
border: none; 


#searchbutton { 
height: 30px; 
width: 35px; 
margin: 0px; 
padding: 6px 0 0 0; 
cursor: pointer; 
font-size: 12px; 
text-align: center; 
vertical-align: bottom; 
white-space: pre; 
color: #000000; 
background: none; 
border: none; 

/* end of site title */ 

#content { 
clear: both; 
width: 900px; 
padding: 30px 40px; 
margin: 0 auto; 


.section_w900 { 
clear: both; 
width: 900px; 


.image_wrapper_01 img { 
margin-bottom: 10px; 
border: 7px solid #dedede; 


.imgl{ 
float: left; 
margin: 3px 15px 10px 0; 


.section_w400 { 
width: 400px; 


.section_w260 { 
width: 260px; 


.testimonial { 
font-style: italic; 


.testimonial span { 
font-size: 16px; 
font-weight: bold; 


.service { 
margin: 10px 0 0; 
padding: 0px; 
list-style: none; 


.service li { 
padding: 5px 0 5px 30px; 
background: url(https://img.webme.com/pic/p/pruevaspwgbrian/list_icon.png) left center no-repeat; 


.news_box { 
margin-bottom: 10px; 
border-bottom: 1px dashed #ccc; 
color: #ffffff; 


.news_box .post_info { 
color: #999999; 


.news_box .post_info a { 
color: #666666; 
font-weight: bold; 


.news_box .post_info strong { 
color: #666666; 


.news_box a { 
color: #14587c; 


/* footer */ 

#footer_wrapper { 
width: 100%; 
margin: 0 auto; 
padding: 0; 
background: #426fae; 


#footer { 
width: 940px; 
margin: 0 auto; 
padding: 30px 20px; 
background: #426fae url(https://img.webme.com/pic/p/pruevaspwgbrian/footer_bg.jpg) no-repeat center top; 
color: #cccccc; 


#footer a { 
color: #ffffff; 


#footer .section_w280 { 
float: left; 
width: 240px; 
padding-right: 40px; 


#footer .section_w280 h3 { 
width: 175px; 
height: 30px; 
font-size:14px; 
font-weight: bold; 
color: #ffffff; 



#footer .footer_list { 
margin: 0px; 
padding: 0px; 
list-style: none; 



#footer .footer_list li {
margin: 0px; 
padding: 3px 0; 


#footer .footer_list li a { 
color: #cccccc; 


#footer .footer_list li a:hover { 
color: #ffffff; 
text-decoration: none; 


/* end of footer */






Texto por arriba

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

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

<body> 
<div id="header_wrapper"> 
<div id="header"> 
<div id="site_title"> <a href="#"> <img src="Tu logo de web aqui (imagen)" alt="" /> <span>Recursos Web</span> </a> </div> 
<div id="menu"> 
<ul> 
<li><a href="http://brianpwg.es.tl/" class="current">Home</a></li> 
<li><a href="http://brianpwg.es.tl/">Templates</a></li> 
<li><a href="http://brianpwg.es.tl/">Flash Files</a></li> 
<li><a href="http://brianpwg.es.tl/">Gallery</a></li> 
<li><a href="http://brianpwg.es.tl/">Services</a></li> 
<li><a href="http://brianpwg.es.tl/">Contact</a></li> 

</ul> 
</div> 
<!-- end of menu --> 
</div> 
</div> 
<div id="feature_wrapper"> 
<div id="feature"> 
<div id="feature_left"> 
<h1>Informacion</h1> 
<p>Plantilla Adaptada por BrianPwg , Si tiene algun problema la plantilla Informanos </p> 
<div class="button"><a href="#">Leer Mas...</a></div> 
</div> 
<div id="feature_right"> 
<div id="feature_image"><span></span> <img src="https://img.webme.com/pic/p/pruevaspwgbrian/.image_01.png" alt="" /> </div> 
</div> 
</div> 
<!-- end of feature --> 
</div> 
<!-- end of feature warpper --> 
<div id="content_wrapper"> 
<div id="content">

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 arriba

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


Hola pues como ven todos me piden mi diseño css pues ahora se los traigo pero nadamas una cosa le digo no piratear NADA porfavor.




Texto por arriba


 
 

<title>THEMARTINCS</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3761248391-widget_css_bundle.css' />
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=67a84e63-91a2-41ef-a91d-28fec25363b6"/>
<style type="text/css">#navbar-iframe { display:block }
</style>

<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div></div></div></div>
<div id='outer-wrapper'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>

<div id='container-top'></div>
<div id='content-wrapper'>
<div id='content-wrap'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
 


Texto por debajo
 


 
 

</div></div>
</div>
<div id='sidebar-wrapper'>
<form action='/search' id='searchform' method='get'>
<div><input id='s' name='q' size='32' tabindex='1' type='text'/>
<input id='searchsubmit' name='searchsubmit' tabindex='2' type='submit' value='Search'/></div>
</form>
<div class='clear'></div>

<div class='sidebar section' id='sidebar'><div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'> </div>
</div>
</div>
<!-- end content-wrapper -->
<div id='container-bottom'>
<div class='cleft'>
    Copyright © NOMBRE DE TU PAGINA AQUI
</div>
<div class='cright'>
<a href='http://by-ro0driig0o.es.tl/' title=''>Adaptado Por By-ro0driig0o</a>
</div>
</div>
</div><!-- end outer-wrapper -->
</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;}

/*
-------------------------------------------
Plantilla por by-ro0driig0oes.tl
-------------------------------------------
*/
#navbar-iframe {
display:none;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
body {
background:#000 url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq5h6budI/AAAAAAAAC_o/JnTYblUixFc/background-body-repeat.png) repeat-y top center;
color:#fff;
font-size:11px;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
text-shadow:#000 0 1px 0;
}
a:link {
color:#08ABE1;
text-decoration:none;
}
a:visited {
color:#217c9b;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border-width:0;
}
.clear {
clear:both;
}
#header-wrapper {
height:100px;
padding-left:40px;
}
#header-inner {
background-position:center;
margin-left:auto;
margin-right:auto;
}
#header {
float:left;
text-align:left;
padding-top:25px;
height:95px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9ntJcZyMxI/AAAAAAAADAI/Knzt2PktSJA/aIsm5.png);
}
#header h1 {
letter-spacing:-2px;
font-size:42px;
font-weight:bold;
text-shadow:#fff 0 1px 0;
}
#header a {
color:#fff;
text-decoration:none;
}
#header .description {
font-size:12px;
font-weight:bold;
padding-left:10px;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
width:905px;
padding-left:28px;
padding-right:28px;
margin:0 auto;
position:relative;
overflow:hidden;
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLt7vdZI/AAAAAAAAC_4/pgqz1lTMeTs/background-top.jpg) no-repeat top center;
background-attachment:fixed;
}
#container-top {
width:873px;
height:92px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) top left;
float:right;
}
#container-bottom {
width:873px;
height:78px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) no-repeat bottom left;
display:block;
float:right;
margin-bottom:30px;
position:relative;
}
#content-wrapper {
float:right;
width:873px;
background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nq6PJosFI/AAAAAAAAC_w/BkrtQFdnPdA/background-main-repeat.png) repeat-y top left;
}
#content-wrap {
margin-top:-45px;
margin-left:30px;
}
#main-wrapper {
float:left;
width:525px;
}
#sidebar-wrapper {
float:right;
width:268px;
margin-right:33px;
}
.sidebar h2 {
font-size:18px;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
width:268px;
padding-left:8px;
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq6PdxK-I/AAAAAAAAC_0/ENkiCRIWoIY/background-sidebar-heading.png) no-repeat top left;
line-height:34px;
}
.post {
position:relative;
width:490px;
margin:0 0 60px 15px;
}
.top-meta {
position:absolute;
display:block;
top:0;
left:-80px;
width:44px;
}
.PostTime {
display:block;
width:41px;
height:34px;
padding-top:5px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
text-shadow:#058cba 0 1px 0;
text-align:center;
color:#07294a!important;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-right:1px;
margin-top:2px;
}
.notecount {
display:block;
width:41px;
height:28px;
padding-top:11px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;
background-position:0 -156px;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
text-shadow:#058cba 0 1px 0;
text-align:center;
color:#FFF!important;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-right:1px;
margin-top:2px;
}
.notecount b {
color:#07294a!important;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.notecount span {
font-size:9px;
display:block;
margin:0 auto;
font-weight:normal;
text-align:center;
line-height:9px;
}
.post h3 {
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLoF3DeI/AAAAAAAAC_8/yGeRAkmwPO4/hr.png) no-repeat left bottom;
padding:9px 0 6px 4px;
}
.post h3 a,.post h3 a:visited,.post h3 strong {
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
text-decoration:none;
font-weight:normal;
}
.post-body {
font-size:11px;
line-height:1.8em;
margin:20px 0 30px;
}
.jump-link {
margin:0 0 30px;
}
.jump-link a {
padding:4px 15px;
background:#3D3235;
color:#fff;
text-decoration:none;
-moz-border-radius:15px;
-khtml-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
font-size:12px;
font-weight:bold;
}
.jump-link a:hover {
color:#fff;
background:#313137;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
overflow:hidden;
padding:5px 15px;
position:relative;
width:450px;
}
.post ol,.post ul {
margin-left:25px;
}
.post img,table.tr-caption-container {
max-width:495px;
margin-bottom:9px;
margin-left:4px;
position:relative;
border:4px solid #FFF;
box-shadow:0 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
}
.tr-caption-container img {
padding:0;
}
.post blockquote {
margin:1em 20px;
font-style:italic;
font-size:12px;
}
.post blockquote p {
margin:.75em 0;
}
#comments {
margin-left:30px;
}
#comments h4 {
margin:1em 0;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
margin:0 20px;
text-align:center;
}
.feed-links {
margin:20px 0 0 20px;
clear:both;
line-height:2.5em;
}
.sidebar {
margin-top:11px;
line-height:18px;
font-size:11px;
}
#s {
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
color:#CCCCCC;
padding:4px 0;
width:200px;
padding-left:6px;
}
input {
-moz-border-radius:5px;
border:0;
color:#CCC;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
padding:3px;
}
.sidebar ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar li {
background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nrMFDU9qI/AAAAAAAADAA/1orVGJgCS_s/icon-link-star.png) no-repeat center left;
font-size:13px;
font-weight:bold;
color:#fff;
padding-left:26px;
line-height:35px;
text-decoration:none;
margin-left:1px;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget-content {
color:#217c9b;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#999999;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock {
margin:.5em 0;
}
.profile-textblock {
margin:.5em 0;
line-height:1.6em;
}
.profile-link {
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.cleft {
float:left;
margin:15px 0 0 50px;
}
.cright {
float:right;
margin:10px 40px 0 0;
}
 

 





Añadir comentario acerca de esta página:
Su nombre:
Su mensaje:

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