Buzzdungeon
  pro template
 
Pro Template
Nombre:
Pro Template
Autor:
Buzzdungeon
Adaptada por:
Buzzdungeon

Tags: bootstrap gris pro template

!Enlaza esta plantilla!

URL
HTML
BBcode

Texto por encima de la pagina

<div class="topbar"> 
   <div class="fill"> 
      <div class="container"> 
         <a class="brand" href="http://www.promocionatupagina.com">Titulo</a> 
         <ul class="nav"> 
            <li class="active"><a href="http://www.promocionatupagina.com">Home</a></li> 
            <li><a href="#">Link</a></li> 
            <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> 
   </div> 
   </div> 
       
   <div class="container"> 
   <div class="row"> 
      <div class="span16" id="contenedor"> 
         <div class="row"> 
            <div class="span16" id="header"> 
               <h1 id="titulo">Titulo</h1> 
               <h3>Slogan</h3> 
            </div> 
         </div> 
         <div class="row"> 
            <div class="span11" id="contenido"> 
            <h2>pro template</h2> 
<p>

Texto por debajo de la pagina

</p> 
         </div> 
         <div class="span4" id="sidebar"> 
            <ul class="media-grid"> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
               <li><a href="#"><img src="http://placehold.it/50x50" alt="" class="thumbnail" /></a></li> 
            </ul> 
            <hr /> 
            <ul> 
               <li><a href="#">Link</a></li> 
               <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> 
            <hr /> 
             
            Algun texto aqui <img src="http://theme.webme.com/smiles/wink.gif" border="0"> 

            Template por <a target="_BLANK" href="http://buzzdungeon.es.tl" >Buzzdungeon</a> 
             
         </div> 
      </div> 
   </div> 
</div> 
</div>

Css sin style tags

</style> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css"> 
<style> 
html, body{ 
   background: #eee repeat; 
   margin:0 0 30px 0; 
} 
#header{ 
   min-height:50px; 
   border-bottom:1px solid #dddddd; 
   background:#f5f5f5; 
   -webkit-border-radius:3px 3px 0 0; 
   -khtml-border-radius:3px 3px 0 0; 
   -moz-border-radius:3px 3px 0 0; 
   border-radius:3px 3px 0 0; 
} 
h1{ 
   padding:5px 0 0 5px; 
   margin:0; 
} 
h2{ 
   padding:5px 0 0 5px; 
   margin:0; 
} 
h3{ 
   padding:5px 0 0 5px; 
   margin:-5px 0 0 0; 
} 
#contenedor{ 
   background:#fff; 
   border:1px solid #dddddd; 
   -webkit-border-radius: 3px; 
   -khtml-border-radius: 3px; 
   -moz-border-radius: 3px; 
   border-radius: 3px; 
   box-shadow:0 3px 5px gray; 
} 
.span11, .span4{ 
   min-height:200px; 
} 
#contenido{ 
   padding:0 10px; 
} 
#sidebar{ 
   padding:8px; 
   margin:8px 0 8px 0; 
   border-left:1px solid #e8e8e8; 
} 
#sidebar hr{ 
   width:270px; 
} 
.media-grid{ 
   margin:0 auto; 
   width:300px; 
} 
button, input[type="submit"]{ 
   color:#ffffff; 
   background-color:#0064cd; 
   background-repeat:repeat-x; 
   background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); 
   background-image:-moz-linear-gradient(top, #049cdb, #0064cd); 
   background-image:-ms-linear-gradient(top, #049cdb, #0064cd); 
   background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); 
   background-image:-webkit-linear-gradient(top, #049cdb, #0064cd); 
   background-image:-o-linear-gradient(top, #049cdb, #0064cd); 
   background-image:linear-gradient(top, #049cdb, #0064cd); 
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); 
   text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); 
   border-color:#0064cd #0064cd #003f81; 
   border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
   margin:5px 0 0 0; 
} 
table[height="102"]{ 
   margin:40px auto -10px auto; 
   width:700px; 
} 
table,  table th + th, table td + td, table tr + tr td{ 
   border: 0; 
} 
#pre_header {display: none;} 
#post_header {display: none;} 
#header_container {display: none;} 
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#title {display: none;} 
#nav_container {display:none;} 
 
 
Hoy hubo 23 visitantes (51 clics a subpáginas)
 
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis