ELEGANTE MENU CSS3 LATERAL VERTICAL PARA BLOG

Provavelmente você já viu muitos sites com um menu de navegação vertical fixo para as suas páginas importantes. Neste artigo eu estarei ensinando como colocar um elegante menu css3 lateral vertical para blogs do Blogger.

Este menu vem com 5 ícones. Os 5 ícones contém Home, About us, Arquivo, Marcadores e contato. Mas você pode mudar esses ícones e texto para o que você quiser. 

Veja o exemplo abaixo:



Este menu é feito completamente usando CSS3 com apenas uma imagem e pode ser facilmente instalado. Todo o crédito vai para Tutorialzine.

MENU MULTI LEVEL COM CSS3

Hoje eu estou compartilhando outro grande exemplo de CSS3, no tutorial de hoje quero compartilhar um menu multi-level que funciona com CSS3 puro sem qualquer imagem incluída no menu. Como funciona com CSS3 puro, ele não afeta a velocidade de carregamento do seu blog, em comparação com menus jQuery e outros menus que funcionam com script.

Anteriormente, eu compartilhei um menu horizontal com CSS3, mas um dos meus fiéis leitores me pediu para criar uma menu multi-level que funciona com CSS3 puro, é por isso que eu estou compartilhando este menu hoje.

Este menu foi desenvolvido por Rethnaraj Rambabu do bloggermint eu fiz alguns ajustes CSS para funcionar bem com o blogger. Agora vamos ao menu multi-level e aprender como instalá-lo no blogger. Veja o demo primeiro do menu clicando no botão verde abaixo.

MENU LAVALAMP COM CSS3 E JQUERY

Eu compartilhei vários menus aqui no blogger e sites até agora. O primeiro foi um Puro CSS3 menu para blogger e o segundo foi Menu horizontal com submenu e caixa de busca e o terceiro foi um Elegante menu css3 lateral vertical para blog e o quarto que foi o Menu multi level com CSS3.

Desta vez eu quero compartilhar com vocês um incrível menu Lavalamp com CSS3 e jQuery; como mencionado no título, ele funciona com CSS3 e jQuery. Você pode usar esse menu em 6 cores mudando apenas uma palavra no código HTML. Este menu foi desenhado por Insidesigns e eu fiz alguns ajustes para funcionar perfeitamente com qualquer blog do blogger.

Demonstração

Agora vamos ao tutorial e ver como adicionar esse menu Lavalamp com CSS3 e jQuery no blogger.

MENU DROP-DOWN JQUERY PARA BLOGGER

Depois de ter compartilhado varias opções de menu; gostaria de compartilhar um menu drop-down jQuery para Blogger.

Demo

MENU HORIZONTAL COM SUBMENU E CAIXA DE BUSCA

O seguinte menu é feito unicamente com CSS, é um menu horizontal com sub-menu, e do lado direito tem uma caixa de busca.

É um menu prático para os que não querem lidar com menus muito complexos ou preferem não usar um que requer scripts para funcionar ou que tenha muitas imagens.

A instalação e personalização é bastante simples, e é bastante funcional, já que tendo a caixa de busca integrada você terá dois elementos em uma mesma área.

Você pode vê-lo funcionando neste blog de testes, se você quiser testar a caixa de busca digite a palavra que desejar e pressione  ENTER.

PURO CSS3 MENU PARA BLOGGER

Hoje, eu gostaria de mostrar a você um menu para blogger feito com puro css3 projetado utilizando as mais recentes técnicas de CSS3 e sem o uso de JavaScript ou imagens.

Este menu tem alguns efeitos agradáveis ​​animados, como quando você passa o mouse sobre o menu você verá um efeito batimento cardíaco com animação tipo voando. Este menu é compatível com os mais recentes navegadores modernos é com CSS3 suporte.

Neste tutorial vou mostrar como você pode adicionar este belo menu voador no seu blog, simplesmente seguindo os passos abaixo.