Crystal Blue

Plugs-Design.es.tl

webmaster ayuda: tu mejor eleccion

Título de la np

http://i26.tinypic.com/4g66hy.jpg

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 />&nbsp;
      </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 --------------*/
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=