Personalizar "quem está conectado?"

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

Resolvido Personalizar "quem está conectado?"

Mensagem por bean em 20/05/13, 02:28 pm

Qual é minha questão:
Olá,

Eu estou caçando este código e seu tutorial já faz um tempo apesar de já ter feito uso deles. Se observarem o PRINT verão que o "Quem esta conectado?" deste RPG foi modificado, Eu gostaria do código e do tutorial de como fazer o mesmo, Lembrando que não quero código "Roubado" do RPG com a imagem da autoria deles, Se forem fazer tais coisas sem o consentimento do dono ao menos tire os conteúdos feitos por eles. Eu agradeço!

Imagem do Problema:
O PRINT FOI TIRADO DO RPG O CORUJAL.FORUMEIROS.COM

Endereço do meu fórum:
http://halfblood-world.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por Firemanmad em 22/05/13, 12:44 am, editado 1 vez(es)
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Personalizar "quem está conectado?"

Mensagem por wαłkiηg em 20/05/13, 03:07 pm

Olá,

Só será possível na versão Punbb e Phpbb2, e no caso seu fórum e na versão Phpbb3

Até
avatar

wαłkiηg
Nível 4

Masculino
Inscrito dia : 18/05/2013
Mensagens : 26
Pontos Ativos : 39

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

Resolvido Re: Personalizar "quem está conectado?"

Mensagem por bean em 20/05/13, 10:02 pm

Olá,

Eu gostaria de saber se há alguma modificação para o "Quem esta conectado?" Por exemplo se observar meu RPG lá o "Quem esta conectado?" não é como o original, Se souber me responder ganhara + pela atenção aos meus tópicos. Contate-me via MP por favor.
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Personalizar "quem está conectado?"

Mensagem por MateusA em 21/05/13, 08:03 am

Olá!

Aceda em:<br />
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo código Javascript

Código:
            jQuery(document).ready(function(){
          $(".forabg + .linklist").after('
        <div id="main_abas"><div id="content1" class="aba">
        </div><div id="content2" class="aba">
        </div><div id="content3" class="aba">
        </div><div id="content4" class="aba">
        </div>
        </div>
        ');
          $("#i_whosonline + p").appendTo("#content1.aba");
          $("p + .clear + .h3, p.page-bottom + .h3, p.page-bottom").appendTo("#content2.aba");
          $("em").appendTo("#content3.aba");
          $('#content4.aba').append('
        <center><strong>Código desenvolvido por Daemon - BestSkins');
          $("#i_whosonline + p").addClass('onlinelist');
        });
Valide.


Seta Titulo: Qualquer um.
Seta Investimento: No indice.
Seta Codigo: Bote o codigo acima.

Aceda em:<br />
Painel de Controle Seta Módulos Seta Portal & Widget Seta Gestão dos Widgets Seta Criar um novo Widget Personalizado!

Código:
        <script>
        jQuery(document).ready(function(){
        jQuery('#main_abas').prepend(
        '<ul id="navbar"><li><a class="active">BestSkins</a></li> <li><a>Estatísticas</a></li><li><a>Grupos</a></li><li><a>Créditos</a></li></ul>')

        jQuery('.aba').css({
        display: 'none',
        marginTop: 0,
        borderTopWidth: 0
        })

        jQuery('#content1').css('display', 'block');

        jQuery('a', jQuery('#navbar')).click(function() {
        var i = jQuery('a', jQuery('#navbar')).index(this) + 1;
        jQuery(this).parents('#main_abas').children('.aba:visible').hide();
        jQuery('#content' + i).show();
        jQuery(this).parents('#navbar').find('a').removeClass('active');
        jQuery(this).addClass('active');
        })
        })
        </script>
        <style>
        .onlinelist {
          font-size: 12px;
          font-family: Verdana,Arial,Helvetica,sans-serif;
          margin-top: 8px;
          padding: 8px 10px;
        }
        .onlinelist em {
          font-family: Verdana,Arial,Helvetica,sans-serif;
          font-style: normal;
        }
        div.h3, div.h3 a {display: none!important;}
        div#main_abas {
        margin-bottom: 9px;
        padding: 18px;
        border: 1px solid #0E87F0;
        box-shadow: 0px 2px 6px #333;
        border-radius: 10px;
        background: #B2E1FF;
        background: -moz-linear-gradient(top, rgba(178, 225, 255, 1) 0%, rgba(102, 182, 252, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178, 225, 255, 1)), color-stop(100%,rgba(102, 182, 252, 1)));
        background: -webkit-linear-gradient(top, rgba(178, 225, 255, 1) 0%,rgba(102, 182, 252, 1) 100%);
        background: -o-linear-gradient(top, rgba(178, 225, 255, 1) 0%,rgba(102, 182, 252, 1) 100%);
        background: -ms-linear-gradient(top, rgba(178, 225, 255, 1) 0%,rgba(102, 182, 252, 1) 100%);
        background: linear-gradient(to bottom, rgba(178, 225, 255, 1) 0%,rgba(102, 182, 252, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );
        }
        div.aba {
        max-height: 200px;
        overflow: auto;
        padding: 15px;
        border: 1px solid #444!important;
        box-shadow: 0px 2px 6px grey;
        border-radius: 6px;
        background: #EEE;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238, 238, 238, 1)), color-stop(100%,rgba(238, 238, 238, 1)));
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
        background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
        background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
        }
        #navbar {
          font:bold 12px Georgia, "Times New Roman", Times, serif;
          margin:0;
          padding:3px 0;

          }
        #navbar li {
          list-style:none;
          margin-right:6px;
          display:inline;
          }
        #navbar li a {
          padding:3px 6px;
          border:1px solid #09F;
          border-bottom:none;
          background: #499BEA;
          color:#333;
          text-decoration:none;
          }
        #navbar li a:hover {
          color:#000;
          background:#aae;
          border-color:#09F;
          }
        #navbar li a.active {background-color:#009;}
        #navbar li a {
        cursor: pointer;
        text-decoration: none;
        margin-left: 8px;
        color: white;
        border-radius: 5px;
        font-weight: bold;
        text-shadow: 1px 0px 0.5px #888;
        border: 1px solid #0E3B96;
        padding: 8px;
        padding-left: 10px;
        padding-right: 10px;
        box-shadow: inset 0 0 2px rgba(255,255,255,0.76);
        -webkit-transition: background-color 0.5s;
        -moz-transition: background-color 0.5s;
        -o-transition: background-color 0.5s;
        display:inline-block;
        transition: background-color 0.5s;
        }
            #navbar li a:hover {    background-color: #22D5E7;}
        </style>
Valide.


Seta Titulo: Qualquer um.
Seta Table type: Não.
Seta Codigo: Bote o codigo acima.



Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar "quem está conectado?"

Mensagem por bean em 22/05/13, 12:44 am

Funcional Obrigada ^^
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

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

- Tópicos similares

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