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/

Um comentário:

Garota Purpurina disse...

Já estamos seguindo o blog.
Pode dar uma passadinha no nosso e segui-lo também?

Garota Purpurina
www.garotapurpurina.blogspot.com