Slider top 5

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

Resolvido Slider top 5

Mensagem por Tsurugi33 em 07/09/13, 12:51 am

Qual é minha questão:
Gostaria de saber como faço para colocar um slider em meu forum identico a esse do top 5 da qui do forum dos forums

Endereço do meu fórum:
http://inazumarpg.foruns.com.pt

Versão do fórum:
PHPBB2
avatar

Tsurugi33
Nível 1

Masculino
Inscrito dia : 01/09/2013
Mensagens : 4
Pontos Ativos : 10

Ver perfil do usuário http://inazumarpg.foruns.com.pt/

Resolvido Re: Slider top 5

Mensagem por SkyBlock em 07/09/13, 07:15 am

Olá,
Queira visitar este tutorial, que poderá ajudar:
[Tutorial] Slides em widgets

Até mais Piscada
avatar

SkyBlock
Nível 6

Masculino
Inscrito dia : 02/09/2013
Mensagens : 61
Pontos Ativos : 81

Ver perfil do usuário http://webhacksforum.forumeiros.com/ https://www.facebook.com/caike.laurentino https://twitter.com/@CaikeDL

Resolvido Re: Slider top 5

Mensagem por First em 07/09/13, 08:45 am

Olá,

Senhor, aqui está o código do Top 5, adicione o código em algum lugar que aceite HTML:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
<script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/wzk8nK2.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/quPc64f.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/Dn6Ci.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/oNzLqoj.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/shtkv1D.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';

 url1 = 'http://skygames.sampforum.net/';
 url2 = 'http://www.pokeshiny.com/';
 url3 = 'http://narutoreborn.ativoforum.com/';
 url4 = 'http://narutorpgstorm.ultimaterpg.net/';
 url5 = 'http://www.forumnarutoshippuuden.com/';
 alt1 = new Image();
 alt1.alt = 'Sky Games';
 alt2 = new Image();
 alt2.alt = 'PokéShiny';
 alt3 = new Image();
 alt3.alt = 'Naruto Reborn';
 alt4 = new Image();
 alt4.alt = 'Naruto RPG Storm';
 alt5 = new Image();
 alt5.alt = 'Fórum Naruto Shippuuden';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script> <span class="corners-bottom"><span></span></span></div></div></counts><div style="height:5px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Painel do usuário</div><script>jQuery(document).ready(function(){if(my_getcookie('avatr')==null||my_getcookie('avatr').split('-')[1]!=new Date().getDate()){jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(q){l=jQuery('#cp-main .panel fieldset dl dd img:eq(0)',q).attr('src');jQuery('#avatar').attr('src',l);my_setcookie('avatr',l+'-'+new Date().getDate(),0,0)})}else{jQuery('#avatar').attr('src',my_getcookie('avatr').split('-')[0])}})</script>

<span style=font-size:1.2em><img id=avatar src=http://illiweb.com/bl/logo.png align=left width=45px height=70px><br><font size=4><a href="http://ajuda.forumeiros.com/profile.forum?mode=viewprofile&u=51397">First</a></font><br><b>Mensagens:</b> <span id=usercountpost>234</span><br><br><br></span>

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Slider top 5

Mensagem por Tsurugi33 em 07/09/13, 11:33 am

obrigado
avatar

Tsurugi33
Nível 1

Masculino
Inscrito dia : 01/09/2013
Mensagens : 4
Pontos Ativos : 10

Ver perfil do usuário http://inazumarpg.foruns.com.pt/

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