AgitaGAMES


Bem Vindos ao AgitaGAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!






Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Administrador
  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


   
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
PhpBB2 e PunBB
1º - Localizar e modificar o template:
Aceda à Painel de controle    Visualização    Templates    Geral    viewtopic_body





2º - 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!


PhpBB3
1º - Código utilizado:


jQuery(document).ready(function(){jQuery('.post.online').each(function(){jQuery(this).find('.postprofile
dl dt strong a').after(' IMAGEM">')})});

Vermelho -> Link da imagem do ícone online.


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


(carregue na imagem para aumentar)

Expandir esta imagem Ver em tamanho real
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;
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;
Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
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.
3º - Veja o resultado:


(carregue na imagem para aumentar)



Última edição por T-Lord em Ter 2 Jul 2013 - 12:46, editado 1 vez(es)





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Membro Lendário
Excelente Tutorial!




Ver perfil do usuário http://toon.forumfacil.net/
avatar
Administrador
Obrigada por comentar(em)!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Administrador
Atualizado@

Bugs foram retirados dos códigos, usado e testado no dia 2 de julho de 2013 ás 14:49h


Att. T-Lord





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Membro Ativo
Obg por compartilhar.

Ver perfil do usuário
avatar
Administrador
De nada amigo.





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Administrador
Obrigado Por Conpartilhar





Ja Foi :
Moderador [X]
Gerente [  ]
Admistrador [X]

Minhas Metas :
200 Posts [X]
600 Posts [X]
1000 Posts [X]
2000 Posts [X]
2500 Posts [ ]

Oq Deveria ter Feito Na Epoca : (2011 - 2012)
Fazer T-lord parar De Floodar [ ]
Ter Ficado de Gerente Nao Moderador [ ]
Fazer Ipad E Zero Pararem Tmb De Floodar [ ]
Ver perfil do usuário http://www.zonetoony.net/
avatar
Administrador
De nada amigo!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Gerente
ótimo tutorial , obrigado por compartilhar ^.^

Ver perfil do usuário
avatar
Administrador
De nada novamente!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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