webmaster ayuda: tu mejor eleccion
Título de la np
CODIGO POR ENCIMA DE LA PAGINA:
<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}
--></style>
</head>
<body>
<div id="templatemo_container_wrapper">
<div id="templatemo_container">
<div id="templatemo_top">
<a href="#">Home</a> | <a href="#"> Contact Us</a>
</div>
<div id="templatemo_header">
<div id="templatemo_site_title">MUSIC<span>TEMPLATE</span></div>
<div id="templatemo_site_slogan">Your slogan text goes here</div>
</div>
<div id="templatemo_menuleft"></div>
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Albums</a></li>
<li><a href="#">Artists</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="templatemo_content">
<div id="templatemo_left_column">
<div class="templatemo_section2">
<h1>Search</h1>
<form id="form1" name="form1" method="post" action="#">
<input name="search_text" type="text" id="search_text" />
<input class="button" type="submit" name="Submit" value="Search" />
</form>
</div>
<div class="templatemo_section2">
<h1>Links</h1>
<a href="#">Text Link One</a><br />
<a href="#">Cool Website Two</a><br />
<a href="#">Text Link Three</a><br />
<a href="http://www.flashmo.com" target="_parent">Flash Templates</a><br />
<a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a><br />
</div>
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a><br />
</div>
<div id="templatemo_right_column">
<h1>Welcome to our music corner</h1>
CÓDIGO POR DEBAJO DE LA PÁGINA
</div>
</div>
</div>
</div>
<div id="templatemo_footer">
<a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Prices</a> | <a href="#">Member</a> | <a href="#">Contact Us</a><br />
Copyright © 2008 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a>
</div>
</div>
</div>
</body>
</html>
CÓDIGO EN CSS SIN STYLE 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;}
body {
margin:0;
padding:0;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: #2b1e1e;
}
a:link, a:visited { color: #ffffff; text-decoration: none; }
a:active, a:hover { color: #ffffff; text-decoration: underline; }
h1 {
margin:0px 0px 10px 0px;
padding-bottom: 8px;
font-weight: bold;
font-size: 14px;
color:#FFFFFF;
border-bottom: solid 1px #FF0000;
}
h2 {
padding: 5px 0px 5px 10px;
margin: 0px;
font-weight: bold;
font-size:12px;
color: #FFFFFF;
background: url(http://img23.xooimage.com/files/c/c/2/templatemo_h2_background-123fccc.gif) repeat-x;
border: 1px solid #000000;
}
h3 {
margin: 0px;
padding: 2px 0px 2px 10px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
.text_area {
text-align: justify;
}
img {
margin: 10px 10px 0px 10px;
float:left;
border: 2px solid #FFFFFF;
}
#templatemo_container_wrapper {
background: url(http://img23.xooimage.com/files/a/c/a/templatemo_main_background-123fccd.gif) repeat-x;
}
#templatemo_container {
margin: 0px auto;
width: 810px;
}
#templatemo_top{
float: left;
margin-left: -10px;
padding: 19px 0px 10px 0px;
text-align: right;
width: 810px;
}
#templatemo_header {
clear: left;
margin-bottom:5px;
width: 810px;
height: 235px;
background: url(http://img3.xooimage.com/files/6/3/c/templatemo_header_background-1066bd1.jpg) no-repeat;
}
#templatemo_site_title {
padding-top: 120px;
padding-left: 50px;
font-size: 35px;
color: #2b1e1e;
}
#templatemo_site_title span {
font-weight: bold;
color: #c32929;
}
#templatemo_site_slogan {
padding-top: 10px;
padding-left: 200px;
font-size: 12px;
color: #2b1e1e;
}
/*------------- Menu ------------------*/
#templatemo_menuleft {
float: left;
height: 41px;
width: 20px;
background: #FF0000 url(http://img25.xooimage.com/files/6/d/8/templatemo_menu_leftborder-123fcd1.gif) no-repeat;
}
#templatemo_menu{
float: left;
margin-top: 0px;
padding: 0px;
width: 790px;
height: 41px;
background: #FF0000 url(http://img45.xooimage.com/files/8/1/b/templatemo_menu_background-123fcd2.gif) right no-repeat;
}
#templatemo_menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#templatemo_menu ul li{
display: inline;
}
#templatemo_menu ul li a{
float: left;
padding: 11px 1px;
width: 127px;
font: 16px arial;
text-align: center;
text-decoration: none;
color: #1e1717;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul li .current{
color: #ffffff;
text-decoration: none;
background: url(http://img43.xooimage.com/files/8/2/5/templatemo_mousehover-123fcd8.gif) repeat-x;
}
/*---------- end of menu -------------*/
/* ----------------- Content ----------------------- */
#templatemo_content {
float: left;
width: 810px;
background: url(http://img21.xooimage.com/files/4/0/2/tempaltemo_conten...ckground-123fcdb.gif) repeat-y;
}
#templatemo_left_column {
float: left;
padding: 20px;
width: 200px;
min-height: 420px;
background: url(http://img43.xooimage.com/files/3/c/0/templatemo_leftcolumn_border-123fce2.gif) right center no-repeat;
}
#templatemo_right_column {
float: right;
width: 530px;
padding: 20px;
padding-left: 0px;
min-height: 420px;
}
#templatemo_content_bottom {
clear: left;
margin: 0px;
padding: 0px;
width: 810px;
height: 5px;
background: url(http://img25.xooimage.com/files/1/3/8/tempaltemo_content_bottom-123fce4.gif) no-repeat;
}
/*------------ end of content ------------*/
.news_section {
float: left;
padding: 0px;
width: 300px;
margin-right: 15px;
background: #1e1717;
}
.news_section p {
margin: 0px;
padding: 0px 0px 5px 10px;
font-size: 11px;
}
.promotion_section {
float: left;
margin: 0px;
padding: 0px;
width:200px;
background: #1e1717;
}
.promotion_section p{
margin: 0px;
padding: 5px 5px 5px 10px;
font-size: 11px;
}
.more{
padding: 0px 10px 10px 0px;
text-align: right;
font-size: 11px;
font-weight: bold;
}
.templatemo_section2 {
margin-bottom: 10px;
padding: 10px;
border: #000000 solid 1px;
background: #1e1717;
}
.templatemo_section2 a {
padding-left: 20px;
color: #c32929;
line-height: 25px;
text-decoration: none;
background: url(http://img49.xooimage.com/files/7/8/9/templatemo_list_icon-123fce6.gif) center left no-repeat;
}
.templatemo_section2 a:hover {
color: #ff0000;
text-decoration: none;
}
/* search form */
form {
padding: 0 0 6px 8px;
}
.button {
margin-top: 10px;
padding: 1px 5px;
border: none;
color: #FFFFFF;
background: url(http://img23.xooimage.com/files/b/c/c/templatemo_button_background-123fce9.gif) repeat-x;
}
/* ----------- */
/* -------- Footer --------- */
#templatemo_footer {
clear: left;
padding: 10px;
height: 62px;
color: #c32929;
line-height: 24px;
text-align: center;
}
#templatemo_footer a {
color: #c32929;
text-decoration: none;
}
#templatemo_footer a:hover {
color: #ff0000;
}
/* --------- end of footer --------------*/