En esta ocacion no tenia planeado subir un tuto pero.. pero lo hice de todos modos porque me gusta mucho este menú, y en el diseño anterior que tenia planeado hacer iba a ponerlo pero luego me gusto mucho mas este que tengo yo para el diseño, ahora estoy tratando de creear un nuevo modelo para el blog, y también haré una entrada de como hacer un blog completo ( o parecido al mio) porque el mio todavia no lo es haha. y hare una plantilla de bienvenida porque me divierto haciendo esas cosillas
Muy bien aqui la vista previa de lo que seria el menu, tambien quiero decir que al pasar el cursor por el menu tiene un efecto como de " brillo " por asi decirlo
disculpen me falto una c en contacto D: |
para empezar si quieren poner la fuente que es la original del menu deben hacer lo siguiente o sino pueden saltear este paso, no afectara en nada el menu
para poner la fuente nos vamos a
una ves alli damos click en el cuadro donde estan todos los codigos y apretamos CTRL + F y buscamos <head> una ves que lo encontramos pegamos debajo de eso el siguiente codigo:
<link href='http://fonts.googleapis.com/css?family=play' rel='stylesheet' type='text/css'/>
.glow {
float:center;
}
.glow a {
color: #fff;
margin-left: 8px;
font: 26px play;
-webkit-transition-duration: .90s
}
.glow a:hover {
text-shadow: 0 0 0.2em #fff;
}
Una ves pegados esos dos codigos le damos guardar y nos vamos a diseño/añadir gadget html
y añadimos este codigo:
<div class="glow">
<a href="URL">link 1</a>
<a href="URL">link 2</a>
<a href="URL">link 3</a>
</div>
Es hermoso ese menu,lo vi varias veces,pero nunca su tutorial!Gracias por compartirlo!^^
ResponderEliminarBuen fin de Semana!
LARITA
todocreadoparati.blogspot.com
Ahh me alegra que te guste ami tambien me encanto lo tengo encaminado para el proximo diseño
ResponderEliminar