- PLANTILLA METAMORPH CLOUDYDAY

PLANTILLA METAMORPH CLOUDYDAY

PLANTILLA METAMORPH CLOUDYDAY

POR ENCIMA DE LA PAGINA POR DEBAJO DE LA PAGINA CODIGO CSS SIN STYLE

<!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" xml:lang="de" lang="de"> <head> 		<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"  /> 				<title>  - HOME</title> 				<style type="text/css"> 			<!--
						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;}

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #06639e;
    text-decoration:underline;
}

a:hover{
    text-decoration: underline;
    color: #000000;
}

*
{
    border: 0;
    margin: 0;
}

body
{
	color: #000000;
	line-height: 20px;
	background: #7dbfd7 url(http://i.imgur.com/mMAcJ.jpg);
	background-repeat:repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#mainbg{
    width: 1016px;
    margin: 0 auto;
}

#main{
    margin: 0 auto;
    width: 1016px;
    padding-top: 10px;
}

#header{
    background: url(http://i.imgur.com/9JJ7n.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
}

#logo{
    width: 1016px;
    margin: 0 auto;
    text-align: left;
    padding-top: 100px;
    height: 100px;
}

#logo a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: italic;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
	text-transform: uppercase;
}

#logo H2 a{
    font-size: 10px;
}

#buttons{
    width: 1016px;
    height: 57px;
    margin: 0 auto;
    padding-top: 15px;
    background: url(http://i.imgur.com/3y5o3.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    width: 20%;
    height: 37px;
    padding-top: 19px;
    margin-top: 1px;
}

#buttons a:hover, .active{
   background: url(http://i.imgur.com/LR8iA.png);
   background-repeat: no-repeat;
   background-position: center;
}

#content{

}

#left{
    width:249px;
    padding-left: 1px;
    float: left;
}

#left h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(http://i.imgur.com/Nji52.png);
    background-repeat:no-repeat;
    background-position:top left;
}

#left .company{
    padding-top: 10px;
}

.numleft{
    background: url(http://i.imgur.com/hIQk0.png);
    background-repeat: no-repeat;
    background-position: left top;
    float:left;
    width: 37px;
    min-height: 37px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: 0px 8px 0px 8px;
}

.numleft p{
    padding-top: 10px;
}

.newsright{
    padding-left: 53px;
    padding-right: 10px;
}

#left .read a{
    color: #06639e;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    text-decoration:none;
    border-bottom: 1px dotted #06639e;
    margin-right: 10px;
}

.left_grad{
    background: url(http://i.imgur.com/APNPz.png) no-repeat;
    background-position: top left;
    min-height: 220px;
}

.left_bg{
    background: url(http://i.imgur.com/mRCUI.png) repeat-y;
    background-position:left;
}

.left_bot{
    background: url(http://i.imgur.com/OQSYL.png) repeat-y;
    background-position:left top;
    height: 5px;
    margin-bottom: 10px;
}

#center{
    width: 547px;
    padding-left: 10px;
    float: left;
}

#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}

.text{
    padding: 10px;
    background: #ffffff url(http://i.imgur.com/37nlH.png);
    background-position: bottom;
    background-repeat: repeat-x;
    min-height: 64px;
}

#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #00456e;
    font-size: 16px;
    height: 36px;
    width: 537px;
    padding-top: 10px;
    padding-left: 10px;
    background: url(http://i.imgur.com/8rUnR.png);
    background-repeat:no-repeat;
    background-position: top;
}

.read{
    text-align: right;
    padding-bottom:5px;
    padding-right: 5px;
}

#center .read{
    height: 26px;
    padding-top: 3px;
    background: url(http://i.imgur.com/HSN6u.png);
    background-repeat: no-repeat;
    background-position: top;
}

#center .read a{
    color: #ffffff;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    padding-right: 15px;
    text-decoration:none;

}

.read a:hover{
    text-decoration:underline;
}

#right{
    width:198px;
    padding-right: 1px;
    float:right;
}

