Menu purple

16:31 0 Comments A+ a-


Oi gente *-* achei um menuzinho muito fofo! Pra quem quiser aqui uma previa:

Pra quem gostou vamos ao tutorial *-*


Abra o painel do seu blog > Modelo > Editar HTMLe procure por ]]><, acima dessa tag, cole o seguinte código:
.menu {padding-top: 2px; /* Acolchoamento de cima */padding-bottom: 2px; /* Acolchoamento de baixo */padding-left: 3px; /* Acolchoamento da esquerda */padding-right: 3px; /* Acolchoamento da direita */margin: 1px; /* Espaço entre um menu e outro */background: #e6c9ff;border: #d7bbf0 1px solid;color: #d7bbf0;text-shadow: 1px 1px #fff;font-family: 'Trebuchet MS';text-align: center; /* Alinhamento do texto (centro) */font-size: 10px;width: 50px; /* Tamanho (Largura) do menu */display: inline-block; /* Blocos do menu em linha */}.menu:hover {padding-top: 2px; /* Acolchoamento de cima */padding-bottom: 2px; /* Acolchoamento de baixo */padding-left: 3px; /* Acolchoamento da esquerda */padding-right: 3px; /* Acolchoamento da direita */margin: 1px; /* Espaço entre um menu e outro */background: #ebd4ff;border: #d7bbf0 1px solid;color: #d7bbf0;text-shadow: 1px 1px #fff;font-family: 'Trebuchet MS';text-align: center; /* Alinhamento do texto (centro) */font-size: 10px;width: 50px; /* Tamanho (Largura) do menu */display: inline-block; /* Blocos do menu em linha */}

e cole em um gadget de HTML/ Javascript


<div class='menu'><a href="/" title="Tooltip">Nome</a></div>

Bom é isso seu menu está pronto, eu peguei esse tuto de um blog que não lembro então se for do seu comente para que eu possa creditar *-*

Sou Nathalia Nates, adolescente, confusa, que não sabe o que quer da vida, e por isso tenta de tudo(desistindo na maioria das vezes por ter medos e inseguranças).

Nasci em uma pequena cidade do norte do paraná, onde moro até hoje, com meus pais e meus dois cachorros.