[Script] Slide ultimi messaggi con effetto fade V1.0

« Older   Newer »
 
  Share  
.
  1.     +3   +1   -1
     
    .
    Avatar

    Scientia enim est fundamental

    Group
    NGG Admin
    Posts
    3,501
    Reputation
    +17

    Status
    Offline

    Slide ultimi messaggi con effetto fade V1.0



    Demo
    Con questo script potrete aggiungere uno slide degli ultimi messaggi nelle discussioni attive del forum come potete vedere dall' anteprima e nella demo qui sopra.

    Passiamo subito all' installazione:

    Passaggio 1
    Inseriamo se non già presente in "Amministrazione ->Grafica ->Codice HTML ->Codice HTML che sarà mostrato in FONDO a tutte le pagine" il seguente codice:
    CODICE
    <script type="text/javascript" src="http://www.towerchannel.it/script/lastpost/script.js"></script>


    Passaggio 2
    Inseriamo in "Amministrazione ->Grafica ->Codice HTML ->Codice HTML" che sarà mostrato in CIMA a tutte le pagine" il seguente codice:
    CODICE
    <!-- Slide ultimi messaggi con effetto fade -->
    <script type="text/javascript">
    var num_post = 10; //Inserite il numero di post da mostrare
    var post_seconds = 5; //Inserire il numero di secondi in cui mostrare un messaggio
    </script>


    Passaggio 3
    Inseriamo in "Amministrazione ->Grafica ->Codice HTML -> Dove volete che venga visualizzato lo slide" il seguente codice:
    CODICE
    <div id="lastpost_slide"></div>



    Passaggio 4
    Inseriamo in "Amministrazione ->Grafica ->Colori e stili" il seguente codice:
    HTML
    /* SLIDE ULTIMI MESSAGGI CON EFFETTO FADE */
    #lastpost_slide {
    background-color: #FFF;
    margin: 50px auto;
    position: relative;
    width: 327px;
    height: 240px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    font-weight:bold;
    font-size: 10px;
    color: #000;
    overflow: hidden;
    word-wrap: break-word}

    .lastpost_avatar {
    max-height: 100px !important;
    max-width: 100px !important}

    #lastpost_slide > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    float: left}


    Utilizzando questo script verranno aggiunti in automatico i credits ai realizzatori. Inserendolo nel vostro forum accettate questa condizione.



    A questo punto lo Slide ultimi messaggi con effetto fade dovrebbe apparire come nell' anteprima all' inizio di questo topic, se riscontrate qualche problema, se volete darci qualche consiglio e possibilmente indicare il forum dove lo utilizzate comunicatecelo nell' attuale discussione e non tramite Messaggio Privato (MP) o E-Mail.
    Ringrazio Vincent Valentine per la realizzazione del codice CSS ottimale. Grazie a tutti e al prossimo script! :)



    Edited by Master Tower - 2/6/2014, 11:33
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    Hero of C h a o s ~

    Group
    NGG Admin
    Posts
    56,587
    Reputation
    +151
    Location
    Shinra

    Status
    Offline
    :P direi che è una figata, rende ancora più interattivo il forum
     
    Top
    .
  3.     +1   -1
     
    .
    Avatar

    Scientia enim est fundamental

    Group
    NGG Admin
    Posts
    3,501
    Reputation
    +17

    Status
    Offline
    Thanks u.u
     
    Top
    .
  4.     +1   -1
     
    .
    Avatar

    Dai diamanti non nasce niente...

    Group
    NGG Fan
    Posts
    3,458
    Reputation
    +3

    Status
    Anonymous
    bravo :)
     
    Top
    .
  5.     +1   -1
     
    .
    Avatar

    Scientia enim est fundamental

    Group
    NGG Admin
    Posts
    3,501
    Reputation
    +17

    Status
    Offline
    CITAZIONE (•Madda @ 27/5/2014, 20:45) 
    bravo :)

    Grazie :D
     
    Top
    .
  6. Røx
        +1   -1
     
    .

    User deleted


    Figo.
    Cambia avatar e nickname please
     
    Top
    .
  7.     +1   -1
     
    .
    Avatar

    Scientia enim est fundamental

    Group
    NGG Admin
    Posts
    3,501
    Reputation
    +17

    Status
    Offline
    CITAZIONE (Røx @ 29/5/2014, 15:51) 
    Cambia avatar e nickname please

    Avatar forse, nick no .-.
     
    Top
    .
  8.     +1   -1
     
    .
    Avatar

    Millennium Gamer

    Group
    Member
    Posts
    9,346
    Reputation
    0

    Status
    Anonymous
    Non mi fa vedere nessuna slide, ma lo script funziona ancora?
     
    Top
    .
  9. Røx
        +1   -1
     
    .

    User deleted


    CITAZIONE (Danzer @ 9/6/2014, 18:30) 
    Non mi fa vedere nessuna slide, ma lo script funziona ancora?

    Si; vai nella home del forum e premi CTRL + F5
     
    Top
    .
  10.     +1   -1
     
    .
    Avatar

    Scientia enim est fundamental

    Group
    NGG Admin
    Posts
    3,501
    Reputation
    +17

    Status
    Offline
    Facci sapere se hai risolto nel modo in cui ha detto Rox se no dimmi che browser usi e che versione
     
    Top
    .
  11. Røx
        +1   -1
     
    .

    User deleted


    E magari specifica anche il sistema operativo (per esempio quello che ti ho consigliato di fare io funziona solo su Windows)
     
    Top
    .
  12.     +1   -1
     
    .
    Avatar

    Millennium Gamer

    Group
    Member
    Posts
    9,346
    Reputation
    0

    Status
    Anonymous
    No, non funziona ancora.

    Uso Google Chrome Versione 35.0.1916.114 m
    Windows 7 Ultimate

    Ecco cosa vedo:

     
    Top
    .
  13. Røx
        +1   -1
     
    .

    User deleted


    Vai nella home di questo forum (NGG) e guarda se a destra della TagBoard/Chat vedi lo script funzionante.
     
    Top
    .
  14.     +1   -1
     
    .
    Avatar

    Millennium Gamer

    Group
    Member
    Posts
    9,346
    Reputation
    0

    Status
    Anonymous
    Lì lo vedo :ahsisi:
     
    Top
    .
  15. Røx
        +1   -1
     
    .

    User deleted


    Allora se nell'altro forum non lo vedi vuol dire che quella vaccona di Master Tower ha sbagliato qualche codice sul suo forum di prova xD.
    Qui il codice scritto è corretto; puoi usarlo tranquillamente!
     
    Top
    .
29 replies since 26/5/2014, 22:48   959 views
  Share  
.