Menu do Diamond

Indo ao assunto do post, hoje vou ensinar aquele menu que uso no Diamond, que vocês podem ver como ele é clicando no link do blog (aproveitem para olhar) ou clicando aqui e vendo o preview que algum leitor anônimo fez. Lembrando que a imagem do blog não faz parte do menu, então não roubem ela, aquela imagem foi eu quem fiz, ela não é do We♥It nem de nenhum outro lugar. De qualquer forma fiz um Live Preview para o caso de mudar o layout ou algo assim, como sempre faço. Esse menu só fica bom se for coladinho com uma imagem, e de preferência onde o fundo seja transparente. A respeito do código, se quiserem realmente editar o menu, leiam atentamente minha explicação abaixo,  porque qualquer modificação errada pode dar erro no menu ou desconfigurá-lo.

Live Preview do menu

*ele vai ficar assim muito embaixo se for em uma postagem, por isso dê preferência a sidebar.

Menu horizontal no topo do blog

Olá pessoas! Desculpem meu sumiço, mas é que tenho me preocupado com algumas coisas. Por enquanto não posso dizer nada, mas logo explico para vocês o que é. Isso tem a ver com uma prova que vou fazer domingo e outra que fiz domingo passado. Pois é, estou naquela época chata de tentar todos os vestibulares do mundo, afinal de contas, quero estudar bastante e arrumar um emprego que eu goste.

O tutorial de hoje é daquele menuzinho que a gente costuma usar em Templates estilo galeria, que fica no topo e é uma barrinha. Muita gente tem usado ele, mas como o Kawaii World está fechado (foi de lá que eu tirei, pelo menos) resolvi ensiná-lo aqui, já que esse menu é fofo demais e fica lindo em qualquer blog. Se eu não tivesse usado esse menu em cima da imagem, teria usado esse menu barrinha no lugar da cortininha, ficou lindo também.

Veja um preview do menu aqui.

Menu Legenda

Me pediram para ensinar o menu que estou usando no Template atual, que é esse que fica por cima da imagem. Bom, como eu gosto de compartilhar o que sei, deixei anotadinho a sugestão aqui, junto com outros posts que quero fazer e hoje estou postando o do menu. Eu baseei o código no efeito legenda, do blog Part of Me e é daí que tirei o nome. Esse menu é simples e só fica bonito se for em cima de alguma imagem, vocês podem colocar no cabeçalho como eu fiz ou em cima de uma imagem na sidebar, que também fica bonito. Quando você passa o mouse o fundo fica mais visível. Bom, como eu disse, fiz o menu baseando em outros códigos, então por favor peço que não rebloguem. Acho muito chato ficar escrevendo a postagem pra alguém vir e copiar tudo, principalmente quando é de algo que eu fiz. ;-;

Veja uma preview abaixo: (ou ali em cima, no cabeçalho mesmo)

Menu de Abas

Olá anjos!

Me pediram para ensinar aquele menu de abas que uso no meu outro blog, que você pode colocar vários Gadgets em um só. Escrevi o post e deixei ele em rascunho, e quase esqueci do pedido da leitora. Sinto muito por isso, estava tentando tirar férias... mas não deu certo.

O primeiro tutorial que aprendi deu erro, aí eu tive que procurar um novo. Achei no Kawaii World o tutorial que usei, apenas editei as cores do modelo da Kaori. Mesmo que outros blogs tenham postado esse tutorial, eu peguei o código do meu menu no KW e os créditos vão para ele, ok? Estou postando o mesmo código que uso no meu blog, apenas retirei o HTML dos meus Gadgets. 

Esse menu é muito útil para quem tem muitos Gadgets e quer desocupar espaço, mas ele tem seus defeitos, que seria o tempo que ele demora para carregar. Enquanto o blog está carregando, o menu fica todo desalinhado e feio. Para quem é perfeccionista fica horrível. Mas para quem tem internet boa isso não muda nada.

Veja um preview aqui.

Menu horizontal drop drown

Olá Anjos!

Acabei de perceber que não coloquei nenhum link para o Anime Pics aqui. É por isso que gosto de menus acima do cabeçalho, sempre tem espaço para mais um link. Vou pensar em uma página, ou algo para colocar o link dele, ainda tenho muito o que organizar aqui no blog. Falando em organizar, organizei todas as tags do blog, mudei alguns e tirei aquele "x" que tinha antes de cada uma. O problema do X é que na hora de acrescentar uma nova tag, eu tinha que ficar copiando e colando, porque esqueci quais caracteres colocavam ele. Sem o X está mais fácil de procurar, de qualquer maneira.

