Codice html widget...

Salve a tutti, volevo chiedervi se potevate darmi il codice html del widget degli skin + popolari, in alto a destra dei widget del forum!!! Non so, forse ho sbagliato sezione, ma ero indeciso tra Gestire l'aspetto del forum e Problemi con lo script!!! Grazie 1000 a chi risponde!!!
PS: Avevo fatto ctrl+u per vedere tutti i codici del forum, e avevo anche beccato quello degli skin che cambiano, ma poi modificando le immagini che volevo e gli url delle pagine alle quali ti posrta appena ci clicchi sopra, il codice nel widget non andava!!! Grazie 1000 a chi risponderà!!!

ho tolto lo script perche' creava problemi..metti il link del tutor.ciao

ecco il codice(trovato guardando la sorgente pagina....xD)

Codice:


 
<script language=javascript>
 
 var counts = 3;
 
 img1 = new Image();
 
 img1.src = 'http://hitskin.com/themes/16/19/13/preview.jpg';
 
 img2 = new Image();
 
 img2.src = 'http://hitskin.com/themes/15/87/83/preview.jpg';
 
 img3 = new Image();
 
 img3.src = 'http://hitskin.com/themes/15/75/13/preview.jpg';
 
 
 
 var smallImg = new Array();
 
 smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
 
 smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
 
 smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
 
 
 
 url1 = 'http://it.hitskin.com/cercare-uno-stile/the-offtopic-saga-161913.htm';
 
 url2 = 'http://it.hitskin.com/cercare-uno-stile/famous-life-skin-158783.htm';
 
 url3 = 'http://it.hitskin.com/cercare-uno-stile/purple-punbb-157513.htm';
 
 
 
 alt1 = new Image();
 
 alt1.alt = 'Donalicious';
 
 alt2 = new Image();
 
 alt2.alt = 'Rainwod';
 
 alt3 = new Image();
 
 alt3.alt = 'Saga Crepúsculo';
 
 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()', 7000);
 
 }
 
 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 language="javascript" type="text/javascript">
 
 ImageShow();
 
</script>


Si è esattamente quello...

bastava cercare sul forum
https://aiuto.forumattivo.it/t10548-widget-immagini-random#68489

Ma non mi viene!!! Ecco uno screen:


Io volevo metterci le immagini di Super Mario, Sonic,...ed ecco il condice che ho modificato (solo le parti indicate da te ovviamente!)

Codice:

 <style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 300px}
.picshow_main { position: relative; width: 170px; height: 300px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 170px; height: 300px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 50px;}
.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: #ffffff}
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 language=javascript>
var counts = 5;
img1 = new Image();
img1.src = 'http://img146.imageshack.us/img146/1897/marioye.jpg';
img2 = new Image();
img2.src = 'http://img262.imageshack.us/img262/2200/sonicl.jpg';
img3 = new Image();
img3.src = 'http://img707.imageshack.us/img707/5934/pacmans.jpg';
img4 = new Image();
img4.src = 'http://img196.imageshack.us/img196/1015/luigiu.jpg';
img5 = new Image();
img5.src = 'http://img80.imageshack.us/img80/4287/93682726.jpg';

var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';

url1 = 'http://it.wikipedia.org/wiki/Mario_(personaggio)';
url2 = 'http://it.wikipedia.org/wiki/Sonic_the_Hedgehog';
url3 = 'http://it.wikipedia.org/wiki/Pac-Man';
url4 = 'http://it.wikipedia.org/wiki/Luigi_(Nintendo)';
url5 = 'http://it.wikipedia.org/wiki/Donkey_Kong_(personaggio)';

alt1 = new Image();
alt1.alt = 'Super Mario!';
alt2 = new Image();
alt2.alt = 'Sonic!';
alt3 = new Image();
alt3.alt = 'PacMan!';
alt4 = new Image();
alt4.alt = 'Luigi!';
alt5 = new Image();
alt5.alt = 'Donkey Kong!';
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()', 7000);
}
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('}
document.write('</div></div>');
change_img();
}
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
ImageShow();
</SCRIPT>


MA perchè non viene il riquadro del codice???

Perchè all'inizio non c'è [code] e alla fine nell'ultima parte del codice anzi che scrivere [ /code] c'è scritto [code]..

Ah, ora modifico...grazie ClOuD!!!

Ciao Bazzy,

il codice funziona perfetto, basta fare bene le modifiche .... hai risolto il problema ?

se la tua domanda è stata risolta modifica il primo messaggio e metti l`icona risolto.