[TUTORIAL] Compartilhamento de tópicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[TUTORIAL] Compartilhamento de tópicos

Ir para baixo

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

Mensagem por Shek 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
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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