O tutorial de hoje é um menu super útil para quem tem muitas páginas no blog. Ao passar o mouse em cima de um link, outros links vão aparecer, o nome de menus assim é drop drown. Ensinei um aqui uma vez, mas esse tinha sublinks. Esse é diferente daquele, porque além de ser menor, apenas um link abre por nome. No preview vocês vão entender o que estou tentando explicar.

Veja um preview aqui.

Menu para índice

Olá Anjos!

Esse é o primeiro post com o novo template, yeah! Pensei em colocar um PSD especial para as ilustrações, deixando azul ou com alguma outra cor, mas desisti. Acho muito chato um blog com excesso de uma cor só, fica cansativo. Também não gosto de tirar as cores das ilustrações, gosto delas.

O tutorial de hoje é um menu fofo que acabei de criar. Fiz para ser usado em páginas de Goodies, de tutoriais e etc. Você coloca um título e vai listando seus tutoriais, é ótimo para quem gosta de manter uma página de Goodies organizada e bonita. 

Vejam um preview aqui.

Menu Come In

Olá Anjos!

Hoje não estou com paciência para falar muito, a verdade é que estou bem estressada por causa de umas coisas, ou melhor, por causa de uma coisa, e estou tentando esfriar a cabeça e me segurando para não falar besteira pra gente da minha própria família. 

Achei um menu legal no Bombastic Design enquanto procurava menus para barra lateral, mas não usei e trouxe o tutorial para cá. Esse é um daqueles menus que podem ser usados tanto em cima do cabeçalho (meus favoritos) e na barra lateral, já que o tamanho dele pode ser alterado como bem entender. 

Veja um preview aqui.

Menu Drop Drown com sublinks

Olá meus amores! 

Falta pouco para minhas férias, não vejo a hora de chegar sexta-feira para eu poder descansar (de verdade). Ainda bem que estou saindo cedo, pelo menos chego em casa bem mais cedo que o normal e fico no PC fazendo nada. rsrs'

O tutorial de hoje é de um menu que me deu bastante trabalho. Acontece que queria fazer um preview, mas não achei nenhum site que hospeda arquivos HTML com link direto (se alguém souber, me avise). Coloquei no meu blog de testes, mas as listas estão personalizadas por lá e o tutorial acabou todo bugado. Acabei criando um blog apenas para servir de preview desse Menu. Ossos do oficio, não?

O menu de hoje é um menu drop drown, isso significa que quando você passa o mouse em um link, outros abrem por baixo. Esse menu é um pouco diferente e bem útil para quem tem bastante páginas. Quando você passa o mouse no link que abre, outros links abrem. Bom, é melhor ver o preview para entender.

Clique aqui para ver um preview do menu.

Menu Express

Desculpem estar postando tão tarde, estou ajeitando e organizando o meu blog, e faço isso muito lentamente. 

Estou tentando me preparar psicologicamente para a volta as aulas, odeio esse começo de ano, as pessoas me olham feio só por eu ler em todo lugar, aliás odeio o ano todo na escola.

Trouxe um menu muito fofo, lá do Kawaii World, é o menu Express. .

Vejam uma preview

Menu Eat Colors

Olá Anjos!

Vou tirar alguns blogs dos afiliados e deixar apenas os afiliados mais presentes ou que eu gosto. Um dos motivos de de eu não gostar de afiliações é que a pessoa que pede nunca mais volta no blog. É sério gente, não quero só encher minha elite de blogs que eu também nem visito.

Deixando minha irritação de lado, trouxe um menu chamado Eat Colors, do Tumblr. Talvez esse menu seja o ultimo que trago essa semana, pois vou me concentrar em postar utilitários. O problema é que meus programas de edições de imagens demoram tanto para abrir que eu desanimo de fazer alguma coisa. 

Enfim, o menu é do Tumblr JOH e estou ensinando aqui. Ele fica mais bonito se for colocado um debaixo do outro, mas a configuração padrão dele deixa os links um ao lado do outro.

Veja uma preview

Menu Transform

Olá Anjos!

