Marcadores pesonalizados em duas colunas

Como me pediram (oi Paty!) pra ensinar a fazer os marcadores que estou usando nesse lay, cá estou eu pra postar o tutorial!

O resultado será esse:


1º passo
Abra seu gadget de marcadores (se ainda não tem adicione) e deixe ele da seguinte forma:

2º passo
Abra seu HTML e procure (ctrl+f) por ]]></b:skin> e acima dele cole:

/* Marcadores personalizados - goimagines.blogspot.com */
#Label1 ul li{
float: left;
width: 45%;
font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 16px; /*tam. da fonte*/
background: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}
Visualize e se estiver tudo certo salve! É isso, beijos! :3

Postar um comentário

0 Comentários