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