[TUTORIAL] Compartilhamento de tópicos

Com este recurso disponível para todas as versões, podemos criar uma caixa de compartilhamento de links que ficará disponível nos tópicos tipo "Blog" ou em tópicos simples do fórum.

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

1º - Acedendo a edição de templates:
Deveremos aceder a;
Painel de controle -> Visualização -> Templates / Geral / viewtopic_body



Em seguida, na caixa Buscar, localize a segunda TAG:

Código:

<!-- BEGIN topicpagination -->

Ao encontrar, acima dela cole o seguinte código:

Código:

<!-- CAIXA DE COMPARTILHAMENTO -->

    <div id="sharebox_shek">
        <div class="main-head clearfix">
        <style type="text/css">
        .avt-r {
        float: left;
        }
        .avt-r img {
        width: 36px;
        height: 36px;
        margin: 3px;
        padding: 1px;
        border: 1px solid #D5D5D5;
        background: white;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        }
        .avt-r img:hover {
        border-color: #a1a1a1;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
        }
     
      #sharebox_shek {
      background-color: #ecf3f7;
      color: #536482;
      margin-bottom: 4px;
      padding: 0 10px;
      border-radius: 5px;
      }
     
      #sharebox_shek h3 {
      border-bottom: 1px solid #0076b1;
      color: #0076b1;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 1.05em;
      margin-bottom: 3px;
      margin-top: 20px;
      padding-bottom: 2px;
      text-transform: uppercase;
      }</style>
        <p class="h3">Compartilhe este tópico:</p>
        </div>
        <div class="main-content frm comp">
        <table border="0">
        <tr>
        <td><strong>URL do tópico </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} [/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} </a>" /></td>
        </tr>
        </table>
        </div>
        </div>
    <!-- FIM DA CAIXA DE COMPARTILHAMENTO -->

Feito isso, salve.

• Resultado
  
  

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:Compartilhamento de tópicos