[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 Empty [TUTORIAL] Criar mais de uma mensagem na home-page

Mensagem por Solkis em 20.12.09 21:00

[TUTORIAL] Criar mais de uma mensagem na home-page Ecrire 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)
[TUTORIAL] Criar mais de uma mensagem na home-page 1114

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

[TUTORIAL] Criar mais de uma mensagem na home-page Versio12 PhpBB 3
.introduction {
background-color: transparent !important;
background-image: none !important;
border: none;
}
.introduction div.h3 {
display: none;
}
.introduction .module div.h3 {
display: block;
}

[TUTORIAL] Criar mais de uma mensagem na home-page Versio14 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á:

[TUTORIAL] Criar mais de uma mensagem na home-page Versio12 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>

[TUTORIAL] Criar mais de uma mensagem na home-page Versio14 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)
[TUTORIAL] Criar mais de uma mensagem na home-page Untitl22



- Amostra do resultado final:

(carregue na imagem para aumentar)
[TUTORIAL] Criar mais de uma mensagem na home-page Untitl23




© Fórum dos Fóruns



[TUTORIAL] Criar mais de uma mensagem na home-page Act_bottom 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
Solkis

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9984
Pontos Ativos : 12077

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

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


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