Codice html widget...

5 partecipanti

In corso Codice html widget...

Messaggio Da Bazzy9 Gio 20 Gen 2011 - 15:55

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à!!! we^^


Ultima modifica di Devil il Gio 20 Gen 2011 - 20:18 - modificato 3 volte. (Motivazione : Precisazioni...)
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da the crow Gio 20 Gen 2011 - 19:11

ho tolto lo script perche' creava problemi..metti il link del tutor.ciao
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da TimKen Gio 20 Gen 2011 - 19:34

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>
TimKen
TimKen
****

Sesso : Maschio
Età : 26
Messaggi : 254
Località : http://gocrash.techno-zone.net

http://gocrash.lolbb.com
TimKen è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Bazzy9 Gio 20 Gen 2011 - 22:14

Si è esattamente quello...
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da the crow Gio 20 Gen 2011 - 22:18

the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Bazzy9 Ven 21 Gen 2011 - 14:12

Ma non mi viene!!! Ecco uno screen:
Codice html widget... Screenr

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>


Ultima modifica di bazzy9 il Ven 21 Gen 2011 - 14:17 - modificato 1 volta.
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Bazzy9 Ven 21 Gen 2011 - 14:14

MA perchè non viene il riquadro del codice???
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Cl0uD Ven 21 Gen 2011 - 14:15

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


Ultima modifica di Cl0uD il Ven 21 Gen 2011 - 14:17 - modificato 1 volta.
Cl0uD
Cl0uD
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 27
Messaggi : 728
Località : Roma

http://finish-test1.forumattivo.com/forum
Cl0uD è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Bazzy9 Ven 21 Gen 2011 - 14:17

Ah, ora modifico...grazie ClOuD!!! :html:
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 29
Messaggi : 1855
Località : Padova

http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

In corso Re: Codice html widget...

Messaggio Da Nerissa Sab 29 Gen 2011 - 17:54

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.

:zen:
Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna

http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.