Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
[Tutorial] Widget para mudar a largura do fórum


Bem galera eu estava dando um role por um fórum norte americanos e notei um widget curioso que mudava a largura do fórum.
Depois de dar uma pesquisada e não achar nada, eu notei que este código não chegou até o Brasil, com certeza irá ajudar pessoas que tem o monitor de tamanho pequeno e vê o fórum todo "torto".
Me desculpem pela falta de créditos, mas eu não sei quem fez o código... Se você souber e tiver alguma prova, pode comentar aí.

Para instalar o widget primeiro vamos colocar o próprio código dentro dele.
Você já deve saber colocar um widget né? Se não souber pergunte aqui.


Código:
<!-- Código de largura do fórum -->
<script type="text/JavaScript">
jQuery(document).ready(function(){
jQuery("#forumwidth").click(function(){
 var a=eval(document.getElementById("selectwidth").value);
 var b=0;
   jQuery("body#phpbb").animate({width:a},800, "linear");
  if(a==1050){b=1;}
  if(a==1100){b=2;}
  if(a==1200){b=3;}
  if(a==1300){b=4;}
 setKuki('bodylinewidthkuki',b,365);
});
});
</script>
<center><div style="text-align: center;"><input type=submit id="forumwidth" value="Dimensionar">
<select id="selectwidth">
      <option selected>980</option>
      <option>1050</option>
      <option>1100</option>
      <option>1200</option>
      <option>1300</option>
</select></div></center>
<!-- END Código de largura do fórum -->


Agora que você já adicionou o código do widget, vamos adicionar o JavaScript para que o código funcione com perfeição.
Você sabe instalar um código JavaScript? Se não souber pergunte aqui.

Investimento:Em todas as páginas

Código:
$.getScript('http://metalltestes.virtuaboard.com/16152.js');
jQuery(function(){
   jQuery(window).load(function(){
  if(parseInt(getKuki('bodylinewidthkuki'))==0){
   jQuery("table.bodylinewidth").width(980);
}
  if(parseInt(getKuki('bodylinewidthkuki'))==1){
   jQuery("table.bodylinewidth").width(1050);
}
  if(parseInt(getKuki('bodylinewidthkuki'))==2){
   jQuery("table.bodylinewidth").width(1100);
}
  if(parseInt(getKuki('bodylinewidthkuki'))==3){
   jQuery("table.bodylinewidth").width(1200);
}
  if(parseInt(getKuki('bodylinewidthkuki'))==4){
   jQuery("table.bodylinewidth").width(1300);
}
});
});


Agora salve seu JavaScript e pode ver o widget funcionando...


  • Imagem meramente ilustrativa



Fundador escreveu:Lembre-se, este código pode ser editado, basta fazer o pedido aqui.
Ver perfil do usuário

#2
 ®'Martins

avatar
Membro
Status: Rejeitado.
Movido para: Tópicos aguardando modificação.
Motivo desta mensagem: Falta de créditos do autor e/ou criador do código.
Ver perfil do usuário

#3
 D'Leandro™

avatar
Fundador
Como eu disse na descrição este é um código americano, é impossível saber quem é o criador...
Se o sr. quiser pesquisar pode informar, mas é um código super popular no EUA. Tipo 9 a cada 10 fóruns usa este código.
Como iremos descobrir o crédito?
Ver perfil do usuário

#4
 ®'Martins

avatar
Membro
Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Funcional.
Ver perfil do usuário

#5
 houdini

avatar
Membro
Bem o que estava precisando. Mas podemos alterar os valores o tamanho?
Ver perfil do usuário

#6
 -Jonathan

avatar
Membro
Precisava de mais vó testar !
Ver perfil do usuário

#7
 Conteúdo patrocinado