Tutorial: Menu para sidebar¹

26/06/2014 || || ||
Tuts Tuts! Julho + Eu + Temporada de Verão = Kuroshitsuji: Book of Circus. Estou muito ansiosa para começar logo, faltam 13 dias, porque eles não podem simplesmente adiar pra mim? Eu estou fuçando todos os sites na internet para me torturar com o gato do Sebastian e não poder assistir a terceira temporada. Vocês acreditam que nesse tempo eu assisti Kuroshitsuji de novo? Não é a toa que ele é o anime que mais assisti (www). Adeus No Game no Life, foi bom conhecer você -mas você termina por uma boa razão, vai começar meu Kuroshitsuji-

Preview (www)
.menu1 {
font-family: tahoma; /*Fonte do menu*/
width: 20%; /*Largura do menu*/
font-size: 10px; /*Tamanho da fonte*/
float: left;
background:#fff; /*Cor do fundo do menu */
border-radius: 4px; /*borda redonda, se não quiser apague a linha*/
padding: 2px; /*espaço entre o texto e a borda*/
text-align: center;
margin: 2px; /*espaço entre os botões*/
-webkit-transition-duration: .99s; /*Duração do efeito*/
}
.menu1:hover {
font-size: 10px; /*Tamanho da fonte do Menu quando passa o mouse*/
color: #fff; /*Cor da fonte do Menu quando passa o mouse*/
background:#5a9980; /*Cor de fundo do menu ao passar o mouse*/
text-align: center;
border-radius: 4px; /*borda redonda, se não quiser apague a linha*/
-webkit-transition-duration: .99s; /*Duração do Efeito*/
}
Para usar é só colar em um Gadget HTML/Javascript:
<a href="LINK" class="menu1">Nome</a>
E repetir o código quantas vezes quiser o/

O que acharam? Ele é simples, mas eu achei fofo *--*

8 comentários:

  1. Hoho, que legal o menu, bem simples as cores mesmo ^u^)/

    ResponderExcluir
    Respostas
    1. Eu não gosto de um menu chamativo, a prova é o menuzinho daqui u.u

      Excluir
  2. Ainda não vi Kuroshitsuji, é bom? o3o Eu vi uma cena e pensei que era yaoi, mas ele estava só a apertar uma cena do... Ciel(?) :v

    Tão fofo esse menu *uuuuuuu* Dá vontade de morder -u-

    Kissus!>3<
    My Paradise

    ResponderExcluir
    Respostas
    1. Não é yaoi, mas é muito bom, recomendo pra todo mundo *---*
      Obrigada, que bom que gostou o/ -porque deu trabalho pra fazer @.@-

      Excluir
  3. Gostei do menu -q Amo menus, fazer menu é vida o/ (eu tenho vício em fazer menu, olha que lindo -qq), eu só fiquei meio "onde está a parte do HTML/Javascript? A Hari só colocou o CSS?" ou sou eu que estou meio doida mesmo e-e
    É um menu bem simples e bem bonito, os menus menos chamativos são os mais legais -q

    ResponderExcluir
    Respostas
    1. Eu gosto de fazer menus, gosto de HTML u.u
      É, você tem razão -q
      Eu AMO menus simples -q

      Excluir
  4. Yo Hari~
    Daijobu? (*´ ˘ `*)♡
    Etto.. eu nunca vi Kuroshitsuji.. eu gostava muito de ver, aquele Sebastian *baba*.. whatever :3
    Que menu fofo~ Eu odeio menus chamativos ~
    Ainda bem que você colocou preview, eu fico com raiva se não colocam preview (temos de o colocar para ver se gostamos! #não gosto de trabalho)

    ~Chu || ko-official.blogspot.pt/

    ResponderExcluir
    Respostas
    1. Yo Yuka ~
      Estou bem sim, obrigada por perguntar u.u
      Sebastian seu delícia *baba também*
      Duas, odeio menu chamativos também, aliás não gosto de muito coisa chamando atenção u.u
      Eu sempre coloco preview, odeio quem não coloca, como vou saber se gosto do menu se nunca vimos ele?

      Excluir

Vai comentar? Leia as regrinhas:

~ Pode abusar dos palavrões o quanto quiserem, mas ofensas serão excluídas. Caso queiram criticar, críticas construtivas por favor;
~ "Seguindo, segue de volta?" Sim, mas fale um pouco do post também;
~ Pedidos? Fiquem a vontade;
~ Lemos a todos os comentários e sempre os respondemos;
~ No fim do comentário deixe o link de seu blog, se gostarmos, seguimos com prazer .

Pode comentar agora!