27.7.13

Menu Shadow




Olá gente!

Hoje estou super feliz pois consegui baixar o PhotoShop cs5 portable, ele é muito bom, recomendo à todos! Mas o meu download demorou 7 horas, isso mesmo, 7 horas, mas vale muito a pena, fiquei a noite toda baixando ele, e de manhã voltei para extrai-lo demorou uns 40 minutos. É que meu pc é muito lerdo, uma droga. Mas enfim... Vou falar um pouco sobre o menu.

Este menu é recomendável usar em blogs escuros, ou seja com fundo preto ou cinza escuro, do contrário ficará horrível! Não use esse menu em blogs claros, a menos que você mude a cor da sombra que sobe.
Mas não se preocupe, no código esta explicando tudinho ;) Antes vamos ver a PREVIEW ~


Gostaram? Bom, para aplicar no blog vá em Modelo > Editar Html > Clique na primeira setinha que você ver e procure por  ]]></b:skin> acima disso cole:

/*-----Menu Shadow By Sweet Flower-----*/#shadow {font-family: Trebuchet MS; /* fonte */font-size: 13px; /*Tamanho da fonte*/text-align: center; /* centralização do texto */background: #a28faa; /* fundo */word-spacing: 2px; /*Espaço entre palavras*/border-radius: 100px; /*Não mexer*/line-height: 20px; /* altura da linha */box-shadow: inset 0 0 15px #ccc, 0  0 4px #ccc; /*Cor da sombra sem passar o mouse por cima(Dentro, fora)*/display: inline-block;  /*Não mexer*/padding: 1px; /*Não mexer*/text-shadow: 1px 1px 01px #333; /*Sombra no texto*/-webkit-transition-duration: .50s; /*Não mexer*/}#shadow:hover {box-shadow: inset 0 0 15px #bbb, 0  0 45px #1d1d1d; /*Cor da sombra com o mouse por cima*/-webkit-transition-duration: .50s; /*Não mexer*/}#shadow a{color: #fff; /*Cor do link do menu*/padding: 10px; /*Não mexer*/text-decoration: none; /*Sem sublinhado, não mexa!*/-webkit-transition-duration: .50s;  /*Não mexer*/}#shadow  a:hover{color: #fed7f2;  /*Cor do link do menu ao passar o mouse por cima*/-webkit-transition-duration: .50s;  /*Não mexer*/text-decoration: none; /*Sem sublinhado ao passar o mouse, se quiser troque none por underline*/}/*-----Fim do Menu Shadow, http://sweeet-flower.blogspot.com-----*/

E em um gadget HTML/JavaScript cole isso:

<center>
<div id="shadow"><a href="LINK">NOME</a></div>
<div id="shadow"><a href="LINK">NOME</a></div>
<div id="shadow"><a href="LINK">NOME</a></div>
<div id="shadow"><a href="LINK">NOME</a></div>
<div id="shadow"><a href="LINK">NOME</a></div>

E prontinho! Modifique como quiser, mas lembre-se que o menu é exclusivo daqui e então se repassa-lo credite-me por favor. Qualquer dúvida estou à disposição :3

16 comentários:

  1. Muito lindo *--* ficou tipo uma luz saindo do menu '3' adorei

    html-land.blogspot.com

    ResponderExcluir
  2. Que menu lindinho,adorei :)
    beijos
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  3. Amei o menu,com certeza muito divo!
    Beijos:3
    sckittyworld.blogspot.com

    ResponderExcluir
  4. Amei o menu, queria muuuuuuuito usar no próximo lay, porém nenhum código que eu colo acima do ]]> tá pegando. Será que tu não teria um menu que pode se colar em outro lugar? :c
    Seguindo, retribui?
    Kiss~

    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada!

      Sério? Que pena :{, então tenta usar esse mesmo código, só que acima de body.mobile { TALVEZ de certo <3

      Beijos :3

      Excluir
  5. Cara, cadê o gadget de seguidores? UAHSUASUAHS Jurava que tinha visto ele aqui, mas não tô encontrando >3<

    ResponderExcluir
    Respostas
    1. SAUHASHUAS eu cabeça de ovo, estava fazendo umas mudanças aqui no lay ontem à noite e acabei esquecendo de colocar de volta no lugar kkkk mas já arrumei agora.

      Sorry 'w' kkk

      Excluir
  6. Quase tomei um susto, quando vi que não existia mais o photoscape e vc hahaha

    Adorei o menu, eu uso o photoshop cs6 e demorou umas duas horas para baixar, nessa média haha'

    Desculpe o sumiço repentino


    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Hahaha pois é, desisti dele...

      LooL é porque meu pc é muito lerdo rçrç.

      Magina <3

      Excluir
  7. muuuito lindooo, pelo o trabalho que ele deu o resultado fica lindo :)
    www.Bikoti.net

    ResponderExcluir
    Respostas
    1. Obrigadaaa! Nem deu muito trabalho eu gosto de fazer menus :D

      Excluir
  8. Que lindo seu menu!
    Adorei e vou tentar usar no meu próximo lay.
    Estou aqui retribuindo sua visitinha em meu blog e acho que vou ficar aqui mais um tempinho apreciando este mundinho que é novo e excelente!
    Um grade beijo.

    nerd-absoluta.blogspot.com
    nerdcomchiclete.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada.

      Aww que bom, tenho certeza de que vai ficar lindjo.
      Obrigada, pra você também beijos

      Excluir

Hey, que bom que irá comentar! Mas, leia as regras;

- Comente sobre o post >3<
- Deixe o link do seu blog no final, retribuirei
- Respondo todos os comentários
- Retribuo todos os comentários
- Não comente besteira, nem seja racista :3
- Criticas construtivas são bem vindas :D
- Sigo de Volta todos que me seguirem primeiro.