[TUTORIAL] Compartilhar tópicos

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

  • 0

[TUTORIAL] Compartilhar tópicos

Mensagem por Ace em 28/03/13, 06:37 pm



Compartilhar tópicos

Neste tutorial, veremos uma nova ferramenta que disponibiliza o compartilhamento rápido, simples é fácil de tópicos!

--> Tutoriais, dicas e astúcias <--
Compartilhar tópicos


- Código a ser utilizado:

PHPBB2

Código:
 <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2"><strong>Url directa</strong></td>
<td class="row2"><input type="text" style="width:850px;" value="{FORUM_URL}{TOPIC_URL}" /></td>
</tr>
<tr>
<td class="row2"><strong>BBcode</strong></td>
<td class="row2"><input type="text" style="width:850px;" value="[url={FORUM_URL}{TOPIC_URL}]{TOPIC_TITLE} en EL NOME DE TEU FÓRUM[/url]" /></td>
</tr>
<tr>
<td class="row2"><strong>HTML</strong></td>
<td class="row2"><input type="text" style="width:850px;" value="<a href='{FORUM_URL}{TOPIC_URL}'>{TOPIC_TITLE} en NOME DE TEU FÓRUM</a>" /></td>
</tr>
</table>

PUNBB

Código:
<div class="main">
<div class="main-head clearfix">
<p class="h2">Compartilhe este Tópico!</p>
</div>
<div class="main-content frm comp">

<table border="0">
<tr>
<td><strong>Url directa</strong></td>
<td><input type="text" style="width:850px;" value="{FORUM_URL}{TOPIC_URL}" /></td>
</tr>
<tr>
<td><strong>BBcode</strong></td>
<td><input type="text" style="width:850px;" value="[url={FORUM_URL}{TOPIC_URL}]{TOPIC_TITLE} en NOME DE TEU FÓRUM[/url]" /></td>
</tr>
<tr>
<td><strong>HTML</strong></td>
<td><input type="text" style="width:850px;" value="<a href='{FORUM_URL}{TOPIC_URL}'>{TOPIC_TITLE} en NOME DE TEU FÓRUM</a>" /></td>
</tr>
</table>
</div>
</div>

PHPBB3

Código:
$(document).ready(function(){
var url = window.location;
var titulo = $("h1.page-title a").text();
$(".noprint").before('<table border="0">
<h3 class="h3">Compartilhe este Tópico</h3>
<tr>
<td><strong>Url directa</strong></td>
<td><input type="text" style="width:850px;" value="'+url+'" /></td>
</tr>
<tr>
<td><strong>BBcode</strong></td>
<td><input type="text" style="width:850px;" value="[url='+url+']'+titulo+' en NOME DE TEU FÓRUM[/url]" /></td>
</tr>
<tr>
<td><strong>HTML</strong></td>
<td><input type="text" style="width:850px;" value="<a href=\''+url+'\'>'+titulo+' en NOME DE TEU FÓRUM</a>" /></td>
</tr>

</table>');
});

INVISION
Código:
$(document).ready(function(){
var url = window.location;
var titulo = $(".maintitle:lt(1) h3").text();
$(".borderwrap + br").before('<div class="row2">
<div class="maintitle clearfix"><h3>Compartilhe este Tópico</h3></div>
<p><table border="0">
<tr>
<td><strong>Url directa</strong></td>
<td><input type="text" style="width:850px;" value="'+url+'" /></td>
</tr>
<tr>
<td><strong>BBcode</strong></td>
<td><input type="text" style="width:850px;" value="[url='+url+']'+titulo+' en NOME DE TEU FÓRUM[/url]" /></td>
</tr>
<tr>
<td><strong>HTML</strong></td>
<td><input type="text" style="width:850px;" value="<a href=\''+url+'\'>'+titulo+' en NOME DE TEU FÓRUM</a>" /></td>
</tr>
</table></p>

</div>');
});

- Gerir o código:

Para gerirmos o código, precisamos achar as seguintes palavras no código de sua versão:

<td><strong>BBcode</strong></td>
<td><input type="text" style="width:850px;" value="[url='+url+']'+titulo+' en NOME DE TEU FÓRUM[/url]" /></td>
</tr>
<tr>
<td><strong>HTML</strong></td>
<td><input type="text" style="width:850px;" value="<a href=\''+url+'\'>'+titulo+' en NOME DE TEU FÓRUM</a>" /></td>
</tr>

Vermelho >> Deverá substituir pelo nome do seu fórum

- Aplicação:

PHPBB2 & PUNBB

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


Adicione o código após o inicio do template.

PHPBB3 & INVISION

Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

(carregue na imagem para aumentar)

Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Seta Investimento - Escolha a opção "Em todas as páginas";
Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

- Resultado:




© 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] Compartilhar tópicos
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11605

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