4 de fev de 2013

Menu Flowers

~Oi Oi Gente!
To pensando eu trocar de Layout então se o blog estiver "indisponível" por um acaso, espero que saibam que é por motivos úteis de reforma!
Como havia citado no post anterior esse resto da noite enquanto eu ainda puder, irei postar tutoriais e pra quem leu o post acima sabem pra quem vão os devidos créditos!
Tutorial

Vá em seu HTML dê um CTRL + F  e procure por:
]]></b:skin>

Acima de ]]></b:skin> cole o código:

/* Menu Flowers feito por The Lovers */
uno{
background: #f0f8ff; /* Cor de Fundo */
color: #000000; /* Cor da Fonte */
border-left: 1px solid #6495ed; /* Cor da linha esquerda */
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
width: 25%; /* Tamanho da fonte */
float: left;
font-family: century gothic; /* Nome da fonte do menu */
}
uno:hover{
background:  #fffafa; /* Cor de Fundo ao passar o mouse /*
color: #000000; /* Cor da Fonte ao passar o mouse */
border-left: 1px solid #ffc1c1; /* Cor da linha esquerda ao passar o mouse */
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition-duration: .30s;
padding: 6px;
margin: 2px;
font-size: 11px; /* Tamanho da fonte do menu ao passar o mouse */
text-align: center;
width: 25%; /* Tamanho do menu ao passar o mouse */
float: left;
font-family: century gothic; /* Nome da fonte do menu ao passar o mouse */
}

O código é enorme, mais está tudo explicadinho viu? As cores estão personalizadas de acordo com o exemplo. Caso queiramudarutilize a tabela de cores aqui .

Para usar vai em Layout ou Design ~> Adicionar gadgets ~> HTM/Javacript e cole:

<a href="LINK DA PÁGINA"><uno>NOME DA PÁGINA</uno></a>

Em link da página, óbviamente coloque o link de sua página e em nome da página, aah vocês já sabem! Cole o código acima de acordo com suas páginas no blog.

Nenhum comentário:

Postar um comentário


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?