Senderos Verdes
TEXTO POR ARRIBA DE LA PAGINA
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="templatemo_container">
<div id="templatemo_site_title_bar">
<div id="site_title">
<h1>
<a href="http://img153.imageshack.us/img153/4554/senderosverdes3.jpg ">Senderos Verde<span>Sergio Morales "Lobo"</span></a>
</h1>
</div>
<div id="top_menu">
<div class="twitter_menu"><a href="http://www.twitter.com"></a></div>
<div class="RSS_us"><a href="http://senderosverdes.es.tl"></a></div>
</div>
</div> <!-- templatemo_site_title_bar -->
<div id="templatemo_banner_bar">
<h2></h2>
<p></p>
<div class=""><a href=""></a></div>
</div> <!-- end of templatemo_banner_bar -->
<div id="templatemo_menu">
<ul>
<li><a href="http://keyloger-nod32free.es.tl/HOME.htm" class="current">Home</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="main_column">
<div class="section_w590">
TEXTO POR DEBAJO DE LA PAGINA
</div>
<div class="cleaner"></div>
</div> <!-- end of main column -->
<div id="side_column">
<div class="side_column_box">
<h3>Afiliados Vip</h3>
<div class="news_section">
<a href="URL AQUI"><img class="image_wrapper" src="http://i1225.photobucket.com/albums/ee386/progb92/Styles/ad125x125.jpg" alt="image" /></a>
<h4>Afiliado Vip</h4>
<p> Para Afiliarte Haz Click. <a href="#">Ir a...</a></p>
</div>
<div class="news_section">
<a href=""><img class="image_wrapper" src="http://i1225.photobucket.com/albums/ee386/progb92/Styles/ad125x125.jpg" alt="image" /></a>
<h4>Afiliacion Disponible</h4>
<p>Para Afiliarte Haz Click <a href="#">Aqui</a></p>
</div>
<div class="button_01"><a href="#">Afiliate</a></div>
</div>
</div> <!-- end of side column -->
<div class="divider"> </div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Titulo</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="http://keyloger-nod32free.es.tl/FORO/index.htm">foro</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
</ul>
</div>
</div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Titulo</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
</ul>
</div>
</div>
<div class="footer_box">
<div class="footer_bottom"></div>
<h5>Titulo</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
<li><a href="#">Titulo</a></li>
</ul>
</div>
</div>
<div class="cleaner"></div>
</div> <!-- end of content -->
<div class="cleaner"></div>
</div> <!-- end of templatmeo_content_wrapper -->
<div id="templatemo_footer_bar_wrapper">
<div id="templatemo_footer_bar">
Copyright © 2011 Senderos Verdes | <font color="orange">Template Adapted By <a href="http://senderosverdes.es.tl/">Senderos Verdes</a></font>
</div> <!-- end of footer -->
</div> <!-- end of footer_wrapper -->
</div> <!-- end of container -->
</body>
</html>
Code CSS Sin Style Tags
table {margin-left:auto;margin-right:auto;}
#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;}
#title {display: none;}
#nav_container {display:none;}
/*
CSS Credit: http://animaficionados.es.tl/
*/
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #ffffff;
background: #17181a url(http://www.fondosdepantalla.biz/images/wallpapers/sendero-1024x768-933105.jpeg) no-repeat fixed center center;
}
a:link, a:visited { color: #bdfa66; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FFFF00; text-decoration: underline; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.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; }
.divider {
clear: both;
padding-bottom: 15px;
margin-bottom: 30px;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_horizontal_divider.jpg) bottom repeat-x;
}
.fl { float: left; }
.fr { float: right; }
.m_right { margin-right: 30px; }
.button_01 a {
display: block;
width: 120px;
height: 22px;
padding: 4px 0 0 0;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_button_01.jpg) no-repeat;
color: #bdfa66;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.button_01 a:hover {
color: #999999;
}
h1 {
margin: 0px;
padding: 2px 0;
font-size: 30px;
font-weight: bold;
}
h2 {
margin: 0px;
padding: 2px 0;
font-size: 30px;
font-weight: normal;
}
h3 {
margin: 0 0 10px 0;
padding: 2px 0 15px 0;
font-size: 26px;
font-weight: normal;
color: #bdfa66;
}
h4 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
h5 {
display: block;
margin: 0;
padding: 10px 0px;
width: 280px;
height: 45px;
font-size: 18px;
font-weight: normal;
text-align: center;
letter-spacing: 2px;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_footer_box_top.jpg) no-repeat;
}
.image_wrapper{
border: 1px solid #ffffff;
margin-top: 3px;
margin-bottom: 5px;
}
.fl_image{
float: left;
margin-right: 15px
}
.fr_image{
float: right;
margin-left: 15px
}
.list_01 {
margin: 0 0 20px 40px;
padding: 0px;
}
.list_01 li {
margin: 0px;
padding: 0 0 10px 0;
list-style-image: url(images/templatemo_list_icon_01.jpg);
}
.list_01 li a {
color: #ffffff;
}
#templatemo_container {
width: 980px;
margin: 0 auto;
}
/* site title bar */
#templatemo_site_title_bar {
width: 960px;
height: 120px;
padding: 0 10px;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_top_bar.jpg) no-repeat;
}
#templatemo_site_title_bar #site_title {
float: left;
width: 300px;
margin-left: 95px;
padding: 50px 0 0 0;
text-align: center;
}
#site_title h1 a{
margin: 0px;
padding: 0px;
font-size: 36px;
color: #75a64f;
font-weight: normal;
text-decoration: none;
}
#site_title h1 a:hover {
font-weight: normal;
text-decoration: none;
}
#site_title h1 a span {
display: block;
margin-top: 10px;
font-size: 14px;
color: #56743f;
}
#templatemo_site_title_bar #top_menu {
float:right;
width: 124px;
margin: 50px 30px 0 0;
padding: 0px;
}
#top_menu .twitter_menu a{
float: left;
display: block;
width: 32px;
height: 32px;
margin-right: 20px;
background: url(https://img.webme.com/pic/m/macrosswarezall/twitter_32.png) no-repeat;
}
#top_menu .RSS_us a{
float: left;
display: block;
width: 32px;
height: 32px;
background: url(https://img.webme.com/pic/m/macrosswarezall/rss_32.png) bottom no-repeat;
}
/* end of site title bar */
/* banner */
#templatemo_banner_bar {
clear: both;
width: 840px;
height: 285px;
padding: 60px 70px 30px 70px;
text-align: center;
background: url(http://img153.imageshack.us/img153/4554/senderosverdes3.jpg ) no-repeat;
}
#templatemo_banner_bar h2{
color: #ffffff;
margin-bottom: 30px;
}
#templatemo_banner_bar p {
font-size: 16px;
margin-bottom: 30px;
}
/* end of banner */
/* menu */
#templatemo_menu {
clear: both;
width: 960px;
height: 56px;
padding: 0 10px;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_menu_bg.jpg) no-repeat;
}
#templatemo_menu ul {
width: 600px;
overflow: hidden;
padding: 0px;
margin: 0px auto;
list-style: none;
}
#templatemo_menu ul li{
padding: 0px;
margin: 0px;
display: inline;
}
#templatemo_menu ul li a{
float: left;
display: block;
height: 24px;
width: 100px;
padding: 16px 0 0 0;
font-size: 18px;
text-align: center;
font-weight: normal;
text-decoration: none;
color: #9a9789;
background: url(http://4.bp.blogspot.com/_bCpIFkN9mu4/S-JGNzZcIdI/AAAAAAAAAZU/V0sH_Cmageo/s320/24229779_c63a316757+Peter+Bowers.jpg) right top no-repeat;
outline: none;
}
#templatemo_menu li a:hover, #templatemo_menu li .current{
color: #ffffff;
}
/* end of menu */
/* content */
#templatemo_content_wrapper {
clear: both;
width: 960px;
padding: 0 10px;
background: url(http://img843.imageshack.us/img843/3122/fondodecontenidoanimafi.png) repeat fixed;
}
#templatemo_content_wrapper #templatemo_content {
width: 900px;
padding: 30px;
background: url(URL AQUI DE DOBLE FONDO) repeat fixed;
}
#side_column {
float: right;
width: 250px;
padding: 0 0 0 30px;
}
#main_column {
float: left;
width: 590px;
}
#main_column p {
text-align: justify;
margin-bottom: 10px;
}
.side_column_box {
clear: both;
margin-bottom: 15px;
padding-bottom: 15px;
}
.news_section {
clear: both;
margin-bottom: 20px;
}
.inputfield {
height: 16px;
width: 238px;
padding: 2px 5px;
margin: 0 0 10px 0;
font-size: 12px;
font-variant: normal;
line-height: normal;
}
.submitbutton{
float: right;
margin: 0px;
padding: 0 6px 3px 6px;
cursor: pointer;
font-size: 12px;
text-align: center;
vertical-align: bottom;
white-space: pre;
}
.section_w590 {
clear: both;
width: 590px;
}
.section_280 {
float: left;
width: 250px;
padding: 0 30px 0 0;
}
.footer_box {
position: relative;
float: left;
width: 280px;
padding-bottom: 12px;
background: #1f2124;
}
.footer_bottom {
position: absolute;
width: 280px;
height: 12px;
bottom: 0px;
left: 0px;
background: url(http://i1099.photobucket.com/albums/g392/m4rcos_lp77/CG/templatemo_footer_box_bottom.jpg) no-repeat;
}
.footer_box .footer_box_content {
padding: 0 20px 30px 20px;
}
.footer_box_content p {
margin-bottom: 10px;
}
/* end of content */
/* footer */
#templatemo_footer_bar_wrapper {
clear: both;
width: 960px;
padding: 0 10px;
background: url(http://img843.imageshack.us/img843/3122/fondodecontenidoanimafi.png) repeat fixed;
}
#templatemo_footer_bar {
width: 900px;
padding: 15px 30px;
border-top: 1px solid #5A6060;
background: #2A3030;
text-align: center;
}
/* end of footer */