∞ Sugoi Tutoriais

          Olá Pessoal^^ Tudo bem com vocês? No post de hoje eu irei ensinar a colocar um menu super básico que esta sendo muito usado ultimamente, sabe aquele menu que quando você desce a pagina e o menu desce no Topo também? Então e esse menu que irei ensinar a vocês pra colocar no seu blog^^. Confira o tutorial a baixo:

Oi gente, mais um tutorial que foi pedido. Esse menu é bem simples. Confira o resultado e o tutorial para blogger e Wordpress.

Oi gente! Mais um tutorial que foi pedido na ask que conseguimos fazer, esse menu na verdade é do site Gmarwaha , e esse será uma versão adaptada para vocês, então sem duvida nenhuma créditos para eles.Veja o resultado abaixo e confira o tutorial clicando em Mais Informações . Resultado

Oi gente! esse tutorial eu montei em cima de dois outros tutoriais um é de blog So Kawai, nosso parceiro, e outro é do Tympanus/Crodops um site de tutoriais muito bom. Confira o resultado e o tutorial abaixo: RESULTADO.

Oi gente, como pediram na Ask, eu procurei e achei no blog Mundo Blogger um tutorial fácil então confiram: RESULTADO

{leiam o livro A Seleção e A Elite} Oi gente, bom esse menu eu editei com a inspiração no site Mcyrus.com o porque da inspiração é só a borda, lá você vê que o header tem uma borda então eu editei o menu confiram o resultado e cliquem em Mais Informações para ver o tutorial: Nome Nome Nome Nome

Oi gente, como pediram na Ask. como fazer uma agenda personalizada, achei melhor fazer um "Menu Agenda" que é mais fácil para explicar. Para esse tutorial eu usei um menu do Tumblr Single Themes e o modifiquei {já postei aqui confiram}: Ver Resultado

Oi gente, bom como pediram na ask para postar como faz o menu do Sugoi Design que é muito fácil confiram :

Oi gente , bom esse menu está sendo usado por bastante gente certo ! e então eu decidi postar aqui como faz para usar ele no blogger os códigos é do site Handy Html confiram :   MEU RESULTADO

Esse tutorial pediram no Aks, e eu decidi postar também é bem simples esse menu é mesmo do tutorial de menu hover no blogger confiram: 1 - Vá em Aparência > Editar Modelo > Style.css e cole esse código : menu { font-family: Verdana; letter-spacing: 2px; font-size: 10px; line-height: 13px; display: inline-block; background:#F3F3F3; color:#000; width: auto; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-bottom: 2px solid #FF99CC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } menu:hover { font-family:Verdana; letter-spacing: 2px; font-size: 10px; line-height: 13px; display: inline-block; background: #000; color:#fff; width: auto; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-bottom: 5px solid #00CCFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } 2 - E para usar vá em header.php e cole esse código : <a href="LINK" title=...

Oi gente , eu achei um tutorial bem legal de menu cortina no blog do Eduardo Matos e decidir passar ele para blogger ele é bem simples ~ prévia aqui ~ confiram o tutorial:

Oi gente , lembram do Menu em Imagem Hover ? Então esse é a mesma coisa só foi acrescentado um linha de código que ao invés dele apenas descer para baixo, ele vira ao contrário {dai vem o nome do menu >.<}. Então vamos ao que interessa: Bom vocês vão fazer tudo o que está no tutorial do Cherry Bomb só que no código css vocês colocam este : .menu1{ background: transparent url(' url da sua imagem ') no-repeat bottom center; width: largura px; height: metade da altura px; margin-left: 0px; transition-duration: 0.10s; -webkit-transition-duration: 0.10s; -moz-transition-duration: 0.10s;} .menu1:hover { background: transparent url(' url da sua imagem ') no-repeat top center; width: largura px; height: metade da altura px; -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform: rotate(180deg); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}  E edita com as medidas que es...

Oi gente , eu achei esses códigos no site  http://tableless.com.br  e fiz um pequeno tutorial para blogger é muito simples confiram : 1 - Vá em Modelo > Editar HTML  e procure por ]]</b:skin> e cole esse código #menu ul li a { padding: 2px 10px; display: inline-block; /* visual do link */ background-color:#EDEDED; color: #333; text-decoration: none; border-bottom:3px solid #EDEDED; } #menu ul li a:hover { background-color:#D6D6D6; color: #6D6D6D; border-bottom:3px solid #EA0000; } Troque as cores e salve. 2 - Em Layout clique em Adicionar um Gadget  e escolha o gadget HTML/JavaScript  e cole esse código <nav id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Produtos</a></li> <li><a href="#">Missão</a></li> <li><a href="#">Links</a></li> <li><a href="#"...

Oi gente , eu adaptei esse menu hover   e coloquei um efeito bem legal , veja o exemplo e confira o tutorial: 1 - Vá em Modelo > Editar HTML e procure por ]]</b:skin> e cole esse código antes:

Oi gente , então eu separei alguns tutoriais de menu, vários diferente são todos do tumblr Single Themes confiram abaixo : MENU SEPARATED BALLS. MENU CLASSIC MENU CLOSED MENU PISCA-PISCA MENU HOVER FOFO.

Como pediram na c-box eu fiz alguns menus base. Estou disponibilizando eles em PNG e PSD .  Confiram... (clique nas imagens para amplia-las) Download Download Download Download Bom para baixar a psd é só clicar em " Download " do respectivo menu. Não tem o menor problema em usa-los como estão, e se quiserem podem tirar a tag. Mas por favor credite de alguma forma, por exemplo no rodapé do blog de onde ele será usado. Gostou desta postagem?...Então comente! Menus feito exclusivamente ao Sugoi Tutoriais . Se reblogar coloque os devidos créditos!

Ola pessoal, achei um tutorial de Menu Horizontal e resolvi postar aqui para vocês.

Demo Tutorial : WebMaster.pt Menu jQuery Umas das possibilidades criada pelo jQuery e que eu mais gosto de explorar é a criação de animações. Pequenas funções que somadas, geram resultados impressionantes e com poucas linhas de código. Neste tutorial vou apresentar o passo-a-passo da criação do efeito que utilizei no menu do meu portfolio. A idéia é de que, ao passar o mouse sobre um dos itens, uma lâmpada apareça e faça um movimento até o topo da palavra, dando uma leve piscada em seguida. Estrutura HTML Do Menu Iniciamos com a estrutura HTML do menu.

Oi gente ! como varias pessoas pediram achei esse tutorial divo , clique aqui para visitar o blog e ver o tutorial.Mas pra conseguir fazer esse tutorial tem que ter muita paciência e concentração qualquer errinho desanda tudo eu testei e consegui então aproveitem !  como sempre créditos : Cherry Bomb