[TUTORIAL] Compartilhamento de tópicos

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

[TUTORIAL] Compartilhamento de tópicos

Mensagem por Shek em 13/10/14, 04:15 am



Edição de templates


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



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

(carregue na imagem para aumentar)


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





© Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17363
Pontos Ativos : 21548

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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