[Tutorial] Faça tópicos usando o comando div!

Olá!

bem, como pediram no tópico que fiz ([Prévia] Kirby - Planet Robobot) vou mostrar como fiz toda aquela papagaiada com os fundos e tal

Primeiramente, saibam que tudo aquilo é a mesma "ferramenta", que é o comando div. Ele cria uma divisão na página, e essa divisão pode ser configurada de várias formas, como tendo cores, imagens, transparência, posição e por aí vai. Basicamente, o comando para fazer um div é simplesmente esse:

Código:

<div>"seu texto"</div>

Algo muito importante é que como HTML usa tags, praticamente sempre que você abrir um div você deve fechar com um /div. Se não fizer isso, a página do fórum vai ficar toda bugada, com elementos como o avatar ou as barras laterais em posições diferentes. Então lembrem de sempre usar o /div após abrirem um div!

Mas não precisa fechar imediatamente, pois você pode colocar conteúdo dentro do div, e esse conteúdo pode ser até mesmo outro div. Mas tenham noção de que se algo foi colocado dentro de um div ele deve terminar ainda dentro do div, nunca fora. Exemplos de códigos corretos e incorretos:

Correto:

Código:

<div> [img]url da imagem[/img] </div>

Incorreto:

Código:

<div> [img]url da imagem </div> [/img]

Isso vale para qualquer outra coisa, como formatação de texto (centralizar, alinhar à direita ou esquerda, justificar), efeitos (sublinhar, negrito, riscar), tamanho das letras, cores e por aí vai. Se começa dentro do div, termina dentro do div. Se começa fora, termina fora. 

Pronto, com isso já podemos começar então

O mais comum de usar são os fundos coloridos, e essa é uma função do div. Para fazer isso, basta definir no estilo dele a cor que vai usar, e como quer que seja preenchido. O estilo é definido ao se acrescentar um style="conteúdo", sendo conteúdo o que quer que vá definir como estilo. Importante: não se usa igual ( = ) dentro do conteúdo do style e sim dois-pontos ( : ), assim como sempre deve separar funções diferentes com ponto-e-vírgula ( ; ). Continue lendo e vai entender -q
Vou listar as funções que usei no tópico, com exemplos para verem como faz

Fundos Coloridos:

Espaçamento do texto:

Cor do texto:

Formatação de Texto:

Bordas:

Fundos com imagens:

Fundos transparentes:

Imagens Flutuantes:

Com isso foram todas as coisas que usei para fazer o tópico, além de prints e tipografias, além das tabelas para organizar as imagens. Espero que tenha ajudado, e quem tiver alguma dúvida, só falar!
Eu não conheço muito de HTML, então se tiver métodos mais fáceis que esses aí, ou outras coisas legais e souber, pode falar aqui que adiciono no tópico e coloco os créditos ^^

Lembrando que todas essa funções funcionam independente do fundo. Div são divisões, não precisa colorir necessariamente para usar uma dessas. Esse meu tópico inteiro está justificado usando essa função aí acima, mas sem criar um fundo colorido.

background: url('imagem.png') no-repeat;

background-image:url('imagem.png'); background-repeat:no-repeat;

Testando