• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

10 de abril de 2013

Menu Redondo

Querem fazer parte da equipe do meu blog? Alcançamos a meta de 100 seguidores e abrimos vagas. Clique

Tumblr_m53wd9nnqb1qj7s2ho1_500_large
Gente, estou sem postar, mas é que é semana de estudar para as provas na semana que vem, então estou me puxando, ontem conseguimos concluir uma de nossas metas no Nerd Kawaii que era de 100 seguidores e abrimos vagas na equipe, deixamos o link ali em cima da imagem.
Hoje vou ensinar um menu redondo.
Leia mais ><

No HTML do seu blog, procure por:

/* Content 
ou por:
body { 
Quando achar, veja que no final dos códigos que compõem essas tags terminam com essa chave: }

Cole esse código, ABAIXO dessa chave:
/* --- MENU CIRCULAR by camilasdesigns --- */micka { display: inline-block; /* deixa os links lado a lado */ width: 40px; /* largura do menu */ height: 40px; /* altura do menu */ float: center; /* alinhamento do menu */ padding: 5px; /* espaço entre links e margens */ margin: 3px; /* espaço entre os links */ background: #000000; /* cor de fundo */ color: #FFFFFF; /* cor da fonte */ font-family: Tahoma; /* tipo da fonte */ font-size: 10px; /* tamanho da fonte */ font-weight:bold; /* deixa a fonte em negrito */ text-align: center; /* alinhamento centralizado dos links */ text-transform:uppercase; /* transformação do texto */ letter-spacing: 0px; /* espaço entre letras */ line-height: 40px; /* altura da linha */ -webkit-border-radius: 600px; /* bordas arredondadas */ -moz-border-radius: 60px; border-radius: 60px; -moz-opacity:0.90; /* opacidade */ opacity:0.90; -webkit-transition-duration: .90s; /* tempo de transição */}micka:hover { background: #EEEEE; /* cor de fundo em hover */ color: #000000; /* cor da fonte em hover */}

Mude o que pede no código, se quiser e salve

Agora eu um gadget HTML/JavaScript

<a href="http://LINK/"><micka>Nome</micka></a>

Créditos

Obrigada por ler até aqui.

Kisses, Jubs

11 comentários:

  1. Deve ser fofo, mas seria melhor se tivesse prewiew.. Beijos amores..

    ResponderExcluir
  2. Que meigo esse menu *o*

    XOXO :D
    jovenclube(.blogspot.com.br)

    ResponderExcluir
  3. O menu é fofo :3
    Adorei ele :3
    Beijos <3
    pqngarota.tk

    ResponderExcluir
  4. O meu fica super fofo :3
    Adorei o tuto >//<

    http://wanted-dream.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz em saber que gostou ><
      xoxo :3

      Excluir