10 dezembro 2014

Marcadores Personalizados para Blogger

Esse tutorial, eu peguei do Go Imagine.
Sempre tenho dúvidas nesses quesitos de HTML, mas fui em busca mesmo assim e acabei encontrando esse tutorial.
Achei ele bem esclarecedor.

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 */
}

Nos lugares marcados em rosa, você pode alterar.




Nenhum comentário:

Postar um comentário

Obrigada pelo comentário! ;*