29 de dez de 2012

Tutorial - Marcadores personalizados em duas colunas


Oi strawberries!

Acabei de fazer as unhas francesinha! Estou sem tempo hoje, porque tenho que fazer 1.000 coisas logo nas férias, né? '-' Então, trouxe a vocês um tutorial bem prático e fica lindo no blog. Créditos ao blog Go Imagine! Vou usá-lo também! ^-^

O resultado será esse:

Go Imagine

Vamos aprender?


Primeiro abra seu gadget de marcadores ( se não tiver, adicione ) e deixe ele assim:

Go Imagine

Depois que você fez isso, abra seu HTML, aperte F3 e procure por ]]></b:skin> e acima dele cole este código abaixo:


/* 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!!! :3

Tchauzinho, meus amorees!! *--*

2 comentários:

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!