Listas

Você já viu em blogs listas de desejos como essa: Ou como essa:
  1. The Office - 2ª Temporada
  2. Uma Mente Brilhante
  3. etc
  4. etc
  5. etc
e queria por uma igual no seu blog? Tem um jeito muito mais fácil do que por o "1. CD do Oasis <br />", é usando listas ;D!

A 1ª lista que eu mostrei, a com as bolinhas, é uma lista desordenada, onde as coisas não tão numa ordem de importancia. O código dela é o seguinte:

<ul>
<li>The Office - 2ª Temporada </li>
<li>Uma Mente Brilhante </li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
</ul>


Para adicionar um item é só escrever, entre as tags <ul> e </ul>, <li>item</li> :D!

Já a segunda lista, é uma lista ordenada, ou seja, ela tem uma ordem especifica. O código dela é o seguinte:

<ol>
<li>The Office - 2ª Temporada </li>
<li>Uma Mente Brilhante </li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
</ol>


A única coisa que muda da 1ª lista para a segunta é o "ul" e "ol"! Simples, não? ;D

Agora, um pouco mais sobre a lista desordenada:
Você não gostou muito dessa bolinha? Então no seu css, coloque essa redefinição de tag:

ul{
list-style:enfeite aqui;
}


Atributos que você pode usar:
square (quadrado), decimal (numeros), circle (circulo).

Se você quiser usar uma imagem como marcador, coloque esse código:

ul{
list-style-image:url(http://endereço_da_img_aqui.com);
}



Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?