Image Map

18/03/2013

Personalizando Códigos Simples #3

ai como eu queria um desses kit kats :~~
 Hoje temos o último post da série! Triste pra quem gostava, mas pelos comentários vi que ajudou bastante as blogueiras mais iniciantes.
 E fecharemos a tag com chave de ouro: ensinando a fazer seu próprio menu! Isso mesmo, e não, não é tão difícil quanto parece!
 Enfim, vamos lá?
 Abra o seu html e procure por:
]]></b:skin>
 Quando encontrar, cole acima dele o seguinte código:
/* Seu menu- Por você*/#menuex {
float: left;
display: line;
margin:1px;
background: #000000; /* COR DO FUNDO*/
color: #FFFFFF; /* COR DA FONTE*/
width: 330px; /*LARGURA DO MENU- Se não quiser uma largura fixa, apague*/
height: 18px; /* ALTURA DO MENU- Se não quiser uma altura fixa, apague*/
text-align:center; /* ALINHAMENTO DO TEXTO */
font-size: 13px; /* TAMANHO DA FONTE*/
}
#menuex:hover {
background: #FFFFFF; /* COR DE FUNDO QUANDO PASSA O MOUSE*/
text-decoration: none;} /* DECORAÇÃO DO TEXTO (bold, italic, underline) QUANDO PASSA O MOUSE*/
 Pronto, essa é a base para a maioria dos menus! Aí você só precisa alterar, pode até adicionar efeitos. E a parte que está sublinhada é o "código" que representa o seu menu, você pode alterá-lo com as siglas do nome dele (ex: se o nome do seu menu é Batatas Voadoras você pode mudar para "menubv").
 Depois é só adicionar um gadget de HTML/Javascript e colar o seguinte código:
<a href="LINK"id="menuex">DESCRIÇÃO DO LINK</a>
 E alterar o "menuex" pelo nome do seu menu (pelo mesmo que você colocou no código). Prontinho, seu menu personalizado e próprio está feito!
 E aí, gostaram? Espero que sim. Não precisa creditar caso use, mas se for repassar o código base eu quero créditos sim, viu? E me mandem os links dos menus que fizerem! *3*

