Lista com Marcadores Personalizada

Oie!

Desculpem por postar essa hora, ah e pra quem não fica ligada na hora no rodapé da página, são 23h12. Tô sem tempo essa semana, teve muita lição de casa, provas a estudar... enfim.

Hoje teve um discussão na sala de aula. E deu pra ouvir cada detalhe. Para proteger a identidades, vou abreviar os nomes, já que vou contar a discussão:

A S. e a Y. são amigas da N. P., e ficaram juntas ontem falando mal do K. Hoje, a N.P. ficou falando mal da S e da Y. pro K., aí a S e a Y chamaram ela de falsa. Só que a N.P. foi á diretoria falar que a S. e a Y. chamaram ela de cachorra, de vagabunda, de coisas assim. Mentira! Aí a S. e Y. foram pra diretoria e voltaram dançando. A prô de Português perguntou o que tava acontecendo, aí elas contaram, pra sala toda ouvir, ai a N.P. falou um treco meio feio que eu não posso repetir nem aqui, aí começou a discussão. No meio da aula! o outro K, tem dois Ks, o primeiro K, que foi citada acima, é o K idiota, mas o segundo K é o K legal. O K legal ficou botando lenha na fogueira e o F também. Mal pegamos no lápis na aula de Português, porque ficamos ouvindo a discussão.

Legal, né? Estou ouvindo Replay, a nova música da Zendaya. É muito legal. Vamos ao assunto do post. Vou ensinar a usar um modelo de lista com marcadores, que é a opção de lista que fica do lado do botão de blockquote no edição da postagem aqui no Blogger. O estilo de listinha é bem simples, mas eu acho muito fofo. Olhem a preview:

Não fica fofo? Eu mesma inventei. Algumas pessoas dizem que essa ista não serve pra nada. Eu discordo. Eu mesma as uso para separar materiais, para separar partes de um tutorial, etc. Logo mais posto mais modelinhos para essa lista.  Vem comigo pra aprender!

1. Procure por [[</b:skin> e cole acima dessa tag a tag abaixo:

.widget li, .BlogArchive #ArchiveList ul.flat li {
width: 105%; /* Tamanho da lista, Não altere */
font-size: 8px; /* Tamanho da fonte */
float: center; /* flutuação  no centro. Não altere */
font-family: PF Arma Five; /* Fonte */
margin: 3px; /* Espaço entre a linhas da lista. Não altere */
margin-left: -18px; /* Aqui eu precisei alterar para caber direitinho no centro da minha área de postagem, então você ajusta de acordo com sua área de postagem. */
background: #f19591; /* Fundo */
display: inline-block; /* Não altere, divide em blocos */
color: #fff; /* Cor da fonte */
padding-top: 6px; /* Não altere */
padding-bottom: 6px; /* Não altere */
padding-left: 12px; /* Não altere */
text-shadow: 1px 1px 0px #ef726d; /* Sombra do texto */
text-align: left; /* Alinhamento do texto */
border: 1px solid #ef726d; /* Borda */
text-indent: 0; /* Não altere */
list-style: none; /* Não altere */
}

Pronto! Confira para ver se está tudo certinho e salve.

Dúvidas? Pedidos? Reclamações? Elogios? Todos os comentários são bem-vindos.

Beijos.