Olá Catwalkers, tudo bem?
Passando pelo blog da Anny (Go Imagine), vi um post super legal que vocês blogueiros provavelmente irão gostar. Se liga na ideia.
O resultado será este:
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 é só salvar!
Lembrando que o post original é do Go Imagine e encontra-se aqui.
Qualquer dúvida estou aqui para ajudar ;)
- xoxo
Nenhum comentário:
Postar um comentário