clique para aumentar a imagem.
Quer fazer esse menu ?? Siga os passos
----
vá em Design~>Editar HTML~>Marque a opção "Expandir Modelos de Widgets" ~> Precione CTRL+F (caixinha de busca) e pesquise por:
body {
e cole após a chave : } ( exemplo)
olha o código:
un {font-family: Tahoma; /* Fonte do Menu */width: 25%; /* Tamanho do Menu */* Cor do funfloat: left; background:#C6D3E3; /do do Menu */ padding: 5px;px; -moz-border-radius: 03px; -wtext-align: center; margin: 2ebkit-border-radius: 30px 0px 30px 0px;olor: #fff; /* Cor da fonte */ } un:hofont-size: 08pt; /* Tamanho da fonte */ cver { font-family: Tahoma; /* Fonte do Menu quando passa o mouse */ackground:#7897BC; /* Cor do fundo do Menu quando passwidth: 25%; /* Tamanho do Menu quando passa o mouse */ float: left; ba o mouse */ padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px;quando passa o mouse */ color: #fff; /* C-webkit-border-radius: 0px 30px 0px 30px; font-size: 08pt; /* Tamanho da fonte do Menu or da fonte do Menu quando passa o mouse */ }
_____________________________________________________Salve.
vá em Elementos de página e adicione o Gatget ( HTML/JavaScript) e cole:
<a href="Link aqui"><un>Nome Aqui</un></a>
onde está "Nome aqui" voce coloca o nome da pagina,e onde esta "Link aqui" voce coloca o link da página.
Salve.
Personalizando o seu menu:
vá em Editar HTML,Aperte CTRL+F <~~a caixinha de busca~~> e pesquise por:
Fonte do Menu
já irá aparecer o comecinho.
Personalizando a cor:
pesquise por : * Cor do fundo do Menu */ ~~> pq aqui no meu código,pode ser diferente,e o seu pode ser diferente do meu<
o código que está antes do código anterior (* Cor do fundo do Menu */) tem um código de cor na frente né?
então só vc colocar o código da cor que tu queres!
Formato do seu menu:
para editar o Formato,pesquise pelo código:
-webkit-border-radius: 0px 30px 0px 30px;
onde está em 30px voce colocar 0px ele vai ficar quadrado assim:
agora se vc quiser redondo igual daqui do blog,voce terá que trocar onde está por 0px por 30px,ai vai ficar assim:
Lembrando que quanto mais você aumentar o valor, tipo, de 30px pra 40px, 45px etc, mais redondo ele vai ficar.
E quanto mais você diminuir o valor, tipo, de 30px pra 25px, 10px etc, mais quadrado ele vai ficar!
para ficar com as pontinhas:
tem que deixar que nem ta no código, mas quanto mais você aumentar o valor de onde está 30px mais inclinado o menu fica
e se voce diminuir onde est em 30px mais inclinado ele fica:
No código que você colou, sempre tem o nome na frente, dai sempre olha lá na frente e depois vc muda.
Tabela de cores : AQUI
Nenhum comentário:
Postar um comentário