Acesso rápido
Últimos assuntos
REVOLUTIONSáb 26 Mar 2022 - 20:37hoanglongnhatbao
bl4{theme}Sáb 26 Mar 2022 - 9:50hoanglongnhatbao
Apresente-se no fórum dos temasQui 8 Set 2016 - 12:22Admin
Os temas do Fórum dos Temas agora são grátis!Dom 29 maio 2016 - 16:35ʂօpεɾ ოօʂმ3εძ
Quem você admira no forum dos temas?Ter 3 maio 2016 - 11:01Kae Lanzellotte
Esporte VerdeSex 11 Dez 2015 - 14:43Shek Crowley
Tema Facebook 2014Sáb 28 Nov 2015 - 11:07Admin
Qual tema usado nesses forum's ?Seg 29 Jun 2015 - 18:07Louro_Jose
Atualização do FDTTer 26 maio 2015 - 10:10Neimasinho
TEMASEIROS


Setembro/2010

Parceiros
Fórum dos Temas

Ir para baixo
JonasB.
JonasB.
Membro ativo
Mensagens : 179
Reputação : 6
Data de inscrição : 03/06/2012
Localização : São Paulo | São Paulo

Brasil Phpbb3
http://stickle.forumeiros.com/

[TUTORIAL] Aparecer título do tópico completo ao passar o mouse Empty [TUTORIAL] Aparecer título do tópico completo ao passar o mouse

Seg 16 Jul 2012 - 21:59
[TUTORIAL] Aparecer título do tópico completo ao passar o mouse Ecrire10
Aparecer título do tópico completo ao passar o mouse

Este
tutorial ensina a como fazer o título dos tópicos aparecerem completos
quando um usuário passar o mouse. Esse tutorial funcionar para todas as
versões.


--> Tutoriais, dicas e astúcias <--
Aparecer título do tópico completo ao passar o mouse


1º - Código utilizado:


jQuery(document).ready(function(){p='.forabg .forums .row
dd.lastpost';i='.borderwrap .ipbtable td.row1';b='table.forumline
td.row3.over span.gensmall';if(jQuery(p).length){t=p}else
if(jQuery(i).length){t=i}else
if(jQuery(b).length){t=b}else{t='.main-content table.table
td.tcr'};jQuery(t+' span
a[title]').hover(function(){jQuery(this).attr('alt',jQuery(this).html());jQuery(this).html(jQuery(this).attr('title'))},function(){jQuery(this).html(jQuery(this).attr('alt'))})});


2º - Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".


(carregue na imagem para aumentar)
[TUTORIAL] Aparecer título do tópico completo ao passar o mouse Atuali10

[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 110111[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 398853 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] Aparecer título do tópico completo ao passar o mouse 110210[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 398853 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] Aparecer título do tópico completo ao passar o mouse 110310[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 398853 Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 110410[TUTORIAL] Aparecer título do tópico completo ao passar o mouse 398853 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º - O resultado final:

[TUTORIAL] Aparecer título do tópico completo ao passar o mouse GdmvK




© Fórum dos Temas & Haseo ©

[TUTORIAL] Aparecer título do tópico completo ao passar o mouse Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Aparecer título do tópico completo ao passar o mouse
Ir para o topo
Permissões neste sub-fórum
Não podes responder a tópicos