Como ven son unos botones que parecen sacados del adobe flash u otro programa para generar botones en flash y son de mi autoria, estan construidos para ser soportados en navegadores actualizados como Firefox, Chrome, Chromium, Opera por ejemplo. Como solamente contienen html y css puede ser implementados tanto en blogger como en una página web profesional.
Para usarlos solo deben agregar un gadget html/javascript o poner directamente en la plantilla el siguiente código. Son muy faciles de personalizar, cada uno con un poquito de color puede cambiar los bacground por colores personales.
Leer más...
Para usarlos solo deben agregar un gadget html/javascript o poner directamente en la plantilla el siguiente código. Son muy faciles de personalizar, cada uno con un poquito de color puede cambiar los bacground por colores personales.
<style type="text/css">
/* Menu*/
.nav {
float:left;
text-align:center;
}
.nav ul li {
list-style: none;
}
.nav ul li a{
font-style: italic;
background:#128a16; /*Fondo del boton*/
border:4px outset #F0FFEF;
text-shadow:0px -1px 1px #222222;
box-shadow:2px 2px 5px #000000;
-moz-box-shadow:2px 2px 5px #000000;
-webkit-box-shadow:2px 2px 5px #000000;
border-radius:20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
width:150px;
padding:10px 15px;
cursor:pointer;
margin:10px auto;
text-align: center;
color: white;
text-decoration: none;
display: block;
}
.nav ul li:active{
cursor:pointer;
position:relative;
top:2px;
}
.nav ul li a:hover{
background: #55bd59;
position:relative;
top:2px;
}
</style>
<br />
<div class="nav">
<ul>
<li>
<a href="#">Principal</a>
</li>
<li>
<a href="#">Quienes Somos</a>
</li>
<li>
<a href="#">Productos</a>
</li>
<li>
<a href="#">Galeria</a>
</li>
<li>
<a href="#">Contacto</a>
</li>
</ul>
</div>
