[TUTORIAL] Compartilhar tópicos

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

Membro Entusiasta
  • 0

TUTORIAL - [TUTORIAL] Compartilhar tópicos Empty [TUTORIAL] Compartilhar tópicos

Mensagem por Ace 28.03.13 21:37


TUTORIAL - [TUTORIAL] Compartilhar tópicos Alerte1

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:

TUTORIAL - [TUTORIAL] Compartilhar tópicos Versio11 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>

TUTORIAL - [TUTORIAL] Compartilhar tópicos Versio15 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>

TUTORIAL - [TUTORIAL] Compartilhar tópicos Versio12 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>');
});

TUTORIAL - [TUTORIAL] Compartilhar tópicos Versio14 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:

TUTORIAL - [TUTORIAL] Compartilhar tópicos Logo 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

TUTORIAL - [TUTORIAL] Compartilhar tópicos Painel11

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

TUTORIAL - [TUTORIAL] Compartilhar tópicos Logo 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)
TUTORIAL - [TUTORIAL] Compartilhar tópicos Painel13

TUTORIAL - [TUTORIAL] Compartilhar tópicos 110111Seta 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;
TUTORIAL - [TUTORIAL] Compartilhar tópicos 110210Seta Investimento - Escolha a opção "Em todas as páginas";
TUTORIAL - [TUTORIAL] Compartilhar tópicos 110310Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
TUTORIAL - [TUTORIAL] Compartilhar tópicos 110410Seta 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:

TUTORIAL - [TUTORIAL] Compartilhar tópicos PHhlf



© Fórum dos Fóruns


TUTORIAL - [TUTORIAL] Compartilhar tópicos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Compartilhar tópicos
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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