Menu Redondo

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

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.

~ Preview

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