Senderos II
TEXTO POR ENCIMA DE LA PAGIMA
<!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://sekai-anime01.es.tl/" class="current">Home</a></li>
<li><a href="#">Contactenos</a></li>
<li><a href="#">Proxima Ruta</a></li>
<li><a href="#">Ruta Satelite</a></li>
<li><a href="#">Denuncias</a></li>
<li><a href="#">Tab Mareas</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="main_column">
<div class="section_w590">
<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://sekai-anime01.es.tl/" class="current">Home</a></li>
<li><a href="#">Contactenos</a></li>
<li><a href="#">Proxima Ruta</a></li>
<li><a href="#">Ruta Satelite</a></li>
<li><a href="#">Denuncias</a></li>
<li><a href="#">Tab Mareas</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 PAGIMA
</div>
<div class="cleaner"></div>
</div> <!-- end of main column -->
<div id="side_column">
<form method="GET" action="http://es.search.yahoo.com/search/es"><img src="http://d.yimg.com/eur.yimg.com/i//es/g/bn_es.gif" width="88" height="31" align="top" alt="[ Yahoo! España]" /><input type="text" name="p" value="" size="18"><input type="submit" value="Buscar"><font size="-1"><a href="http://es.search.yahoo.com/search/es/options">opciones</a></font> </form>
<h3></h3>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">TECNICA ESCALADA</a></li>
<li><a href="#">CONSEJOS PARA EL SENDERISMO</a></li>
<li><a href="#">DIARIO SUR</a></li>
<li><a href="#">TIENDA MONTAÑA</a></li>
</ul>
</div>
</div>
<div><center><script src="http://www.bloguez.com/service/meteo/meteo.php?taille=195&adult=0&cat=nature&ville=Malaga, Spain&code=SPXX0052"></script><br>
<a href="http://www.senderosverdes.es.tl"><img src="http://www.bloguez.com/service/logo.png" border="0" alt="bloguez.com"></a>
<noscript>Service offert par <a href="http://www.bloguez.com">bloguez.com</a></noscript></center></div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">TECNICA ESCALADA</a></li>
<li><a href="#">CONSEJOS PARA EL SENDERISMO</a></li>
<li><a href="#">DIARIO SUR</a></li>
<li><a href="#">TIENDA MONTAÑA</a></li>
</ul>
</div>
</div>
<div><center><script src="http://www.widgeo.net/geocompteur/geolive.php?c=geolive_caroussel&adult=0&cat=nature&id=1864827"></script><br>
<noscript><a href="http://www.widgeo.net">widgets</a></noscript>
<a href="http://www.senderosverdes.es.tl"><img alt="widgets" border="0" src="http://www.widgeo.net/img/logopm.png"></a></center></div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">TECNICA ESCALADA</a></li>
<li><a href="#">CONSEJOS PARA EL SENDERISMO</a></li>
<li><a href="#">DIARIO SUR</a></li>
<li><a href="#">TIENDA MONTAÑA</a></li>
</ul>
</div>
</div>
<div class="side_column_box">
<h3><center>VideoClips</center></h3>
<center><div style="text-align: center;"><embed height="250" width="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/7wIr3bF2IhY" play="true" loop="true" menu="true"></embed></div></center>
<h3></h3>
<div style="text-align: center;"><embed height="250" width="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/4Pus1XFRHyg" play="true" loop="true" menu="true"></embed></div>
<h3></h3>
<div style="text-align: center;"><embed height="250" width="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/AqfVzeRgSeE" play="true" loop="true" menu="true"></embed></div>
<h3></h3>
<div style="text-align: center;"><embed height="250" width="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/HMDYwotB6AQ" play="true" loop="true" menu="true"></embed></div>
</div>
</div> <!-- end of side column -->
<div class="divider"> </div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">TECNICA ESCALADA</a></li>
<li><a href="#">CONSEJOS PARA EL SENDERISMO</a></li>
<li><a href="#">DIARIO SUR</a></li>
<li><a href="#">TIENDA MONTAÑA</a></li>
</ul>
</div>
</div>
<div class="footer_box m_right">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">ERRORES TIPICOS</a></li>
<li><a href="#">ZONA MÁLAGA</a></li>
<li><a href="#">NUDOS</a></li>
<li><a href="#">CONDICIONES Y NIVELES DE DIFICULTAD</a></li>
</ul>
</div>
</div>
<div class="footer_box">
<div class="footer_bottom"></div>
<h5>Menu</h5>
<div class="footer_box_content">
<div class="cleaner_h10"></div>
<ul class="list_01">
<li><a href="#">EL CANAL DE LOBO</a></li>
<li><a href="#">LOCALIZADOR DE BARRANCOS</a></li>
<li><a href="#">DOCUMENTALES</a></li>
<li><a href="#">ITENERARIOS</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>
CSS-Code 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: 25px;
width: 100px;
padding: 17px 0 0 0;
font-size: 14px;
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 */