[TUTORIAL] Compartilhamento de tópicos

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

[TUTORIAL] Compartilhamento de tópicos Empty [TUTORIAL] Compartilhamento de tópicos

Mensagem por Shek em 13.10.14 8:15


[TUTORIAL] Compartilhamento de tópicos Templates

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)
[TUTORIAL] Compartilhamento de tópicos Templa10


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
    [TUTORIAL] Compartilhamento de tópicos Result19





© Fórum dos Fóruns

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18137
Pontos Ativos : 22143

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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