♦ Tutorial ~ Marcadores Personalizados

Hey Rilakkumas

  Então meus ursinhos já estão de férias? Ou ficaram de recuperação por passar tempo demais no blog ou tumblr? Meu azar é muito grande, pois minhas aulas só iram terminar em Março TT^TT, até lá vou me dedicar ainda mais (para falar a verdade eu já estou passado em todas as matérias, menos Física). E também estou morrendo de vontade de começar um projeto pessoal que criei deste 2007 mas não tenho inspiração suficiente *é um mangá*.

 O tutorial de hoje é super simples, prático e útil, ensinarei como editar os marcadores igual o do nosso layout antigo, que era divido em duas colunas e mudava de cor quando passava o mouse, aqui uma imagem.

Então vamos ao tutorial.

No seu painel vá em

Layout >> Adicionar um Gadget >> HTML/JavaScript

e cole esse código debaixo.

<style>
#Label1 ul li{
float: left;
width: 49%;
}
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
border-bottom: dotted 1px #eee; /* cor e estilo da borda */
text-align: center;
}
.widget ul li:hover {
background: #E282FF /* cor do fundo ao passar o mouse */
}
</style>

As únicas coisas que podem ser editadas já estão explicadas, la no menu EXTRA você vai achar uma tabela de cores.

Até a próxima.