[TUTORIAL] Criar mais de uma mensagem na home-page

Muitas vezes gostaríamos de criar mais de uma mensagem para colocarmos na home-page, de modo que estas fossem divididas, como acontece com os widgets. Com este tutorial veremos como isso pode ser feito, mas devido à características próprias de cada versão, este tutorial somente é aplicável para a versão PhpBB 3 e Invision.


/!\ Para a versão PunBB e a versão PhpBB 2, é possível fazer esta modificação sem todo o tutorial, somente por meio de códigos HTML que podem ser editados diretamente por meio dos templates. O template indicado para isso é o "index_body".

--> Tutoriais e astúcias <--
Criar mais de uma mensagem na home-page

1º - Adicionar os códigos CSS necessários:
Para que possamos prosseguir com este efeito, é necessário removermos algumas propriedades da mensagem da home-page, esta é a função dos códigos que iremos inserir. Teremos de aceder á:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS


Adicione o código adequado para a versão que utiliza em seu fórum:

PhpBB 3

.introduction {
background-color: transparent !important;
background-image: none !important;
border: none;
}
.introduction div.h3 {
display: none;
}
.introduction .module div.h3 {
display: block;
}

Invision

.newslink {
background-color: transparent !important;
}
.newslink .h3 {
display: none;
}

2º - Criar o código para cada anúncio:
Para cada anúncio teremos de utilizar este código. Por exemplo, se teremos dois anúncios, este código irá aparecer duas vezes, cada uma com as devidas informações de um código. Vejamos qual será:

PhpBB 3

<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Título da mensagem</div>Conteúdo da mensagem<span class="corners-bottom"><span></span></span></div></div><div style="height: 5px; clear: both;"></div>

Invision

<div class="module borderwrap"><div class="maintitle"><h3>Título da mensagem</h3></div><div class="box-content">Conteúdo da mensagem</div></div><div style="height: 5px; clear: both;"></div>

3º - Adicionar os códigos à mensagem da home-page:
Para que os códigos tenham efeitos, depois de completamente elaborados, deveremos coloca-los na mensagem da home-page. Teremos de aceder á:
Painel de Controle -> Visualização -> Homepage -> Geral




4º - Amostra do resultado final:

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Criar mais de uma mensagem na home-page