
por Alex 26.04.18 23:56
| | Modificar a imagem "Responder a MP" para botão |
| |
Neste tutorial vamos aprender a mudar a imagem para Responder a uma Mensagem Privada para um botão no seu fórum, assim como mudar a posição dele para que fique junto aos botões de ação quando se lê uma Mensagem Privada.
Modificar a imagem "Responder a MP" para botão TUTORIAIS, DICAS E ASTÚCIAS |
Gestão da edição dos templatesA edição de template é o que faz com que seu fórum tenha o maior número de personalizações possíveis. Este recurso é agradável e merece cautela para ser editado, afim de evitar qualquer bug ou erro na publicação. Você pode contar com o apoio de nossos voluntários para editar seu template.
Painel de Controle Visualização Templates |
(carregue na imagem para aumentar)![[TUTORIAL] Modificar a imagem "Responder a MP" para botão Cp_tpl10](https://i.servimg.com/u/f18/18/76/69/60/cp_tpl10.png) ![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110111](https://i.servimg.com/u/f36/11/66/91/15/110111.gif) | Forçar modelos padrão - Ao selecionar a opçao Sim, todos os templates editados perdem o seu valor, sendo substituído pelo template padrão (sem edição). Mesmo ativando o recurso, os templates editados continuam com as edições feita pelo Administrador. |
![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110210](https://i.servimg.com/u/f36/11/66/91/15/110210.gif) | Nome - Esta coluna mostra o nome de cada template em específico. Estes nomes são responsáveis pela edição de uma parte do fórum, sendo seguida por uma extensão chamada de .tpl. Ou seja, index_body.tpl ! Apesar de não ser visível, você poderá usar este posicionamento para indicar os templates. |
![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110310](https://i.servimg.com/u/f36/11/66/91/15/110310.gif) | Descrição - Uma breve descrição a respeito do template mencionado. Este ajuda-o a saber exatamente que parte do fórum está para ser editado. |
![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110410](https://i.servimg.com/u/f36/11/66/91/15/110410.gif) | Valor padrão- Consiste no valor padrão do seu template de fórum. Ou seja, cada versão possuí um template específico. Este link Valor padrão quando clicado exibe o código padrão do seu template sem edições, independente do template mencionado estar editado. |
![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110510](https://i.servimg.com/u/f36/11/66/91/15/110510.gif) | Status - Qualquer atribuição feita ao template será mostrada nesta coluna, afim de informar o Administrador de que o template encontra-se pendente ou publicado. Quando este não estiver público, pode ser visto pelo Administrador no fórum antes mesmo de ser publicado (como uma espécie de pré-visualização).
|
![[TUTORIAL] Modificar a imagem "Responder a MP" para botão 110510](https://i.servimg.com/u/f36/11/66/91/15/110510.gif) | Ação - Permite editar ou excluir os templates do fórum. Para isso, basta clicar no botão para editar. | Para este tutorial, focaremos no seguinte template:
Painel de Controle Visualização Templates Postar & Mensagens Privadas privmsgs_read_body | Iremos substituir e adicionar algumas partes deste template, então preste atenção! 1. Primeiro iremos localizar esta condição: <!-- BEGIN switch_save -->. Iremos encontrar este código:
- Código:
<!-- BEGIN switch_save --> <input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" /> <!-- END switch_save -->
E precisamente antes deste código, iremos adicionar o código seguinte:
- Código:
<!-- BEGIN switch_post_reply --> <a class="button2 PMreply" href="">Responder</a> <!-- END switch_post_reply --> 2. Agora, iremos procurar por <!-- BEGIN switch_post_reply -->. Esta modificação vai servir para esconder a seção onde se encontra a imagem de responder à MP. Iremos encontrar este código:
- Código:
<!-- BEGIN switch_post_reply --> <div class="topic-actions"> <div class="buttons"> <div class="post-icon">{REPLY_PM_IMG}</div> </div> </div> <div class="clear"></div> <!-- END switch_post_reply --> E substitua
- Código:
<div class="topic-actions"> por
- Código:
<div class="topic-actions" style="display: none"> 3. Por fim, procure por <!-- BEGIN switch_image_resize -->. Este código servirá para que o link para responder seja adicionado ao botão pelo link da imagem que escondemos anteriormente. Quando achar a linha, coloque o código seguinte antes dessa mesma linha.
- Código:
<script type="text/javascript"> //<![CDATA[ (function($) { $('.PMreply').attr('href', $('.post-icon a').attr('href')); })(jQuery); //]]> </script>
- Resultado:
Antes: Depois:
|
Alex- Usuário destaque
-

Inscrito dia : 09/09/2016
Mensagens : 651
Pontos Ativos : 883
-


Permissão deste fórum:
Você
não pode responder aos tópicos neste fórum