Personalizar Quem esta on

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

Resolvido Personalizar Quem esta on

Mensagem por pedromaster em 07/04/13, 10:37 am

Qual é minha questão:
Eu achei como colocar as estatísticas personalizadas mais não combinou com o forum então eu tava no forum do MateusV. e achei muito legal as estatísticas dele alguem poderia me ajuda a personalizar as do meu forum daquele geito?

Endereço do meu fórum:
http://poke-dimension-onli.forumeiros.com

Versão do fórum:
PUNBB
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Personalizar Quem esta on

Mensagem por .Danni. em 07/04/13, 05:58 pm

Olá,

Por favor, poste o endereço do fórum em questão.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster em 08/04/13, 12:27 pm

avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Personalizar Quem esta on

Mensagem por Sennior em 08/04/13, 02:18 pm

Saudações! Muito feliz

Aceda à tua "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos 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');
});


Aceda à tua "Folha De Estilo CSS":

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

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. Muito feliz

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster em 08/04/13, 02:40 pm

Não funfou ´-´
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Personalizar Quem esta on

Mensagem por Sennior em 08/04/13, 03:24 pm

Saudações! Muito feliz

Queira checar tópico do senhor Seender:

Flecha ajudeiros http://ajuda.forumeiros.com/t69936-

Seu grande amigo,
Mikéé! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster em 08/04/13, 03:39 pm

o meu é punbb não phpbb3
avatar

pedromaster
Nível 9

Masculino
Inscrito dia : 20/10/2011
Mensagens : 150
Pontos Ativos : 214

Ver perfil do usuário http://poke-dimension-onli.forumeiros.com

Resolvido Re: Personalizar Quem esta on

Mensagem por Sennior em 08/04/13, 03:43 pm

Saudações! Muito feliz

Amigo o código dado pelo seender naquele tópico não interfere em nada nas versões pois estamos mexendo com "Java Script".

Flecha ajudeiros http://ajuda.forumeiros.com/t69936-

Seu grande amigo,
Mikéé! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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