Hello Boys and Girls, como estão? Espero que muito bem assim como eu! Depois de muito revirar o HTML do meu Blog de testes, e depois de ir no Google tradutor várias vezes durante minhas experiências, consegui criar um Menu super legal para vocês.
O nome do menu ~~Scars~~ é inspirado em uma música da Miley e significa cicatriz ~~não me perguntem porque eu o chamei desse nome esquisito porque eu não saberei responder~~ O Menu fica como a foto abaixo, quem tiver afim de aprender clique para ver o Tutorial completinho!
No Painel do Blog, Clique em Design, Editar HTML, e pesquise por: ]]></b:skin>
Acima dessa Tag cole o código abaixo:
/*-- Início do Menu Scars por Part Of Me--*/
Scars {
font-family: Arial; /*-fonte do menu-*/
width: 20%; /*-largura-*/
float: left; /*-posicionamento do menu-*/
background: #9BCD9B; /*-cor de fundo-*/
padding: 3px; /*-altura-*/
text-align: center; /*-posicionamento do texto-*/
margin: 2px; /*-espaço-*/
-webkit-transition-duration: .90s; /*-Tempo de duração-*/
font-size: 08pt; /*-tamanho da fonte-*/
color: #ffffff; /*-cor da fonte-*/
}
Scars:hover {
font-family: Arial; /*-fonte do menu hover-*/
width: 20%; /*-largura hover-*/
float: left; /*-posicionamento do menu hover-*/
background: #EBE5D4; /*-cor de fundo hover-*/
padding: 3px; /*-altura hover-*/
text-align: center; /*-posicionamento do texto hover-*/
margin: 2px; /*-espaço hover-*/
-webkit-border-radius: 15px 15px 15px 15px; /*-bordas hover-*/
-webkit-transition-duration: .80s; /*-Tempo de duração-*/
color: #A64D28; /*-cor da fonte hover-*/
}
/*--Fim do Menu Scars por Part Of Me--*/
Salve o Modelo e Clique na Aba Elementos de Página, Adicionar um Gadget, HTML/JavaScript e cole o código abaixo, fazendo as devidas alterações no que está de Amarelo:
<a href="Link"><Scars>NomedoLink</Scars></a>E aê pessoal? Gostaram do meu primeiro Menu? Deu um trabalhinho viu gente, mas foi com muito carinho! Fiquem bem e Até mais ver!
Que bonitinho esse menu guri ^-^
ResponderExcluire o blog tbm..tri bonito aqui
~~bad-reputation-13.blogspot.com.br~~
aah é lindo Alex! Ameei, ainda mais porque tem o nome de uma musica da minha Diva s2' kkkk
ResponderExcluirdocequintafeira.blogspot.com
Que fooofo! Adorei o menu. Criei o meu próprio esses tempinhos atrás. Alex, estava com saudades de você e do blog. Aqui está lindo (: Um beijo
ResponderExcluirhttp://onthefame.blogspot.com.br/
O menu fica bem bonito,adorei o tutorial.
ResponderExcluirhttp://i-teenbr.net.tc
Que lindo o menu. Adorei! Super criativo em querido!
ResponderExcluirhttp://anikspink.blogspot.com.br/
È tão lindinho o menu *-*
ResponderExcluireu adoorei ele *--*
http://the--baby.blogspot.com.br
Eu amo essa música, ahaha!
ResponderExcluirAdorei o menu. *--*
Seguindo, o blog é show! ^^
http//pensamentosda-aline.blogspot.com.br/
Ameio menu Alex, muito lindo o efeito dele! Talvez eu use em algum extra em meu blog ^-^
ResponderExcluirAmei o menu,adoreii demais.
ResponderExcluirMuito legal também o blog.
lifeonalin.blogspot.com.br
O menu ficou muito bom ! :)
ResponderExcluirshuashaushuahs
Vc é da Paraíba né? Sou daqui de SP mas adoro ai =) Beijos
http://bb-garotax.blogspot.com
Efeito fofo, no meu próximo designer quero um menu assim.
ResponderExcluirhttp://imaginesooficial.blogspot.com.br/
Acho super legais esses efeitos assim, tá de parabéns pela sua paciência e criatividade para fazer menus Alex rs. Beijão :*
ResponderExcluirhttp://www.world-cutest.blogspot.com.br/
Amei o menu *O*
ResponderExcluireu nunca consegui criar um menu, mais muitas vezes já fiz um monte de personalizações, deixando sempre diferente *-*
beijos Alex !
diariodeumameninanerd.tk
Aii que lindo Alex,arrasou! Muito útil ♥ O efeito muito demais, e as cores perfeitas :) Beijos :3
ResponderExcluirhttp://www.viciadasemcupcake.blogspot.com.br/
Ai, que fofo<3 amei demais, ainda vô usa, creditando é claro! Que linda essa foto da Miley! agora me diz: quando ela não tá linda, né?
ResponderExcluirBjs ~> imnanda.blogspot.com
Awn, que fofo Alex! Ainda não tomei coragem pra fazer meu próprio menu, mas qualquer dia desses, invento um. Ah, eu aceito seu pedido de afiliação se ele ainda estiver válido! Obrigada por me convidar, será uma honra. Beijos, the-zombie-attack.blogspot.com
ResponderExcluirObrigada Alex! Já vou colocar você lá no blog também, agradeço de novo. Beijos, the-zombie-attack.blogspot.com
ResponderExcluiralex que vida é essa em vivendo é aprendendo né hoje eu digitei Ctrl-c e Ctrl-v pra uma vida kkkk mas é fofinho o menu
ResponderExcluirFicou bem bacana ! Google tradutor salvando nossas vidas ^^
ResponderExcluir-------------------------------
http://bugigangazdanet.blogspot.com/
Adorei o tuto *-*
ResponderExcluirBeijinhos
www.em-teusbracos.blogspot.com
Muito legal o menu! O efeito é bem bacana. O design novo também esta lindo, viu?
ResponderExcluirKissus ---> Blog Bola de Chiclete.com
O menu fica lindo *-------------* No meu próximo lay vou usar ele eu acho!
ResponderExcluirBlog
Fica super lindo! Imagino o trabalho que deve ter dado, mas valeu a pena!!
ResponderExcluirParabéns por ter feito!
Beijo e bom final de semana =)
blogmodaonline.blogspot.com
O menu é mto legal! E o blog é liindo! To seguindo,segue de volta?
ResponderExcluirwww.girlteenlinda.blogspot.com
Ficou muito lindo! Amei! Vou usar no meu próximo lay :3 Adorei o blog, ja to seguindo, beijos ♥
ResponderExcluirmylittlebear-official.blogspot.com
Lindo o menu, e o efeito melhor ainda1 Bjs, http://happy-charllote.tk/
ResponderExcluirBem caprichado seu menu, parabéns!
ResponderExcluirE obrigado lindo pelo carinho de sempre no CL!
bjãoo
Blog lindo. AMEI *-*!
ResponderExcluirBeijos,
Camila Angelina
http://cantinhodacaps.blogspot.com.br/ (agora com TEMPLATE ANIMADO)
Uma ótima dica!!! E amei as mudanças aqui!!! Mudei o pouco o meu blog, mas quero mudar mais ainda!!!
ResponderExcluirMe visita depois?
Oie Alex!
ResponderExcluirVim agradecer o seu comentário lá no meu blog, e te desejar um bom final de semana! ^^
http://pensamentosda-aline.blogspot.com.br/
Sucesso com o novo blog! Passa lá no meu, bjos
ResponderExcluirhttp://valeapena-helena.blogspot.com.br/
Ameei seu blog s2seguindo
ResponderExcluiropedecoelho.blogspot.com
Adorei o tutorial! Muito bacana o efeito.
ResponderExcluirhttp://rosaschiclete.blogspot.com.br
o menu ta tão lindinho rs ^^
ResponderExcluirhttp://garotoonerd.blogspot.com
Legal o menu, eu faria se entendesse de HTML :P
ResponderExcluirBeijos
Anne
meninasantenadas.tk
Ai Oi , Bom acabei de comchecer seu blog
ResponderExcluirMais pra te dizer eujá amei ja tornei-me fã
nossa você merece meus devidos parabeens
amei tudo aqui
Visita ai Lindo:http://smileretro.blogspot.com.br/
Ótimo menu! Eu tentei usar, mas não deu muito certo >.<
ResponderExcluirrsrs lindo blog viu? parabéns!
ismeninadelicada.blogspot.com
Amei o enu, fica muito lindinho!
ResponderExcluire aja paciencia hein rs Beijoos ;*
amoraazeda.blogspot.com
Que menu lindo!
ResponderExcluir*--* Meu blog não está pegando menu '-------------' Se tivesse eu usaria ;3
Cute Memories
(Link no Perfil)