Menu para Tags em 3 colunas

03 janeiro 2015

| |
Oi pessoal
Como cês tão ? Eu to bem ^^ . Estou muito animado para voltar as aulas , e não para estudar
( lógico ) e sim para rever amigos,e matar todas as saudades. Hoje venho trazer um menu para tags dividido em duas colunas  , ele é parecido com o menu para páginas que eu fiz , confira aqui , só que o de páginas é dividido em duas colunas , este é em três.
Enfim , vamos lá  aprender ?

Vá em Layout > Adicionar um Gadget > Marcadores, e deixe assim :


Depois é só salvar ! Agora vão no HTML ( Indo emModelo > Editar HTML ) pressione as teclas Ctrl + F e procure por : ]]></b:skin> e acima disso cole o seguinte código :

/*Menu para tags ,blog apenaasumcara.blogspot.com se for usar credite ! Lembrese-plágio é crime*/
#Label1 ul li{
float: left; /*Não Mexer*/
width: 30%; /*Largura , não mexer*/
background-color: #EEE; /*Fundo de cada Tag*/
font-size: 10px; /*Tamanho da fonte*/
font-family: Open Sans; /*Nome da FontE*/
border-bottom: 2px solid #D4D4D4; /*Cor da Borda de baixo*/
text-align: center; /*Alinhamento do texto*/
margin: 3px; /*Não mexer*/
list-style-type:none; /*Não mexer*/
-moz-border-radius: 2px; /*Arredondamento das bordas , quanto maior mais arredondada*/
-webkit-border-radius: 2px; /*Arredondamento das bordas , quanto maior mais arredondada*/
border-radius: 2px; /*Arredondamento das bordas , quanto maior mais arredondada*/
}

#Label1 ul li:hover {
background-color: #FFF; /*Fundo do marcador hover*/
border-bottom: #EEE; /*Borda de baixo do marcador hover*/
}

Todas as explicações estão no código. Bem é isto , espero ter ajudado e qualquer dúvida é só comentar ! Até o próximo post

Nenhum comentário :

Postar um comentário