Personalizar Quem esta on

3 participantes

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

Tópico resolvido Personalizar Quem esta on

Mensagem por pedromaster 07.04.13 14:37

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
pedromaster

pedromaster
***

Membro desde : 21/10/2011
Mensagens : 150
Pontos : 214

http://poke-dimension-onli.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por .Danni. 07.04.13 21:58

Olá,

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

Cordialmente,
The Boss
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster 08.04.13 16:27

pedromaster

pedromaster
***

Membro desde : 21/10/2011
Mensagens : 150
Pontos : 214

http://poke-dimension-onli.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por Sennior 08.04.13 18:18

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster 08.04.13 18:40

Não funfou ´-´
pedromaster

pedromaster
***

Membro desde : 21/10/2011
Mensagens : 150
Pontos : 214

http://poke-dimension-onli.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por Sennior 08.04.13 19:24

Saudações! Muito feliz

Queira checar tópico do senhor Seender:

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

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por pedromaster 08.04.13 19:39

o meu é punbb não phpbb3
pedromaster

pedromaster
***

Membro desde : 21/10/2011
Mensagens : 150
Pontos : 214

http://poke-dimension-onli.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Quem esta on

Mensagem por Sennior 08.04.13 19:43

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 https://ajuda.forumeiros.com/t69936-

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos