[TUTORIAL] Posicionar ícone online ao lado do nick

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

Membro Proficiente
  • 0

[TUTORIAL] Posicionar ícone online ao lado do nick Empty [TUTORIAL] Posicionar ícone online ao lado do nick

Mensagem por Luciano98 05.04.12 19:20

[TUTORIAL] Posicionar ícone online ao lado do nick Templates  Posicionar ícone online ao lado do nick
A versão Invision possui uma ótima ferramenta padrão que posiciona o ícone "Online" ao lado do nick, com este tutorial iremos aprender como obter o mesmo efeito nas demais versões.


--> Tutoriais, Dicas e Astúcias <--
Posicionar ícone online ao lado do nick


 
   
[TUTORIAL] Posicionar ícone online ao lado do nick Warning Para que possamos prosseguir com o tutorial, é preciso que tenha noção sobre a edição dos templates, que serão necessárias para a continuação deste tutorial. Para isso, veja: Modificar os templates do fórum
[TUTORIAL] Posicionar ícone online ao lado do nick Logo PhpBB2 e PunBB
- Localizar e modificar o template:
Aceda à Painel de controle  Seta  Visualização  Seta  Templates  Seta  Geral  Seta  viewtopic_body

(carregue na imagem para aumentar)
[TUTORIAL] Posicionar ícone online ao lado do nick 111


- Modificar o código:
Use a caixa de busca do template e procure por este código:
Código:
{postrow.displayed.ONLINE_IMG}

Selecione o código e aperte "Ctrl + X" para recortar. Novamente na caixa de busca procure por este código:
Código:
{postrow.displayed.POSTER_NAME}
Cole o código anterior ao lado desse, caso cole ao lado esquerdo, o ícone aparecerá a esquerda do nick, se colar ao lado direito ele ficará a direita do nick.

Salve e publique seu template!


[TUTORIAL] Posicionar ícone online ao lado do nick Logo PhpBB3
- Código utilizado:
jQuery(document).ready(function(){jQuery('.post.online').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="IMAGEM">')})});
Vermelho -> Link da imagem do ícone online.


- Inserir o código Javascript:
Aceda à Painel de controle  Seta  Módulos  Seta  HTML e Javascript  Seta  Gestão dos códigos Javascript
Clique no botão "Criar um novo javascript"

(carregue na imagem para aumentar)
[TUTORIAL] Posicionar ícone online ao lado do nick 2u5q4212
[TUTORIAL] Posicionar ícone online ao lado do nick 110111Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
[TUTORIAL] Posicionar ícone online ao lado do nick 110210Seta Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
[TUTORIAL] Posicionar ícone online ao lado do nick 110310Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
[TUTORIAL] Posicionar ícone online ao lado do nick 110410Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.
- Veja o resultado:

(carregue na imagem para aumentar)
[TUTORIAL] Posicionar ícone online ao lado do nick Untitl10



©️ Fórum dos Fóruns & King Gz;


   
[TUTORIAL] Posicionar ícone online ao lado do nick Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Posicionar ícone online ao lado do nick
Luciano98

Luciano98
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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