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

Ir para baixo

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

Mensagem por Solkis 20.12.09 21:00

home - [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)
home - [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:

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

home - [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á:

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

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



- Amostra do resultado final:

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




© Fórum dos Fóruns



home - [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
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos