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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

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

Mensagem por Solkis em 20/12/09, 07:00 pm

Mensagem da 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




- 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

(clique na imagem para aumentar)

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;
}


- 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>


- 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

(carregue na imagem para aumentar)



- Amostra do resultado final:

(carregue na imagem para aumentar)




© 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
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum