Páginas

24/11/2013

Marcador personalizado em dua colunas!


  Yoo
 eeeeeeeeee sexy Laddie  
Trouce um tutorial muito legal e bem simples para seu blog então o resultado será esse  então? esse tutorial achei no blog "Go Imagine" link aqui continuando... Se você reblogar de os créditos!

Clique em "Read More" é continue lendo!


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

2- Abra seu HTML e aperte (ctrl+f) e procure 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



Um comentário:

  1. Muito obrigada você me ajudou muito! Eu estava procurando um tutorial assim! Finalmente encontrei! Beijos, o blog e perfect.

    ResponderExcluir

Cupcakes leiam as regras antesde comentar!

1-não xingar o blog! ou coisa do tipo!
2-afiliação aqui!
3-Não brigue com ninguém.
4-não aceitamos tags.
5- deixe o link do seu blog para eu poder retribuir !
Obrigado por ler as regras siga-as PF