- PLANTILLA METAMORPH INNERLIGHT

PLANTILLA METAMORPH INNERLIGHT

PLANTILLA METAMORPH INNERLIGHT

POR ENCIMA DE LA PAGINA POR DEBAJO DE LA PAGINA CODIGO C 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
*/

* 
{
margin: 0px;
padding: 0px;
}

body {
	background: #EEF4F7 url(http://i.imgur.com/c6UzU.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

input, textarea {
	background: #A4E4F5;
	border: 1px solid #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

a {
	color: #1D74A6;
}

a:hover {
	text-decoration: none;
	color: #1D74A6;
}

hr {
	display: none;
}

#main
{
width: 1041px;
margin: 0 auto;
background: #EEF4F7 url(http://i.imgur.com/yhsYN.jpg) no-repeat top;
}

#inner
{
width: 915px;
margin: 0 auto;
}

/* Header */

#header {
	height: 200px;
	width: 915px;
}

#logo {
width: 915px;
height: 184px;
}

#logo h1, #logo p {
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 47px 0 0 20px;
	font-size: 24px;
	color: #ffffff;
}
#logo h2 {
	padding: 10px 0 0 20px;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
}

#logo a {
	text-decoration: none;
	color: #ffffff;
}

#menu {
height: 32px;
background: url(http://i.imgur.com/rhZPy.png) no-repeat;
width: 800px;
padding-left: 115px;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 140px;
	height: 26px;
	text-decoration: none;
	text-align: center;
	padding-top: 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;

}

#menu a:hover {
	background: url(http://i.imgur.com/t43SA.gif) repeat-x;
}

/* Page */

#page {
	width: 915px;
	margin: 0 auto;
	margin-top: 12px;
}

/* Content */

#content {
	float: left;
	width: 497px;
	margin-left: 5px;
}

#content .post ul, #content .post ol
{
margin-left: 30px;
}

#content .top
{
width: 497px;
background: url(http://i.imgur.com/rA4YO.png) no-repeat;
height: 13px;
}

#content .middle_back
{
width: 477px;
background: #ffffff;
padding: 10px;
}

#content .bottom
{
width: 497px;
background: url(http://i.imgur.com/s5YK1.png) no-repeat;
height: 9px;
margin-bottom: 6px;
}

.post {
	margin-bottom: 15px;
	color: #000000;
	margin-top: 10px;
}

.post a {
	color: #0A6894;
}

.post a:hover {
	color: #0A6894;
}

.post H2
{
color: #0A6894;
font-size: 14px;
font-weight: bold
}

/* Sidebars */

.sidebar {
	float: left;
	width: 202px;
	margin-top: auto;

color: #000000;

}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.sidebar li {
	padding: 4px 0 4px 20px;
}

.sidebar a {
	text-decoration: none;
	color: #0A6894;
	font-size: 11px;
}
.sidebar a:hover {
	color: #0A6894;
	text-decoration: underline;
}

.sidebar h2 {
	padding-top: 5px;
	color: #FFFFFF;
	background: url(http://i.imgur.com/aNAyn.png) no-repeat;
	height: 23px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}

.bottom_small
{
height: 11px;
background: url(http://i.imgur.com/H2wCk.png) no-repeat;
width: 202px;
margin-bottom: 6px;
}

/* Left Sidebar */

#leftbar {

}

/* Right Sidebar */

#rightbar {
margin-left: 5px;
}

#leftbar .back, #rightbar .back
{
background: #ffffff url(http://i.imgur.com/wMQSE.png) no-repeat;
padding: 10px;

}

/* Calendar */

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {

}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}

/* Footer */

#footer {
	clear: both;
	padding-top: 20px;
	height: 62px;
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #0A6894;
}

#footer a {
	color: #0A6894;
}			//--> 		        </style> </head> 	<body id="hpb_cssonly"> 	</head> <body> <div id="main"> <div id="inner">  <div id="header">   <div id="logo"> 	<h1>marianosky</h1> 	<h2> </h2>   </div>   <div id="menu"> 	  <ul> 	   <li><a href="#" _fcksavedurl="#">Home</a></li> 	   <li><a href="#" _fcksavedurl="#">Products</a></li> 	   <li><a href="#" _fcksavedurl="#">Support</a></li> 	   <li><a href="#" _fcksavedurl="#">About</a></li> 	   <li><a href="#" _fcksavedurl="#">Contact</a></li>    	  </ul> </div>   </div>   <div id="page"> 	 	<div id="leftbar" class="sidebar"> 			<h2>Categories</h2> 			 <div class="back">  				<ul> 					<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 					<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> 					<li><a href="#" _fcksavedurl="#">Urnanet non semper</a></li> 					<li><a href="#" _fcksavedurl="#">Proin porttitor</a></li> 				</ul> 		</div> 				<div class="bottom_small"></div> 				<h2>Archives</h2> 				<div class="back"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 					<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> 					<li><a href="#" _fcksavedurl="#">Metus aliquam</a></li> 					<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> 				  </ul> 				</div> 			<div class="bottom_small"></div> 			<div id="leftbar" class="sidebar"> 			<h2>Categories</h2> 			 <div class="back">  				<ul> 					<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 					<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> 					<li><a href="#" _fcksavedurl="#">Urnanet non semper</a></li> 					<li><a href="#" _fcksavedurl="#">Proin porttitor</a></li> 				</ul> 		</div> 				<div class="bottom_small"></div> 				<h2>Archives</h2> 				<div class="back"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 					<li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> 					<li><a href="#" _fcksavedurl="#">Metus aliquam</a></li> 					<li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> 				  </ul> 				</div> 			<div class="bottom_small"></div> 	  </div> 	  </div> 	 	 	<div id="content"> 		<div class="post"> 		     <div class="top"></div> 			 <div class="middle_back">

</p>                <p> </p>                <p> </p>                <p> </p>                <p> </p>                <p> </p>                <p> </p>              </div> 			 <div class="bottom"></div> 				   		</div> 	</div> 	 	 	<div id="rightbar" class="sidebar"> 				<h2>Tags</h2> 				<div class="back"> 				<a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a> <a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a>  			   </div> 			   <div class="bottom_small"></div> 				<h2>Recent Posts</h2> 				 <div class="back"> 				<ul> 					<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 					<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 					<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 					<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 				</ul> 				</div> 				<div class="bottom_small"></div> 				<h2>Calendar</h2> 		<div class="back"></div> 				  <div class="bottom_small"></div> 	</div> 	 	<div style="clear: both;"> </div> </div>   </div> <div id="footer">    <p>Copyright © 2009. <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><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Website Design</a> by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> </div> </div> </body> </html>

PLANTILLA METAMORPH INNERLIGHT

marianosky7

Home