Discover Top Posts Tagged with #tutorial menu

*My phone camera doesn't like focusing on the TV screen.*

The Hydra rifle is pretty~! It's funny; first, I thought the Cerberus handgun looked cool because it's triple-barreled, then I discovered Chaos in this game years ago and thought the Death Penalty gun was cool, and now I'm like, "Ooh~! Hydra's preeeeetttyyyy~! ☆_☆"

#final fantasy vii #dirge of cerberus #vincent valentine #cerberus handgun #hydra rifle #griffon machine gun #tutorial menu #game storyline #ps2 games #2006 games

It may look simple, but creating menus like this are difficult since I have to use math to position and size the buttons. Keyboard controls are also much harder than mouse controls!

- G

#pokemon #pokemon roll #tutorial menu

Menu JQuery

Olá, o tutorial de hoje vai ser de um menu em Jquery, com um efeito muito bacana.

Preview menu

Vamos começar:

1° Antes de mais nada, SALVE um copia do html do seu theme caso algo de errado aconteça.

2° Vá no Tumblr—> Customize appearance—> ADVANCED—> e cole o código CSS do menu em 'ADD CUSTOM CSS'

3° Depois vá em Customize appearance—> e colo o código Jaquey imediatamente Antes de </head>

4° Agora só e colar o código Html do menu entre <body>...</body> mais coloque o código aonde você quiser que o menu fique.

5° Pronto! =D . Agora você pode mudar a fonte a cor e o tamanho do menu, a vontade .

Código CSS

/**Menu Jquery por Davi Augusto - Best Of Themes**/ .menu { font:21px Shadows Into Light Two; text-align:center; list-style: none; position: relative; margin: 0; top:250px; padding: 0; float:right;} .menu a{color:#000000} .menu:hover a{color:#000000} .menu li{ width: 100px; display: block; overflow: hidden; padding-top: 30px; padding-bottom: 30px; } #menu_1 { background-color: #53b388; } #menu_1:hover { background-color:#8AF2A9; } #menu_2 { background-color: #5a69a9; } #menu_2:hover { background-color:#8B93D8; } #menu_3 { background-color: #c26468; } #menu_3:hover { background-color:#EB8385 } #menu_4 { background-color: #bf7cc7; } #menu_4:hover { background-color:#F5B8F4; } #menu_5 { background-color:#C69604; } #menu_5:hover { background-color:#F8D549; } #menu_6 { background-color:#99CC00; } #menu_6:hover { background-color:#D9FC70; } ul li {color:#000000; font-weight:bold; }

Código HTML

<ul class="menu" > <li id="menu_1"><a href="Link1">Link1</a></li> <li id="menu_2"><a href="Link2">Link2</a></li> <li id="menu_3"><a href="Link3">Link3</a></li> <li id="menu_4"><a href="Link4">Link4</a></li> <li id="menu_5"><a href="Link5">Link5</a></li> </ul>

Código JQUERY

Tutorial por Davi, se usar credite.