Legendary Sidebar v3.0La barra laterale che avete sempre sognato, elegante e totalmente personalizzabile!

« Older   Newer »
 
  Share  
.
  1.     +16    
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline

    Legendary Sidebar v3.0

    Aggiungi al tuo forum una straordinaria sidebar laterale, ed utilizza gli esclusivi widget che vengono proposti!




    Funzionalità

    La terza versione dell'apprezzatissima Legendary Sidebar è finalmente disponibile!

    • Sidebar chiudibile e memorizzazione dello stato!

      Usufruendo del bottone (personalizzabile!), è possibile scegliere se mantenere aperta o chiusa la sidebar laterale. La larghezza del blocco sezioni si adatterà automaticamente alla vostra scelta, il tutto con un delizioso effetto di dissolvenza graduale! Inoltre, lo script conserverà le informazioni sullo stato aperto/chiuso della sidebar!

    • Adattamento automatico agli stili del forum!

      L'aspetto estetico della sidebar si adatterà nella maniera più simile possibile allo stile del vostro forum! E' comunque possibile personalizzarlo diversamente grazie ai selettori della sidebar!

    • Personalizzazione dei margini e della larghezza!

      E' possibile scegliere manualmente le dimensioni della sidebar ed i margini dai contenuti del forum. Optando per l'adattamento automatico, invece, sarà lo script ad occuparsi di tutto, calcolando autonomamente le dimensioni ideali per "sistemarsi" al meglio nel vostro forum!

    • Smorzamento automatico (parallax effect) allo scroll della pagina!

      Grazie ai parametri di personalizzazione, è possibile scegliere se mantenere fissa la sidebar oppure adattarla allo scorrimento della pagina! Grazie al nuovo effetto di smorzamento automatico (parallax effect), le sidebar particolarmente lunghe (che quindi sforano l'altezza della finestra del browser) saranno comunque interamente visibili! Il risultato finale sarà un tocco di eleganza per il vostro forum!

    • Contenuti personalizzabili e widget esclusivi!

      Grazie all'estrema versatilità del codice, è possibile personalizzare i contenuti della sidebar in maniera semplice ed intuitiva! Oltre ai widget nativi di ForumFree (che trovate CLICCANDO QUI), questa terza versione propone numerosi widget esclusivi, che trovate in fondo alla guida! E' possibile inserire anche widget esterni a ForumFree!


    Installazione


    Compatibilità: Nuovo Layout

    Inserire in Codici HTML --> Codice HTML che sarà mostrato in CIMA a tutte le pagine, se non già presente, questo:
    HTML
    <script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/r/r.min.js"></script>


    Inserire in Codici HTML --> Codice HTML che sarà mostrato in FONDO a tutte le pagine, se non già presente, questo:
    HTML
    <script src="http://ffmagazine.forumfree.net/flexlex/script.js"></script>


    Inserire in Codici HTML --> Codice HTML che sarà mostrato in CIMA a tutte le pagine questo:
    HTML
    <script type="text/javascript">
    sidebar_opt={
    active: true,
    width: 70,
    fixed: true,
    padding: "auto",
    overflow: true,
    toppadding: "60",
    startClose: false,
    scroll: "parallax",
    button: true,
    skin:false
    }
    </script>
    <input type="button" id="sidebarbutton" value="&gt;&gt;" class="codebuttons" onclick="sidebar.toggle()" style="display:none;outline:none;">
    <div id="sidebar" style="display:none;" class="toopen">

    <!--Inserire contenuto qui-->

    </div>

    "active": true --> true: attiva lo script; false: disabilita lo script.
    "width" :70 --> larghezza percentuale del blocco sezioni quando la sidebar è aperta.
    "fixed": true --> true: la sidebar segue lo scroll della pagina; false: la sidebar NON segue lo scroll della pagina (come nella v1).
    "padding": "auto" --> "auto": calcola automaticamente lo spazio tra la sidebar ed il blocco sezioni; "N": distanza definita dall'utente (inserire un valore in pixel al posto di N).
    "toppadding": 35 --> Spazio tra il bordo superiore della pagina e la sidebar (ciò per impedire che la stessa si sovrapponga al menu utente).
    overflow: true --> Evita che il contenuto della SideBar fuoriesca dai confini (blocchi sezione)
    startClose: false/true --> se true la sidebar è chiusa al caricamento, se false è aperta al caricamento (almenoche l'utente non la chiude usando il bottone)
    scroll: "parallax" --> Il comportamento della sidebar quando è "fixed"
    button: true --> Mostra o nasconde il bottone "apri" / "chiudi".
    skin: false --> applica lo stile del forum tutta la sidebar se true, oppure applica lo stile solo ai [BOX] se false.

    Widget


    Per inserire i widget nella sidebar vi basterà copiarne il codice ed incollarlo sotto la scritta <!--Inserire contenuto qui--> dello script illustrato in precedenza.

    SONDAGGI
    HTML
    <!--[Sondaggio:ID_SONDAGGIO;desc:VISUALIZZA_DESCRIZIONE;title:VISUALIZZA_TITOLO;]-->

    Esempio:
    <!--[Sondaggio:55415339;desc:0;title:0;]-->
    Personalizzazione:
    ID_SONDAGGIO -> L'ID lo vedete nell'URL, come mostrato in QUESTA immagine.
    Desc: 0/1 -> Se è messo su 1 verrà mostrata la descrizione sopra alle opzioni.
    Title: 0/1 -> Se è impostato su 1il titolo nel mback sarà il titolo del Sondaggio, altrimenti se su 0 viene inserita la scritta "Sondaggio".

    BOX CONTENITORE
    HTML
    [BOX=TITOLO_BOX]
    CONTENUTO_BOX
    [/BOX]

    Esempio:
    HTML
    [BOX=Utente del Mese]
    Paralizer
    [/BOX]


    Nei seguenti widget non è necessario il tag BOX, ma se viene utilizzato i box riconosceranno in automatico i titoli da usare.

    ULTIMI TOPIC
    HTML
    [BOX][LAST_TOPICS=n:NR_TOPIC,height:ALTEZZA/0(automatico),avatar:0/1][/BOX]

    Esempio:
    HTML
    [BOX][LAST_TOPICS=n:30,height:0,avatar:1][/BOX]


    DUMPSHARE UPLOAD
    HTML
    [BOX][DUMPSHARE][/BOX]


    UTENTI ONLINE
    HTML
    [BOX][ONLINE_USERS][/BOX]


    TOP MEMBERS (Se è attiva la funzione reputazione)
    HTML
    [BOX][REPUTAZIONE][/BOX]


    PROFILO UTENTE (BETA)
    HTML
    [BOX][PROFILE=me][/BOX]


    Updates

    UPDATE 20/02/2015
    Rilasciata la v3.0 dello script e pubblicati nuovi widget. Aggiunte nuova funzionalità al widget "Sondaggi" (supporto alle opzioni multiple).

    UPDATE 30/10/2013
    Rilasciato il widget "Sondaggi".

    Codice realizzato da flexlex per FFMagazine


    Guida rilasciata sotto una Licenza Creative Commons 3.0.



    Edited by El Gringo 89 - 20/2/2015, 15:45
     
    Top
    .
  2.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,601
    Activity Level
    +60

    Status
    Anonymous
    Ti avviso che con alcune risoluzione il pulsante per chiuderla viene nascosto dalla sidebar :sisi:
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline
    C'era del CSS che bloccava l'auto-adattamento del bottone, ora dovrebbe essere risolto ;)
     
    Top
    .
  4.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,601
    Activity Level
    +60

    Status
    Anonymous
    Si ora va.
     
    Top
    .
  5. Dex'
         
     
    .

    User deleted


    Fantastico, semplicemente fantastico.
     
    Top
    .
  6.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    115
    Activity Level
    0
    Location
    Italy

    Status
    Anonymous
    i credits mi escono in modo anomalo in metà credits si visualizza il codice html
     
    Top
    .
  7.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline
    o.O che cosa strana o.O eppure non ho errori di sintassi o altro, sicuro di aver un HTML formato correttamente (tag sempre chiusi, ecc...?)
     
    Top
    .
  8.      
     
    .
    Avatar

    Senior Member

    Group
    Vecchie Querce
    Posts
    36,124
    Activity Level
    +294
    Location
    Abîme

    Status
    Anonymous
    Splendida. Grande flex <3
     
    Top
    .
  9. -Claudinho
         
     
    .

    User deleted


    Complimenti per il lavoro svolto, davvero un ottimo script.
     
    Top
    .
  10. Orizon`
         
     
    .

    User deleted


    Ottimo lavoro flex, bravo!
     
    Top
    .
  11.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline
    Nei prossimi giorni pubblicherò il primo dei tantissimi widget ;)
     
    Top
    .
  12. -Ced
         
     
    .

    User deleted


    Allora vedi di muoverti :)
    Sto scherzando, fai con calma. Ottima sidebar comunque :)
     
    Top
    .
  13.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline
    Sto scrivendo il codice proprio in questo momento :)
    Credo che fra poche ore rilascio una beta, così mi aiutate a trovare errori :)
     
    Top
    .
  14.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    115
    Activity Level
    0
    Location
    Italy

    Status
    Anonymous
    CITAZIONE (flexlex @ 28/10/2013, 19:47) 
    o.O che cosa strana o.O eppure non ho errori di sintassi o altro, sicuro di aver un HTML formato correttamente (tag sempre chiusi, ecc...?)

    ho messo esattamente questo codice :
    CODICE
    <script type="text/javascript" src="http://ffmagazine.forumfree.net/flexlex/script.js"></script>
    <p align="center"><b><a href="http://ffmagazine.forumfree.it/?t=67361831">Legendary Sidebar V2</a></b> realizzata da <b><a href="http://ffmagazine.forumfree.it/?act=Profile&MID=4148305">flexlex</a></b>
    Guida rilasciata sotto una <b>[URL=http://creativecommons.org/licenses/by-nc-nd/3.0/]Licenza Creative Commons 3.0.[/URL]</b></p>
     
    Top
    .
  15.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    2,316
    Activity Level
    +5
    Location
    bressanone

    Status
    Offline
    Ah, tranquillo, i crediti non servono se usi il codice xD
    questo codice
    CODICE
    <p align="center"><b><a href="http://ffmagazine.forumfree.it/?t=67361831">Legendary Sidebar V2</a></b> realizzata da <b><a href="http://ffmagazine.forumfree.it/?act=Profile&MID=4148305">flexlex</a></b>
    Guida rilasciata sotto una <b>[URL=http://creativecommons.org/licenses/by-nc-nd/3.0/]Licenza Creative Commons 3.0.[/URL]</b></p>
    server se si replica la guida ;)
    Il codice aggiunge automaticamente i crediti ;)
     
    Top
    .
100 replies since 28/10/2013, 12:13   8735 views
  Share  
.
Top