+22 Shurek
Quakeline
Clustry
Negativo
davidgomes10
ManuelSk
GlowHPS
Bruno_Michael
Razor Vilhena
Pivetin
Foxy-xD
lucasyori
Gwynlleuad
S1L3NC3
Franco
virus
WinaTickets
yaTTo
RonaldoWynnek
gurila666
deaneo8
while1
26 participantes
while1 • Dom 11 Set 2016 - 0:29
Reputação da mensagem: 100% (1 votos)
Nome do Arquivo: [TUTORIAL] Visualizar membros do grupo em hover
Autor: Angie Tuteur
Funcionalidade: Todas as versões
Categoria: Recursos de Outros Autores
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Título - Correspondente ao nome da página JavaScript/jQuery que será criada.Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos no índice .Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript criar novo javascript [guest]
Código: $(function() { var max_users = 10, lang = { view_group : 'Veja o grupo completo', loading : 'Carregando...', view_err : 'Os dados do grupo não pode ser recuperado.' }, links = $('a[href^="/g"]').filter(function() { if (/\/g\d+-/.test(this.href)) { return this; } }), groupsinfo = {}; links.tooltipster && links.not('.tooltipstered').tooltipster({ animation : 'fade', interactive : true, contentAsHTML : true, minWidth : 300, maxWidth : 300, delay : 500, arrowColor : "#EEE", autoClose : true, content : lang.loading, functionBefore : function(origin, continueTooltip) { continueTooltip(); var groupURL = $(this).attr('href'), groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'), groupName = $(this).text(); if (origin.data('ajax') !== 'cached') { if (groupsinfo[groupId] != undefined) { origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached'); } else { $.get(groupURL, function(d) { var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d), i = 0, li, container = $('<div>'+ '<div class="fa_group_preview">'+ '<h2 class="fa_group_name">' + groupName + '</h2>'+ '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+ '<ol class="fa_group_list"></ol>'+ '<div class="fa_group_button">'+ '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+ '</div>'+ '</div>'+ '</div>'); for (; i < max_users; i++) { if (user[i]) { li = document.createElement('LI'); li.appendChild(user[i]); $('ol', container).append(li); } } if (!$('li', container).length) { $('ol', container).after('<div>' + lang.view_err + '</div>'); } groupsinfo[groupId] = container.html(); origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached'); }); } } } }); $('head').append( '<style type="text/css">'+ '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }'+ '.fa_group_preview a { text-decoration:none; }'+ 'h2.fa_group_name { font-size:24px; }'+ 'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+ 'ol.fa_group_list { margin:0 25px; padding:0; }'+ '.fa_group_button { margin-top:10px; text-align:center; }'+ '</style>' ); });
[/guest]
Última edição por while1 em Dom 11 Set 2016 - 1:04, editado 1 vez(es)
while1
Membro
Membro desde : 29/05/2016
Mensagens : 85
Reputação : 58
Reputação da mensagem: 100% (1 votos)
while1 • Dom 11 Set 2016 - 0:42
[sucesso=Tutorial aceito][/sucesso]
while1
Membro
Membro desde : 29/05/2016
Mensagens : 85
Reputação : 58
deaneo8 • Dom 18 Set 2016 - 10:47
nice keep it up bro thanks
deaneo8
Membro
Membro desde : 10/12/2014
Mensagens : 158
Reputação : 4
gurila666 • Seg 19 Set 2016 - 9:18
Niiiiice, muito bom estava procurando a tempos esse!!!
gurila666
Membro
Membro desde : 03/09/2016
Mensagens : 31
Reputação : 0
RonaldoWynnek • Qua 12 Out 2016 - 19:42
RonaldoWynnek
Membro
Membro desde : 29/09/2016
Mensagens : 31
Reputação : 0
yaTTo • Sáb 12 Nov 2016 - 7:06
yaTTo
Membro
Membro desde : 14/08/2015
Mensagens : 48
Reputação : 2
WinaTickets • Sex 18 Nov 2016 - 8:15
WinaTickets
Membro
Membro desde : 17/11/2016
Mensagens : 51
Reputação : 0
virus • Seg 28 Nov 2016 - 18:01
Estarei aplicando em meu fórum :cry
virus
Membro
Membro desde : 20/03/2013
Mensagens : 73
Reputação : 2
Franco • Seg 19 Dez 2016 - 21:29
Franco
Novo Membro
Membro desde : 19/12/2016
Mensagens : 17
Reputação : 0
S1L3NC3 • Qua 21 Dez 2016 - 13:16
S1L3NC3
Membro
Membro desde : 23/05/2015
Mensagens : 50
Reputação : 2
Gwynlleuad • Qua 28 Dez 2016 - 17:01
Gwynlleuad
Novo Membro
Membro desde : 23/12/2016
Mensagens : 8
Reputação : 0
lucasyori • Qua 28 Dez 2016 - 18:33
lucasyori
Membro
Membro desde : 20/08/2013
Mensagens : 71
Reputação : 3
Foxy-xD • Qua 25 Jan 2017 - 15:25
Foxy-xD
Membro
Membro desde : 23/08/2015
Mensagens : 48
Reputação : 2
Pivetin • Ter 2 maio 2017 - 20:30
Pivetin
Novo Membro
Membro desde : 29/04/2017
Mensagens : 16
Reputação : 0
Razor Vilhena • Qua 22 Nov 2017 - 11:54
Razor Vilhena
Novo Membro
Membro desde : 21/11/2017
Mensagens : 13
Reputação : 0
Bruno_Michael • Sex 8 Dez 2017 - 21:17
Parece útil, irei aplicar em meu fórum para ver como fica.
Bruno_Michael
Membro
Membro desde : 18/03/2014
Mensagens : 134
Reputação : 20
GlowHPS • Seg 26 Mar 2018 - 13:55
GlowHPS
Membro
Membro desde : 02/10/2014
Mensagens : 47
Reputação : 0
ManuelSk • Sáb 31 Mar 2018 - 15:12
tava procurando isso a muito tempo obrigado <3
ManuelSk
Membro
Membro desde : 11/03/2016
Mensagens : 61
Reputação : 0
davidgomes10 • Qui 12 Abr 2018 - 1:31
davidgomes10
Membro
Membro desde : 20/06/2015
Mensagens : 35
Reputação : 0
Negativo • Dom 15 Abr 2018 - 21:42
Interessante, curioso para ver como isso funciona!
Negativo
Novo Membro
Membro desde : 12/12/2014
Mensagens : 17
Reputação : 2
Clustry • Seg 3 Dez 2018 - 17:37
Obrigado por compartilhar. Se o código ainda estiver presente no tópico, irei testar com certeza.
Clustry
Novo Membro
Membro desde : 08/09/2017
Mensagens : 5
Reputação : 0
Quakeline • Qui 14 Fev 2019 - 8:59
Quakeline
Membro
Membro desde : 28/01/2013
Mensagens : 158
Reputação : 10
Shurek • Ter 12 Mar 2019 - 10:51
comentando para visualizar
Shurek
Membro
Membro desde : 10/02/2015
Mensagens : 49
Reputação : 0
lucasxd111 • Qua 11 Mar 2020 - 21:14
Comentando para visualizar download
lucasxd111
Novo Membro
Membro desde : 01/04/2013
Mensagens : 29
Reputação : 0
IonutzD • Dom 26 Dez 2021 - 20:42
IonutzD
Membro
Membro desde : 13/05/2014
Mensagens : 62
Reputação : 6
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos