Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-11-2011, 01:24 (UTC)    
Título del mensaje: [Diseño Css] No inspiration by Buzzdungeon

Esta plantilla la cree hace un tiempo, esta hecha en css3

Vista previa


Vista previa Online
http://dl.dropbox.com/u/39668621/templates/no-inspiration.html

Descarga (sin adaptar)
http://dl.dropbox.com/u/39668621/templates/no-inspiration-by-juanfer.html.zip

Texto por encima de la pagina
Código:
<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 pagina
Código:
</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
Código:
</style>
<link rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />
<style>
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)
}


Dudas o sugerencias mandenme un mp o comenten aquí o en:
http://buzzdungeon.es.tl/no-inspiration.htm

Saludos!
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje08-11-2011, 01:43 (UTC)    
Título del mensaje: Re: [Diseño Css] No inspiration by Buzzdungeon

Esta muy pero muy bueno. :D
Mensaje08-11-2011, 01:44 (UTC)    
Título del mensaje: Me gusta

Super excelente esta muy bueno
Mensaje08-11-2011, 02:47 (UTC)    
Título del mensaje: Re: Me gusta

Gracias a los dos
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje08-11-2011, 03:16 (UTC)    
Título del mensaje: Re: Me gusta

Lindo Diseño me gusto :D !
Mensaje08-11-2011, 18:49 (UTC)    
Título del mensaje:

buen desing
______________
Votame
Click aqui
Mensaje08-11-2011, 19:05 (UTC)    
Título del mensaje:

Gracias ^^
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje08-11-2011, 23:32 (UTC)    
Título del mensaje:

Bueno el Diseño
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje08-11-2011, 23:54 (UTC)    
Título del mensaje:

Gracias
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje09-11-2011, 01:01 (UTC)    
Título del mensaje:

Pues... Si le cambiara la fuente de la letra y arreglara un poco el menu horizontal el desing estaría para un 10.
Hay que tener en cuenta que algunos navegadores no reconocen todas las propiedades de CSS3 y puede que no se vea bien en todos.

Saludos!
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group