Menu Serk

Hello Butterfiles { muy buenas } como estan? espero que muy bien.
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 plantilla/ editar html
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'/>

luego de eso buscamos  ]]></b:skin> y pegamos encima de ese codigo el siguiente:

.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:
tag: donde dice link1,link2,lin3 va el nombre de la seccion y donde dice url pues la direccion 

<div class="glow">
<a href="URL">link 1</a>
<a href="URL">link 2</a>
<a href="URL">link 3</a>
</div>

y listo ~ 

2 comentarios:

  1. Es hermoso ese menu,lo vi varias veces,pero nunca su tutorial!Gracias por compartirlo!^^

    Buen fin de Semana!

    LARITA

    todocreadoparati.blogspot.com

    ResponderEliminar
  2. Ahh me alegra que te guste ami tambien me encanto lo tengo encaminado para el proximo diseño

    ResponderEliminar

- No de spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog
- Deja tu hermosa firma
Aqui algunos Emoji que puedes usar:
(ノ◕ヮ◕)ノ*:・゚✧ (=ω=;) (◕‿-) (✿ ♥‿♥) (づ。◕‿‿◕。)づ (•⊙ω⊙•)