Buzzdungeon
  no inspiration
 
No Inspiration
Nombre:
No Inspiration
Autor:
Buzzdungeon

Tags:simpleblueazulgris

Extra Contenido de tu <head>:

<link rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />

Texto sobre el diseño:

<div id="contenedor">
		<header>
		<div id="header">
			<h1>Titulo</h1>
			<ul class="menu">
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
			</ul>
		</div>
		</header>
		<article>
		<div id="principal">
			<h2>no inspiration</h2>
			<p>

Texto por debajo de la página:

</p>
		</div>
		</article>
		<footer>
		<div id="footer">
			<p>Creado por <a href="http://promocionatupagina.com">Buzzdungeon</a></p>
		</div>
		</footer>
	</div>

CSS-Code sin Style Tags:

table[height="102"] {margin:0 auto;}
li.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;} 
 
a{
	text-decoration:none;
}
html{
	height:100%;
}
body{
	background: #ededed;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#ededed 100%);
	font-family: 'Bookman Old Style', Georgia, Garamond, 'Times New Roman', Times, serif;
	background-repeat:no-repeat;
	background-attachment:fixed;
	
}
#header a, #footer a{
	color:#FFFFFF;
	text-decoration:none;
}
 
#contenedor{
	width:900px;
	margin:15px auto 15px auto;
	box-shadow:0px 3px 5px rgba(0,0,0,0.6);
	border-radius:10px;
}
#header{
	height:130px;
	width:100%;
	border-radius:10px 10px 0 0;
	box-shadow:inset 0px 0px 50px rgba(0,0,0,0.2);
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
 
	background: #8bc0c9;
	background: -moz-linear-gradient(top, #8bc0c9 0%, #73a4bc 38%, #2d77b5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bc0c9), color-stop(38%,#73a4bc), color-stop(100%,#2d77b5));
	background: -webkit-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	background: -o-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	background: -ms-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc0c9', endColorstr='#2d77b5',GradientType=0 );
	background: linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
 
}
#header h1{
	font-size:2.4em;
	font-weight:bold;
	color: black;
	text-shadow:0px 0px 7px rgba(0,0,0,0.7);
	padding:20px 0 0 20px;
	width:200px;
}
#header h1:hover{
	text-shadow:0px 0px 8px rgba(0,0,0,0.8);
}
 
#header ul.menu{
	text-align:center;
}
#header ul.menu  li{
	margin:50px 0 0 0;
	min-width:50px;
	border-left:1px solid rgba(0,0,0,0.5);
	border-right:1px solid rgba(255,255,255,0.4);
	float:left;
}
#header ul.menu li:first-child{
	border-left:none;
}
#header ul.menu li:last-child{
	border-right:none;
}
 
#principal{
	padding:5px;
	min-height:200px;
	background: #ededed;
	background: -moz-linear-gradient(left, #ededed 0%, #ffffff 50%, #ededed 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ededed), color-stop(50%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(left, #ededed 0%,#ffffff 50%,#ededed 100%);
	background: -o-linear-gradient(left, #ededed 0%,#ffffff 50%,#ededed 100%);
	background: -ms-linear-gradient(left, #ededed 0%,#ffffff 50%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 );
	background: linear-gradient(left, #ededed 0%,#ffffff 50%,#ededed 100%);
	font-family: 'arial', sans-serif;
}
#principal p{
	margin:5px 0;
}
#principal h1{
	color:#2d77b5;
	font-weight:bold;
	padding:12px 0;
	font-size:1.7em;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
#principal h2{
	color:#2d77b5;
	padding:10px 0;
	font-weight:bold;
	font-size:1.4em;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
#footer{
	height:50px;
	width:100%;
	background: #8bc0c9;
	background: -moz-linear-gradient(top, #8bc0c9 0%, #73a4bc 38%, #2d77b5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bc0c9), color-stop(38%,#73a4bc), color-stop(100%,#2d77b5));
	background: -webkit-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	background: -o-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	background: -ms-linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc0c9', endColorstr='#2d77b5',GradientType=0 );
	background: linear-gradient(top, #8bc0c9 0%,#73a4bc 38%,#2d77b5 100%);
	
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
	border-radius:0 0 10px 10px;
	box-shadow:inset 0px 0px 50px rgba(0,0,0,0.2);
}
#footer p{
	padding:17px 0 0 14px;
}
strong, b{
	font-weight:bold;
}
hr{
	border:1px solid rgba(0,0,0,0.04)
}
 
 
Hoy hubo 19 visitantes (57 clics a subpáginas)
 
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis