03 abril 2015

Marcadores em duas colunas


Oiie gente,como é que vocês estão?Bem,sabe aqueles marcadores personalizados em duas colunas nesse lay?Então vou ensinar como coloca-lo em seu blog :)

Bom e sem mais delongas (Tá, parei!),ele fica assim:

Primeiramente,abra seu gadget de marcadores (Se não tiver ,adicione) e deixe assim:

Agora,vá no seu HTML e procure (F3 ou Ctrl + F) por ]]></b:skin> e acima dele cole:
/* Marcadores personalizados - goimagines.blogspot.com e aadocicadas.blogspot.com.br */ 
#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, se estiver tudo certo salve :)
Créditos:Go Imagines

6 comentários:

  1. Super útil essas dicas de HTML, fiz o meu layout todo na base dos tutoriais, kkkkk. Adorei seu blog.

    minhaspalavrasoblog.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Eu também fiz meu layout totalmente a base de tutoriais rs

      Excluir
  2. Amei as dicas linda!!!

    Beijos e já estou seguindo.

    Blog da Joanna

    ResponderExcluir
    Respostas
    1. hehe obrigada Anna,adorei seu blog e ele já está na minha lista de leitura rs <3

      Excluir
  3. Amei *-* até já coloquei no meu blog. Brigada pela dica <3

    www.tonadela.com

    ResponderExcluir

Heey muito obrigado por comentar!
- Comentários com xingamentos serão excluídos.
- Deixe o endereço do seu blog,se eu gostar eu sigo.
- Comentários sem nada haver com o post,serão apagados.
- Qualquer dúvida consulte o F.A.Q