#right h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(http://i.imgur.com/G31xQ.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.right_grad{
    background: url(http://i.imgur.com/jW9Hy.png) no-repeat;
    background-position: top left;
    min-height: 206px;
}

.right_bg{
    background: url(http://i.imgur.com/WpG3J.png) repeat-y;
    background-position:left;
}

.right_bot{
    background: url(http://i.imgur.com/sNamA.png) repeat-y;
    background-position:left top;
    height: 4px;
    margin-bottom: 10px;
}

.categories{

}

.categories a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.categories ul{
    padding-left: 5px;
    padding-right: 5px;
}

.categories ul li{
    list-style: none;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px dotted #979797;
}

.recent a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.recent ul{
    padding-left: 10px;
    padding-right: 10px;
}

.recent ul li{
    list-style: none;
    padding: 3px 5px 3px 13px;
    background: url(http://i.imgur.com/MN9g0.png);
    background-repeat: no-repeat;
    background-position: 0px 11px;
}

#footer
{
    height: 40px;
    font-size: 10px;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
    clear:both;
    background: url(http://i.imgur.com/kIVPO.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 1px;
    padding-bottom: 5px;
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;
}

//--> 		        </style> </head> <body id="hpb_cssonly"> </head>       <body>         <div id="mainbg">                          <div id="header">                  <div id="logo">                     <a href="#" _fcksavedurl="#">marianosky</a>                     <h2> </h2>                 </div>                  <div id="buttons">                     <ul>                         <li><a href="#" _fcksavedurl="#" title="" class="active">Home</a></li>                          <li><a href="#" _fcksavedurl="#" title="">Blog</a></li>                         <li><a href="#" _fcksavedurl="#" title="">Gallery</a></li>                         <li><a href="#" _fcksavedurl="#" title="">About Us</a></li>                          <li><a href="#" _fcksavedurl="#" title="">Contact Us</a></li>                     </ul>                 </div>                                                    <div id="main">                     <div id="content">                         <div id="right">                              <h2>Archives</h2>                             <div class="right_bg">                                  <div class="right_grad">                                     <div class="categories">                                         <ul>                                             <li><a href="#" _fcksavedurl="#">Etiam sit amet nibh</a></li>                                             <li><a href="#" _fcksavedurl="#">Aenean laoreet arcu a lorem</a></li>                                              <li><a href="#" _fcksavedurl="#">Fusce eu lectus diam</a></li>                                             <li><a href="#" _fcksavedurl="#">Sed at nisi eu tellus</a></li>                                              <li><a href="#" _fcksavedurl="#">Vestibulum non justo ac justo</a></li>                                             <li><a href="#" _fcksavedurl="#">Duis ullamcorper purus</a></li>                                             <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li>                                         </ul>                                      </div>                                 </div>                             </div>                              <div class="right_bot"></div>                              <h2>Recent Posts</h2>                             <div class="right_bg">                                 <div class="right_grad">                                     <div class="recent">                                          <ul>                                             <li><a href="#" _fcksavedurl="#">Quisque laoreet varius nunc. Phasellus ligula neque, feugiat eu lacinia vel</a></li>                                              <li><a href="#" _fcksavedurl="#">Ut volutpat vehicula dolor at mollis.</a></li>                                             <li><a href="#" _fcksavedurl="#">Quisque dolor nibh, vehicula et varius et, mollis vel tortor. </a></li>                                             <li><a href="#" _fcksavedurl="#">Sed vulputate felis ac ligula feugiat aliquet in sed lectus.</a></li>                                             <li><a href="#" _fcksavedurl="#">Quisque laoreet varius nunc</a></li>                                              <li><a href="#" _fcksavedurl="#">Etiam sit amet mi orci, in venenatis ante. Sed vitae massa eget arcu egestas convallis.</a></li>                                         </ul>                                      </div>                                 </div>                             </div>                             <div class="right_bot"></div>                         </div>                          <div id="left">                              <h2>Categories</h2>                              <div class="left_bg">                                 <div class="left_grad">                                     <div class="categories">                                         <ul>                                             <li><a href="#" _fcksavedurl="#">Etiam sit amet nibh</a></li>                                             <li><a href="#" _fcksavedurl="#">Aenean laoreet arcu a lorem</a></li>                                              <li><a href="#" _fcksavedurl="#">Fusce eu lectus diam</a></li>                                              <li><a href="#" _fcksavedurl="#">Sed at nisi eu tellus</a></li>                                             <li><a href="#" _fcksavedurl="#">Vestibulum non justo ac justo</a></li>                                             <li><a href="#" _fcksavedurl="#">Duis ullamcorper purus</a></li>                                             <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li>                                         </ul>                                      </div>                                  </div>                             </div>                              <div class="left_bot"></div>                              <h2>Company News</h2>                             <div class="left_bg">                                 <div class="left_grad">                                      <div class="company">                                          <div class="numleft"><p>12</p></div>                                         <div class="newsright"><a href="#" _fcksavedurl="#">Friday, June 12, 2010</a>                                             <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>                                         </div>                                         <div class="read"><a href="#" _fcksavedurl="#">read more</a></div>                                          <div style="clear: both"></div>                                      </div>                                     <div class="company">                                         <div class="numleft"><p>13</p></div>                                         <div class="newsright"><a href="#" _fcksavedurl="#">Saturday, June 13, 2010</a>                                             <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>                                         </div>                                          <div class="read"><a href="#" _fcksavedurl="#">read more</a></div>                                          <div style="clear: both"></div>                                      </div>                                  </div>                             </div>                             <div class="left_bot"></div>                         </div>                          <div id="center">

<div id="container"> 			<div id="header_container"> 				<div id="pre_header"></div> 				<div class="header"><h1 id="header"><span> </span></h1></div> 				<div id="post_header"></div> 			</div>  			<div id="nav_container"> 			<h2 id="nav_heading"><span></span></h2> 				<ul id="nav"> 					<li class="nav_element checked_menu" id="nav_HOME"> <a href="/HOME.htm" _fcksavedurl="/HOME.htm" class="menu"><span><b><font color=#F0CC18>HOME</font></b></span></a></li> 					<li class="nav_element" id="nav_FUTBOLENVIVO"> <a href="/FUTBOL-EN-VIVO.htm" _fcksavedurl="/FUTBOL-EN-VIVO.htm" class="menu"><span>FUTBOL EN VIVO</span></a></li> 					<li class="nav_element" id="nav_PAGINA2"> <a href="/PAGINA-2.htm" _fcksavedurl="/PAGINA-2.htm" class="menu"><span>PAGINA 2</span></a></li>  					<li class="nav_element" id="nav_PAGINA3"> <a href="/PAGINA-3.htm" _fcksavedurl="/PAGINA-3.htm" class="menu"><span>PAGINA 3</span></a></li> 				</ul> 			</div> 			<div id="content_container"> 				<div id="pre_content"></div> 				<div id="counter"><span></span></div> 				<div id="post_content"></div> 								<div id="sidebar_container"> 					<h2 id="sidebar_heading"><span></span></h2> 					<div id="sidebar_content"></div> 				</div> 			</div>  		</div> 		                       </div>                             <div class="read"><a href="#" _fcksavedurl="#"></a></div>                                                </div><div style="clear: both"></div>               </div>                                                                <div id="footer">                          <p>Copyright  2010. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>  	<p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a> for <a href="http://www.flashtemplatesdesign.com/" _fcksavedurl="http://www.flashtemplatesdesign.com/" title="Free Flash Templates">Free Flash Templates</a>  		</p>                      </div>                                </div> </div>         </div> <div style="text-align: center; font-size: 0.75em;">Diseño descargado desde <a href="http://www.misplantillas.com/" _fcksavedurl="http://www.misplantillas.com/">plantillas web gratis y profesionales</a>.</div></body> </html>

PLANTILLA METAMORPH CLOUDYDAY

marianosky7

Home