Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Banner random per il tuo forum


Tutorial Banner random per il tuo forum

Messaggio Da MattiaDes il Gio 16 Apr 2015, 14:32

Banner random per il tuo forum


Banner random per il tuo forum

Con questo tutorial, avrai la possibilità di inserire loghi multipli nel tuo forum in maniera random. Sarà visualizzato un solo logo alla volta, ma tutte le volte che cambierai o ricaricherai la pagina, esso cambierà. Questo tutorial funzione su tutte le versioni di forum.


il banner cambia quando si ricarica o cambia pagina

Installazione

Vai verso Pannello di amministrazione ► Moduli ► Gestione dei codici Javascript ► Crea un nuovo codice  :new:


  • Titolo: Logo Random
  • Dove: In tutte le pagine
  • Codice:
    Codice:
        $(function() {
          var banners = [
            'http://i38.servimg.com/u/f38/18/21/60/73/b010.png',
            'http://i38.servimg.com/u/f38/18/21/60/73/b110.png',
            'http://i38.servimg.com/u/f38/18/21/60/73/b210.png',
            'http://i38.servimg.com/u/f38/18/21/60/73/b310.png',
            'http://i38.servimg.com/u/f38/18/21/60/73/b410.png',
            'http://i38.servimg.com/u/f38/18/21/60/73/b510.png'
          ],

          logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo');
          (logo.tagName == 'IMG' ? logo : logo.firstChild).src = banners[Math.floor(Math.random() * banners.length)];
        });


Infine clicca sul bottone convalidare  :new:

Modiche

C'è solo una modifica che devi apportare al codice precedente, ovvero dovrai sostituire i vari links all'interno dell'array bannercon gli URL delle immagini dei loghi random che vorrai inserire sul tuo forum.

Codice:
'URL_LOGO_1.PNG',
'URL_LOGO_2.PNG',

Non c'è assolutamente alcun limite di immagini, infatti ti basterà aggiungere una riga di codice per poterne inserire uno nuovo. Wink


Tutorial creato da: Ange Tuteur del forum di supporto inglese
Copyrigth © FORUMATTIVO.COM



MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2544
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum