tutorial

Hoje é um tutorial muito legal,e que tem bastante em blogs!

é como muda os menu,deixar fofo:

tem aqui no blog!!!

então vamos ao que interessa clique em continue lendo

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 */
float: left;
background:#C6D3E3; /* Cor do fundo do Menu */
padding: 5px;
text-align: center; margin: 2px;
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px;
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}

un:hover {
font-family: Tahoma; /* Fonte do Menu quando passa o mouse */
width: 25%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#7897BC; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px;
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}

Salve.

vá em Elementos de página e adicione o Gatget ( HTML/JavaScript) e cole:

Nome Aqui

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:

Agora salve!

lembrando que para pode fazer,adicione o Gatget HTML/JavaScript,e cole lá o código que mostrei no começo da postagem,to relembrando okay?

adicone gadgets ,e coloque o Nome da pagina,e o URL da pagina onde se pede<~~

créditos : http://naty-todasaspequenascoisas.blogspot.com/