Widget do fórum

[Sonic025]

Qual é minha questão:
Ola gostaria de saber como fazer um widget igual ao que fica no inicio deste fórum: http://www.narutothegames.com/forum

É aquele que fica trocando as imagens.

Endereço do meu fórum:
http://narutoneo.forumeiros.com

Versão do fórum:
PHPBB3

[Sennior]

Boa noite cordial membro,

Tenho aqui um efeito parecido com o que o senhor deseja, veja:
Painel de Controle Visualização Home Page Geral

<li>Apos aceder à teu painel administrativo como eu mostro acima, coloque o código abaixo:

Código:

><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><center><script type="text/javascript" src="http://pokestras.6te.net/js/js1.js"></script>
<script type="text/javascript" src="http://pokestras.6te.net/js/js2.js"></script>
<script>
var simpleGallery_navpanel={
  panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
  images: [    'http://img801.imageshack.us/img801/833/left.gif', 'http://img185.imageshack.us/img185/4655/playf.gif', 'http://img824.imageshack.us/img824/9263/right.gif', 'http://img291.imageshack.us/img291/3786/paused.gif'    ], //nav panel images (in that order)
  imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
  slideduration: 200 //duration of slide up animation to reveal panel
}
</script>

<script type="text/javascript">

var mygallery=new simpleGallery({
  wrapperid: "simplegallery1", //ID of main gallery container,
  dimensions: [730, 90], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  imagearray: [
      ["http://i.imgur.com/rGIH0.jpg", "http://otpokemon.com//index.php/p/v/aprenda", "_new", ""],
["http://i.imgur.com/3Pyu1.png", "http://twitter.com/Pstras", "_new", ""],      ["http://i49.servimg.com/u/f49/15/19/17/70/publi11.png", "http://www.pokestras.org/t14769-publicidades-e-doacao-no-forum-pokestras", "_new", ""],
      ],
  autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
  persist: false, //remember last viewed slide and recall within same session?
  fadeduration: 500, //transition duration (milliseconds)
  oninit:function(){ //event that fires when gallery has initialized/ ready to run
      //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
  },
  onslide:function(curslide, i){ //event that fires after each slide is shown
      //Keyword "this": references current gallery instance
      //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
      //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
  }
})

</script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
</div>


<!-- /////////////////////// FIM IMAGENS TROCANDO /////////////////////// -->

Apos o feito, salve e visualize o campo de teu fórum, ou melhor dizendo à Home Page.

Até mais.

[Sonic025]

Éste mesmo que queiro, mas como mudo o tamanho das imagens, elas mesmas e os links?

[Sennior]

Cordial membro,

Sim, as imagens estão no código. Coloque o código que eu lhe passei em um editor de texto qualquer, como o próprio bloco de notas e depois pressione CTRL+F e procure estes links de imagens:

<li> https://i.imgur.com/3Pyu1.png
<li> https://i.servimg.com/u/f49/15/19/17/70/publi11.png
<li> https://i.imgur.com/rGIH0.jpg

Após encontrar estes links, veja que o link que redireciona cada imagem, está na frente do link das imagens.

Até mais!