Hoje trouxe novamente um tutorial do Tumblr. Eu admito que não gosto de blogs muito parecidos com o um Tumblr, mas adoro os menus de lá. Para quem não sabe, ensinei a converter códigos aqui no blog, para ver o tutorial é só clicar aqui.

O menu de hoje é um menu bem legal exclusivo do Tumblr Just Our HTML, eu achei o menu muito fofo e fácil de fazer, porque não usa scripts, é tudo HTML. Ele tem um fundo bem legal e bilha quando passa o mouse.
Para ver o menu clique aqui. 

Menu Agitated

Olá anjos! Boa tarde!

A Lucy estava falando comigo que não sabe passar códigos do Tumblr para Blogger, então eu pensei um pouco e talvez mais tarde eu faça um tutorial ensinando a passar.

Enquanto fazia alguns testes, passei um código para blogger que é  Menu Agitated, do Tumblr Single Themes. Ele é um menu e fica mais legal embaixo do cabeçalho, mas vocês podem usar onde quiser.

Veja um preview aqui.

Menu Blur

Olá anjos!

Trouxe novamente um menu convertido do Tumblr. Esse menu é bem legal, se chama menu Blur, quando você passa o mouse em um link, os outros ficam embaçados.

Os créditos vão para o Tumblr HTMLuv♥ que é um ótimo Tumblr!

Veja Preview aqui.

Menu Tracks

Olá anjos!

Vocês se lembram do Menu Tracks? Esse menu a Kaori usou em um dos seus Templates, e foi o mesmo que eu coloquei no Template Violeta. Bom, para ninguém ter problema na hora de editar o menu do Template, resolvi reblogar o tutorial. Acho que assim fica muito mais fácil, pois eu sempre demoro a achar o tutorial do menu no Kawaii World. 

Pessoalmente não gosto muito desse menu porque ele fica fixo no topo do blog, e eu sempre acabo clicando nele sem querer. Para pessoas que não são burras que nem eu ele fica lindo, e vale a pena usar. Chega de enrolação e vamos ao tutorial.

Veja um preview clicando aqui (menu no topo do Template).

Menu Pisca-Pisca

Olá anjos!

Hoje vou ensinar um menu bem bonitinho que aprendi no Tumblr Single Themes, chama-se menu Pisca-Pisca, vocês podem ver um exemplo dele aqui.

O tutorial é bem simples e acho que ficaria ótimo para colocar em uma lista de afiliados ou em um menu de redes sociais, isso vocês quem decidem.

Menu Deslizante

Olá Anjos! 

Hoje vou ensinar a colocar o menu deslizante que nem no Template Magic Wing. Eu aprendi no Mundo Blogger e no Kawaii World, fiquei em dúvida qual deles creditar, então vai os dois ^^

Menu Bounce

Bom dia!

Desculpem meu sumiço, estava sem internet, finalmente consegui resolver o problema.

Trouxe um menu para vocês chamado Menu Bounce, ele é do Tumblr, eu converti o código. Os créditos são do Tumblr HTMLuv♥  que é um Tumblr de HTML perfeito *-*

Vocês podem ver o preview no Tumblr clicando aqui.

Menu com Hover Gradiente

Olá anjos!

Pediram para eu ensinar o menu que usei no Template do meu blog, o LIC. Eu sempre ensino tudo que uso nos meus Templates, afinal, a maioria das coisas eu aprendo em outros blogs. Então não tem porque ficar escondendo.

Esse menu é um com Gradiente, mas o gradiente não passa de uma imagem, que pode ser feita no Photoshop ou em qualquer programa. Claro que também pode ser usado no Menu algum background ou pattern, fica legal.

Veja um preview aqui.

Menu suspenso de opções

Uma leitora me pediu para ensinar o Tutorial do menu que usei no post de capas para Facebook lá no meu outro blog. Esse tutorial é de um Menu de opções, aqueles bem usados em elites de afiliados.

Eu já vi bastante gente usando e ensinando, mesmo assim vou dar os créditos ao blog Pink Berry, pois foi onde vi pela primeira vez. Vamos ao tutorial:

Veja o preview aqui.

Menu Vibrante

Oi pessoal! Achei um tutorial muito legal no Tumblr Sweet Help! É um menu vibrante. Veja o menu deles aqui. Só pra lembrar, não fui eu quem fiz!! Apenas converti para blogger. Já testei e dá certo se fizer tudo certinho. Mudei também as imagens do menu pra não ficar tudo igual.