47 comentários:

  1. muito fácil, amei!

    @esteffanifontes, do blog Aos Dezesseis Anos
    aosdezesseisanos.blogspot.com.br

    Se puder, comenta aqui tb: ossegredosdelandara.blogspot.com.br
    responderei comentários por lá!

    ResponderExcluir
  2. Super fácil, adorei. Beijão <3

    @keithpappen
    www.detalhesamor.blogspot.com

    ResponderExcluir
  3. Adorei o post *--*
    Beijos

    http://modaeamores.wordpress.com/

    ResponderExcluir
  4. É bem fácil e ajuda bastante. Bjus!

    galerafashion.blogspot.com.br

    ResponderExcluir
  5. Já estou seguindo seu blog flor , se gostar do meu e quiser retribuir ficarei muito feliz :)
    E sempre que atualizar aqui , me avise ^^

    claudiniz.blogspot.com.br

    ResponderExcluir
  6. Olha estava atrás de um tutorial desses faz um tempão, se eu soubesse que era fácil assim hahahaha, o problema é que em outros blogs com tutoriais ensinando eles complicam demais e acabam confudindo a cabeça de quem está lendo o tutorial. Ainda bem que você explica bem isso facilita muito.Ótima semana para você :)

    http://simples-e-agradavel-bloog.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Aaaah, brigada >< Fico muito feliz de saber disso *---*
      E espero que tenha te ajudado!

      Excluir
  7. Respostas
    1. Também! ashaushaushu >< Mas bom que gostou :3

      Excluir
  8. hahaha super prático!

    http://juhhrabelo.blogspot.com.br/

    ResponderExcluir
  9. Adorei o tuto e é bem fácil de se fazer :D
    Beijinhos
    Facebook do blog
    conversando-com-a-lua.blogspot.com.br

    ResponderExcluir
  10. P.C. Adorei, achei interessante essa base! Ainda vou me ariscar à "brincar" com ela, afinal, vai que crio o menu que estou pensando. Porém, creio que estou muito satisfeito com o menu que está no Acesso Permitido.

    ACESSO PERMITIDO. <3

    ResponderExcluir
    Respostas
    1. Obrigada, bom que gostou! :D O menu do AP é lindo mesmo, né? Okok! :3

      Excluir
  11. Oi amore amei o blogggggg >,<
    Ta rolando um sorteio de pascoa no meu blog então entra láh e participa vai que vc ganha flor!
    http://bffsforeverby.blogspot.com.br/p/sorteio-de-pascoa.html
    Beijinhos e obrigado pela atenção <3

    ResponderExcluir
  12. Paula como sempre você me deixa de boca aberta simplesmente sem palavras para dizer o quanto adoro suas dicas ta de parabens fofa uma pena eu não ter sido o primeiro a comentar (triste) mais enfim adorei mesmo, um super beijo quando puder da uma passada no meu blog ta me devendo 2 comentários rum beijos Levi.


    www.levigustavodicas.com|me ajude na meta dos 200

    ResponderExcluir
    Respostas
    1. Ooown, brigada Levi! >< Fico feliz que goste :3
      Okok, pode deixar! hahaha Mas o blog está fechado agora D:

      Excluir
  13. A gente pensa que é tudo tão difícil, né?! Mas não, conseguimos fazer tranquilamente :D
    Beijos,

    lolaporlola.blogspot.com

    Instagram: stephanieparizi

    ResponderExcluir
  14. Eu amo esse tutorial, antigamente ele estava no meu HTML. ♥

    >>Bonequiinha de Luxo<<
    - xoxo –

    ResponderExcluir
  15. Fazer menu é fácil mesmo! Aprendi a fazer no camila Designs, só as vezes que esqueço o significado de alguns termos e vou lá e revejo, hahah. Um beijo, Paulinha!

    World Cutest

    ResponderExcluir
    Respostas
    1. Aaah, que legal! Não vi esse post lá :~~
      Beijo, Anna!

      Excluir
  16. ajuda bastante gente mesmo, principalmente quem está começando e tem vontade de entender mais sobre html do blog =D
    fashion em cores (.com)

    ResponderExcluir
  17. Eu amo essa série, pena que acabou :(
    Sério Paula, eu até sonhei com ela UAHEUAH u.u
    Amei o post de hoje, vou tentar fazer um menu (espero que saia decente AUAHEUEAE ) u.u
    Beijos :3
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Sério? o.o Nossa! ahsuahsuahsu
      Okok, boa sorte :3

      Excluir
  18. Ah, que pena que a tag acabou :/
    Apesar de saber criar menu, esse post
    ajudou bastante, com a maior certeza.
    Beijos, Light As The Breeze

    ResponderExcluir
    Respostas
    1. Aaah, mas bom que gostava, né? Tudo o que é bom acaba :~~

      Excluir
  19. ótima dica floor, amei aquii!
    Passa la no meu blog, www.escravasdamoda.com

    beijoos

    ResponderExcluir
  20. Adorei, vou testar as dicas agora mesmo (=
    Pena ter acabado ^^
    Beijocas!

    ResponderExcluir
  21. porque já acabou?? começa outra tag como essa pelo amor de deus!!
    adoro as suas dicas!!
    lelusantos.wordpress.com

    ResponderExcluir
    Respostas
    1. Ooown, brigada, fico feliz que goste! >< Vou tentar começar :D

      Excluir
  22. Ameeei! Essa série me ajudou muito! Foi até pros favoritos! Pena que já acabou,mas não esqueça de começar outra tá? Dessa vez podia ser sobre make,looks ou coisas do tipo (se você puder,é claro).

    ResponderExcluir
    Respostas
    1. Ooown, que bom que ajudou Lari! *u* Aaah, pode deixar que já estou planejando umas novas :D

      Excluir
  23. LOL três passos para criar um menu hue ♥

    ResponderExcluir