{ Tutorial } Menú

Jelou bue hoy les traigo un menú muy lindo y pues nada,si utilizas algo del blog recuerda dar créditos,arigato n.n

PLANTILLAS BLOGGER

About Home Tutorials Credits

No es nada fuera de lo común para variar,parece bastante darks pero ya va cambiando la cosa cuando le cambias el color xdd.
Ponemos este código antes de ]]></b:skin>
Plantilla  Editar HtmlPresiona CTR+F y busca ]]></b:skin>

} .navigator { position:fixed; top:109px; left:625px; font-size:5px; text-align:center; } .navi { padding:2px; font-size:10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background:#000000; display: inline-block; -webkit-transition:0.5s; transition:0.5s; } .navi:hover, .navi_active { background:#FFF; color:#FF97CB; -webkit-transition:0.5s; transition:0.5s;

Editamos:

Color de fondo del menú.
Color de fondo del menú al pasar el cursor.
Color del link al pasar el cursor.

 Y este código en html/javascript.

Diseño  Añadir un gadgetHTML/JAVASCRIPT

<center> <a class="navi" href="https://www.blogger.com/null" onclick="document.getElementById('content').innerHTML=document.getElementById('').innerHTML" title="About">About</a> <a class="navi" href="https://www.blogger.com/null" onclick="document.getElementById('content').innerHTML=document.getElementById('').innerHTML" title="Posts">Home</a> <a class="navi" href="https://www.blogger.com/null" onclick="document.getElementById('content').innerHTML=document.getElementById('').innerHTML" title="Linkies">Tutorials</a> <a class="navi" href="https://www.blogger.com/null" onclick="document.getElementById('content').innerHTML=document.getElementById('').innerHTML" title="Credits">Credits</a></center>

Url de la página
Nombre de menú
Nombre tooltip

Eso es todo por hoy,nos vemos en la próxima entrada,bai