Entrar
Os membros mais ativos do mês
Nenhum usuário |
Quem está conectado?
Há 5 usuários online :: 0 registrados, 0 invisíveis e 5 visitantes :: 1 motor de buscaNenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 23 em Seg Jun 08, 2020 3:43 am
Últimos assuntos
[TUTORIAL] Criar mais de uma mensagem na home-page
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
[TUTORIAL] Criar mais de uma mensagem na home-page
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | 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
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
(clique na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
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
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
4º - Amostra do resultado final:
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Criar mais de uma mensagem na home-page |
Tópicos semelhantes
» [TUTORIAL] Adicionar lista de seções na mensagem da home-page
» [TUTORIAL] Criar uma mensagem de alerta
» [TUTORIAL] Personalizar as caixas de mensagem
» [TUTORIAL] Criar um "Widget duplo"
» [TUTORIAL] Criar um widget de parceiros
» [TUTORIAL] Criar uma mensagem de alerta
» [TUTORIAL] Personalizar as caixas de mensagem
» [TUTORIAL] Criar um "Widget duplo"
» [TUTORIAL] Criar um widget de parceiros
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom Jun 24, 2012 11:15 am por Alisson Silva
» [Re-Apresentação] Fábio
Sex maio 25, 2012 4:45 pm por Fábio
» PixelZIP ~ design&programção em só lugar
Sex maio 25, 2012 4:44 pm por Fábio
» Pedido de logo
Dom maio 20, 2012 10:06 am por Alisson Silva
» Kernel - Apresentação
Sáb maio 19, 2012 9:49 am por Alisson Silva
» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sáb maio 19, 2012 9:48 am por Alisson Silva
» HEBBO HOTEL 24 HORAS ONLINE !!
Sex maio 04, 2012 7:20 pm por Alisson Silva
» Pedido de Layout
Sex maio 04, 2012 5:23 pm por Fonsecca
» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry
» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry