Menu de tags em duas cores ♥

Oi meus gatos ★ Como vão? Eu vou mais ou menos. Aquela dor de garganta evoluiu pra nariz escorrendo e entupido, tosse, espirro, e dor de ouvido. Mas hoje eu estou melhor, graças a Deus ç.ç Talvez vocês notaram que eu estou postando com mais frequência, é que minha escola deu uma semana de folga, eu não estou acreditando nisso até agora *0*. Bom, tirando isso eu não tenho nada pra falar, nada mesmo. Agora vamos ao post: Hoje eu trouxe um menu de tags que na verdade, é o primeiro do blog. Ele tem duas cores, e é dividido em duas colunas. Poooor favor, se usar não esqueça dos créditos! Preview, primeiro gadget \(≧ω≦)/

Vá em seu HTML, procure por ]]></b:skin> e acima dessa tag, cole esse código:

.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
@font-face { font-family: PF Tempesta Five Compressed; src: url('http://static.tumblr.com/79jiui3/LSSn0mwrd/pf_tempesta_five_compressed.ttf') }
#rosa {
width: 83px;
margin: 2px;
padding: 1px 0px 1px 2px;
background: #ffced4;
border: 1px solid #f7aab4;
box-shadow:inset 1px 1px 0 0 #fff;
font-family: PF Tempesta Five Compressed;
font-size: 8px;
color: #ea9ca7;
font-weigth: lighter;
text-shadow: 0px 1px 0px #fff;
-webkit-transition-duration: .1s;
}
#rosa a {
color: #ea9ca7;
}
#rosa:hover{
background: #ffd3d9;
-webkit-transition-duration: .1s;
}
#verde {
width: 83px;
margin: 2px;
padding: 1px 0px 1px 2px;
background: #d8e6d6;
border: 1px solid #c4dbc2;
box-shadow:inset 1px 1px 0 0 #fff;
font-family: PF Tempesta Five Compressed;
font-size: 8px;
font-weigth: lighter;
text-shadow: 0px 1px 0px #fff;
-webkit-transition-duration: .1s;
}
#verde a {
color: #a6c7a2;
}
#verde:hover {
background: #deebdc;
-webkit-transition-duration: .1s;
}

Agora, em um gadget HTML/JavaScript cole esse código:

<div class="esquerda">
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
</div>
<div class="direita">
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
</div> 

51 comentários:

  1. Ain ç.ç...Melhoras para você!
    Que lindinho esse menu, eu gostei muito *---*

    Ladrão de Borboletas

    ResponderExcluir
  2. A minha também deu uma semana de férias :D graças a deus mesmo que você está melhor. O menu é lindjo, é o mesmo que vc usou aqui no blog né? talvez use mas ele tá lindjo demais *-*

    Kissus || Follow and Comment || Kawaii Cherry ♥

    ResponderExcluir
    Respostas
    1. Somos sortuda \o/ Pois é *3*
      Obrigadaa <3 É sim ASUHASUH Fico feliz que gostou *u*

      Excluir
  3. Puxa que coisa , espero que melhore ヾ(●ω●)ノ
    Que menu lindo e.e

    Geekegirlie.blogspot.com || 괴짜와 아가씨

    ResponderExcluir
  4. Menu lindo <3
    Amo seus efeitos, vou até dar uma olhada no tuto do destaque. Me deu vontade de usar ele em alguma coisa.... Sou doida mesmo

    ha-unting.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigaada *3*
      Awwwn ASUHASUH' Fico feliz em saber que você ama eles q use a vontade :33

      Excluir
  5. Que cute *u* Vou fazer um layout e acho vou usar , ok ?

    Kissus || Vagas para postadora / afiliados || Senhorita Liberdade

    ResponderExcluir
  6. Que lindo esse menu.
    Ele pode ser usado para afiliados?

    Sweet of Cherry

    ResponderExcluir
  7. Que perfeito *u*
    eu vou usar no próximo layout ><
    http://rainha-dos-sonhos-oficial.blogspot.com.br/

    ResponderExcluir
  8. Poxa, espero que você melhore mais... Gripe é horrível. Infelizmente na minha escola eles não deram a semana inteira de folga, ainda vou ter que ir quinta e sexta. Adorei o menu! Muito lindo e fofo *u*

    Letícia Evans | vidadeumasone.blogspot

    ResponderExcluir
    Respostas
    1. Obrigada! Ai, que triste ç.ç
      Fico feliz que gostou e obrigada novamente *uu*

      Excluir
  9. Nossa,dor de garganta,nariz escorrendo e entupido,my God O.o
    Minha escola também deu uma semana de folga >w<
    Amei o menu,muito fofo :3 Talvez eu use se for voltar com meu blog,eu ainda não decidi se volto ou não ><

    ResponderExcluir
    Respostas
    1. AUHSAHUASUH pois é ç.ç
      Que bom né? Isso é perfeito q
      Que bom *u* Poxa, volte sim :c

      Excluir
  10. Minha escola só deu até quarta feira de folga, você é muito sortuda rsrs.
    Gostei bastante do menu, vou usar no próximo layout >3< , se usar posso mudar as cores? Claro que irei dar os créditos.

    Kissus ♦ http://b-ombpower.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ASUHSAUHASUH pois é -qq
      Awwn que bom *0* Claro que pode! :3

      Excluir
  11. *ooooooooooooooooooooooooo* Ameeeei

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  12. Ótimas Dicas *--*
    Blogger esta de parabéns.
    http://www.fashiongeek.info/

    ResponderExcluir
  13. Gripe te ivandindo , realmente é muito ruim ter gripe . Cara que menu de tags lindo *0* Gostei muito dele ♥♥
    ~ Acabei de notar que você me tirou dos afiliados , que penam. Enfim te tirei também de lá , espero que entenda .

    @DR || www.d-resources.net

    ResponderExcluir
    Respostas
    1. Pois é :c Muito obrigada *u*
      Na verdade foi porque eu troquei o lay, e tinham muitos afiliados que não atualizavam, excluíram o blog e me tiraram da elite, então eu decidi tirar todos >3< Claro que entendo :3

      Excluir
  14. O povo lá na minha sala ficaram gripados mas eu não -p mas é o povo que senta perto de mim mesmo assim não peguei, minha imunidade está nível: 100% 8| novo aqui ^^ ficou bem cute o menu
    alive-html.blogspot.com.br

    ResponderExcluir
  15. Melhoras Helô u,u! Sei que ficar gripado em pleno verão é muito ruim :P.
    O menu é lindo, sério eu usaria em todos os lugares :D.
    Beijos flor :*
    blogandoseuassunto.blogspot.com
    eter-nal.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada Lari <33 AHUAS' Pois é ç-ç
      Muito obrigada *O*

      Excluir
  16. Aqui em Portugal deram três dias de férias qq.
    Esse menu é tão fofo :3

    http://la-camomille.blogspot.pt/

    ResponderExcluir
  17. Ficar doente é HORRIVEL né? Espero que esteja melhor :/
    Bom, o menu é muito fofinho >.< Sem falar que é criativo a ideia de usar duas cores :)
    Não conhecia o blog, acho que pelo tempo que fiquei distante, mas estou seguindo ok? Beijo :*
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
    Respostas
    1. Horrível é pouco qq Obrigada *3*
      Obrigaaada *0*
      Awwwwwn <3

      Excluir
  18. Melhoras :c. Nhánhá, esse menu é lindo, eu pretendo usar em breve, no momento eu não estou usando mais tags (doideras q). >3<

    www.wh-asia.net

    ResponderExcluir
  19. Socorrro, que layout perfeeeito *O* essas cores... ♥
    E que menu mais fofo <3 Adorei! *3* Uma semana de folga? que invejinha, eu só tenho mais amanhã ;^;
    Melhoras pra você ~

    Beijos, mikicandy.blogspot.com ♥

    ResponderExcluir
    Respostas
    1. Obrigaaada, awwn *U*
      Fico feliz que gostou amor <3 SAUHSAUH Ain :cc
      Obrigada de novo *3*

      Excluir
  20. Melhoras sua linda, nossa nossa amei esse menu *3* Omg xonei ~q

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  21. Amei o menu! Vou colocar com certeza!
    Beijos <3
    Aceita afiliação? desenhareblogar.blogspot.com

    ResponderExcluir
    Respostas
    1. Awwn que bom *3* <33

      Eu aceitaria, porém as vagas fecharam :c

      Excluir
  22. Que bom que tá melhor... :3
    Helo, sua linda, o primeiro menu do blogger já arrasando <3

    Creating Eternally ♥

    ResponderExcluir
    Respostas
    1. Awwn *0* Pois é -q
      Que amor de pessoa você, me abraça \o/ q Obrigada frô <3

      htmlandresources.blogspot.com.br

      Excluir
  23. Melhoras pra ti *-*
    Esse menu é fofo!

    Garotas do HTML // garotasdohtml.blogspot.com

    ResponderExcluir
  24. Que bom que está melhor. Poxa que menu diwo, pena que acabei de terminar meu layout :c

    h-worlds.blogspot.com

    ResponderExcluir
  25. Muito bom o post, sério gostei muito, e fico feliz em saber que você está melhor :)
    Bjss
    http://meu-finalfeliz.blogspot.com.br/

    ResponderExcluir
  26. POURA HELOÍSA CARA DE FUIM -q (Deus me perdoe pelo palavrão) QUE LAYOUT DIVOSO DIVINO MARAVILHOSO É ESSE? VOCÊ NÃO CANSA? NÃO CANSA DE HUMILHAR NAO? vamos desligar o caps lock -q adorei o menu, está muito amável heloísa. Fechei o blog mas voltei, como sou muito dramática estou com um novo layout (ninguém quer saber...) e esse layout tá humilhando meu layout :( que bosta, adorei o post! -q

    http://dr-eaming.blogspot.com.br/

    ResponderExcluir
  27. Helo, você tirou a gente dos afiliados ? #tochorosa :(
    http://little-things-html.blogspot.com.br/

    ResponderExcluir
  28. Oiie ;3 amei seu blog, os tutoriais são maravilhosos :3 sou nova nesses assuntos (html ,tals ) , e ele é perfeito pra mim aprender *--* parabéns msm ^-^
    ~e esse menu? :o q divo *000* vou usar no meu blog, haha :3 beijoss
    http://oblogdasahh.blogspot.com.br/

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!