quinta-feira, 24 de maio de 2012

Menu


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 fun
float: left; background:#C6D3E3; /do do Menu */ padding: 5px;
px; -moz-border-radius: 03px; -w
text-align: center; margin: 2ebkit-border-radius: 30px 0px 30px 0px;
olor: #fff; /* Cor da fonte */ } un:ho
font-size: 08pt; /* Tamanho da fonte */ cver { font-family: Tahoma; /* Fonte do Menu quando passa o mouse */
ackground:#7897BC; /* Cor do fundo do Menu quando pass
width: 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