[TUTORIAL] Mensagem publicitária na versão PunBB

por **Fry** Dom Jan 01, 2012 8:38 am

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Edição de templates

A versão PunBB, permite uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos adicionar uma pequena mensagem publicitária automática no final de cada postagem. Lá você poderá adicionar links de seus parceiros, links de tópicos, informações, enfim. Há várias funcionalidades.

--> Tutoriais e astúcias <--
Mensagem publicitária na versão PunBB

Para que possamos prosseguir com o tutorial, é preciso que tenha noção sobre a edição dos templates, que serão necessárias para a continuação deste tutorial. Para isso, veja: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Edição dos templates

1º - Acessar a template à ser modificado:
Terá de acessar a gestão dos templates para efetuar as mudanças. Aceda à:
Painel de Controle -> Visualização -> Templates -> Geral -> viewtopic_body

(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

2º - Conhecer o código à ser utilizado:
Para fazer o efeito desejado, utilizaremos de um pequeno código HTML. Que terá algumas partes que você poderá modificar à vontade:

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <div class="main-content topic"> <div class="post"{postrow.displayed.THANK_BGCOLOR}> <a name="{postrow.displayed.U_POST_ID}"></a> <div class="postmain"{postrow.displayed.THANK_BGCOLOR}> <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}> </div> <div class="postbody"{postrow.displayed.THANK_BGCOLOR}> <div class="user"> <div class="user-ident"> <h4 class="username"></br> NOME</h4> <div class="user-basic-info"></br> <img src="LINK" /></br> </div> </div> <div class="user-info"> Rank: RANK</br> SEUS-CAMPOS</br> Registro: DATA</br> </div> </div> <div class="post-entry"> <div class="entry-content"> <div> <div><strong> SUA-MENSAGEM </strong></div> <div class="clear"></div> </div> <p> {postrow.displayed.EDITED_MESSAGE} </p> </div> </div> </div> <div class="postfoot"> <div class="user-contact"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </div> <div class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </div> <div style="clear:both;"></div> </div> </div> </div> </div> <hr id="first-post-br" /> <div class="main-content topic"> <p class="p-hidden">{postrow.hidden.MESSAGE}</p> </div>

Modificações que podem ser feitas:
Em "RANK","NOME" e "DATA" vocês poderão modificar para o nome do autor da mensagem que será postada, por exemplo "BOT",o rank do mesmo, por exemplo "Divulgador" e a data de inscrição dele, como por exemplo "05/10/2011".
Procure no código por "SEUS-CAMPOS", substituindo este local, você pode adicionar às informações do postador das mensagens, como idade e entre outros, fica à seu critério.
Em "LINK" você deverá colocar o link da imagem do avatar do postador que aparecerá nas postagens.
Em "SUA-MENSAGEM" modifique para a mensagem que será exposta ao final de cada postagem.

3º - Adicionando o código estudado:
Para podermos fazer a mudança nos tópicos, temos, em primeiro lugar, que perceber o que se deve modificar. Para encontrar o código a ser modificado, clique nas teclas CTRL+F.

Localize:

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <div style="clear:both;"></div> </div> </div> </div>  </div> <hr id="first-post-br" /> <div class="main-content topic">    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   </div>

Já encontrado, podemos começar a modificação. Logo abaixo da primeira linha do código acima, adicione o nosso código estudado no passo anterior, no caso, fizemos um exemplo para poder vos mostrar:

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <div class="main-content topic"> <div class="post"{postrow.displayed.THANK_BGCOLOR}> <a name="{postrow.displayed.U_POST_ID}"></a> <div class="postmain"{postrow.displayed.THANK_BGCOLOR}> <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}> </div> <div class="postbody"{postrow.displayed.THANK_BGCOLOR}> <div class="user"> <div class="user-ident"> <h4 class="username"></br> BOT USER</h4> <div class="user-basic-info"></br> <img src="https://i.imgur.com/wbIOt.png" /></br> </div> </div> <div class="user-info"> Rank: Divulgador</br> Idade: 65</br> Sexo: Masculino</br> Registro: 05/10/2011</br> </div> </div> <div class="post-entry"> <div class="entry-content"> <div> <div> Olá,</br></br> Que tal fazer parte do maior fórum de ajuda à administradores forumeiros? Isso mesmo, acesse agora:</br> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Forumeiros! </div> <div class="clear"></div> </div> <p> {postrow.displayed.EDITED_MESSAGE} </p> </div> </div> </div> <div class="postfoot"> <div class="user-contact"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </div> <div class="post-options"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </div> <div style="clear:both;"></div> </div> </div> </div> </div> <hr id="first-post-br" /> <div class="main-content topic"> <p class="p-hidden">{postrow.hidden.MESSAGE}</p> </div>

4º - Veja os resultados:

(clique na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Mensagem publicitária na versão PunBB