Teria como colocar o grupo do meu fórum que nem o desse

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

Resolvido Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Breno_RevolutioN em 12/03/18, 10:32 am

Detalhes da questão


Endereço do fórum: http://urb-samp.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Teria como colocar o grupo do meu fórum que nem o desse?

http://prntscr.com/iq41i2
avatar

Breno_RevolutioN
Nível 6

Masculino
Inscrito dia : 15/06/2017
Mensagens : 78
Pontos Ativos : 124

Ver perfil do usuário http://divulgacao-samp.forumeiros.com/

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Alex em 12/03/18, 10:37 am

Olá.

Você deseja o efeito quando o mouse passa sobre o grupo ou o estilo de como está o grupo?

Caso queira a primeira opção, veja esse tópico: https://ajuda.forumeiros.com/t109801-plugin-visualizar-membros-do-grupo-em-hover
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 643
Pontos Ativos : 866

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Pedxz em 12/03/18, 10:39 am

Olá,
se for o efeito ao passar o mouse adicione o seguinte JS com revestimento na Página inicial

Código:
$(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
 
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'View the full group',
        loading : 'Loading...',
        view_err : 'The group data could not be retrieved.'
      },
 
      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,
    theme : 'tooltipster-default',
    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>'
  );
});
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 740
Pontos Ativos : 1056

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

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Breno_RevolutioN em 13/03/18, 07:40 am

É o estilo de como o grupo está, com aquelas barrinhas, sem serem o colchetes.
avatar

Breno_RevolutioN
Nível 6

Masculino
Inscrito dia : 15/06/2017
Mensagens : 78
Pontos Ativos : 124

Ver perfil do usuário http://divulgacao-samp.forumeiros.com/

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Pedxz em 13/03/18, 08:28 am

Poderia enviar-me o seu index_body (template), por favor!
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 740
Pontos Ativos : 1056

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

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Breno_RevolutioN em 15/03/18, 01:38 pm

Resolvido!
avatar

Breno_RevolutioN
Nível 6

Masculino
Inscrito dia : 15/06/2017
Mensagens : 78
Pontos Ativos : 124

Ver perfil do usuário http://divulgacao-samp.forumeiros.com/

Resolvido Re: Teria como colocar o grupo do meu fórum que nem o desse

Mensagem por Alex em 16/03/18, 01:20 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 643
Pontos Ativos : 866

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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