Day/Night Mode 💎

Cambia stile alla tua Skin oscillando tra Giorno e Notte!

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

    Designer 👨🏽‍🎨 & Developer 💻

    Group
    Amministratore
    Posts
    17,791
    Reputazione
    +3,275
    Location
    Calabria

    Status
    Offline

    Day/Night Mode 💎
    Cambia stile alla tua Skin oscillando tra Giorno e Notte!



    Day Night Mode - Auto Switch - Manual Switch - JavaScript, CSS, HTML Scripts - ForumFree - GraficaRuleZ - PiloZ - Cotrox

    Tramite questo nuovo Script sarà possibile aggiungere al menù del proprio forum una nuova icona molto funzionale.



    • Funzionamento

    Sarà possibile cliccare la nuova Icona per far variare lo Stile della Skin tenendo conto del meccanismo che segue:



    Sarà l'icona di default e indicherà che lo stile della Skin varierà in maniera automatica impostando la Modalità Notturna ad un orario preciso e passerà alla Modalità Diurna senza alcun click ad un orario differente.
    L'orario in questione (Per la modalità Notturna) sarà impostato tra le ore 19:00 e le ore 07:00 del giorno successivo.
    L'orario in questione (Per la modalità Diurna) sarà invece impostato tra le ore 07:01 e le ore 18:59 del giorno successivo.
    Se il cambio automatico non dovesse essere di vostro gradimento, sarà possibile, AI SOLI AMMINISTRATORI DEL FORUM accedere al pannello di Easy Innovation e disabilitare quest'opzione per tutti gli utenti del forum.

    MA NON FINISCE QUI!

    Il singolo utente potrà impostare una preferenza specifica cambiando e forzando manualmente la propria selezione. Vi basterà cliccare sull'icona per passare alla modalità Notturna o a quella Diurna.



    Gli stili della Modalità Diurna non hanno bisogno di alcuna classe specifica. Di giorno, o nella sua selezione forzata, gli stili della Skin dominanti saranno quelli impostati di default nella pagine Colori e Stili di ForumFree.



    Nella Modalità Notturna, invece, dovrete accedere al Pannello di Easy Innovation e lavorare sugli stili facendo riferimento alla classe specifica:

    .bodyalt

    Ora, lo Script, funziona anche su FFMobile!
    Per utilizzarlo, dovrai recarti nella pagina di personalizzazione e inserire del codice specifico nel box relativo alla navigazione Mobile.



    • Personalizzazione

    Nel Pannello di Easy Innovation abbiamo definito l'esistenza di alcuni parametri modificabili.

    Nello specifico vi sarà possibile trovare un box (textarea) nella quale potrete inserire i vostri stili specifici relativi alla sola Modalità Notturna.

    Come spiegato nel paragrafo precedente, la classe di riferimento sarà proprio .bodyalt.
    Questo significa che per modificare un singolo elemento della Skin sarà necessario inserire la classe relativa all'elemento preceduta dalla nuova classe .bodyalt che rappresenta proprio la Modalità Notturna.

    Supponiamo ora di voler modificare il colore di sfondo del nostro forum e far si che esso sia ROSSO. Ricordando che su ForumFree il maggior contenitore della struttura è proprio il body al quale viene applicata la classe .bodyalt:

    CODICE
    .bodyalt {
    background: red;
    }


    Supponiamo invece di voler modificare ora il colore di sfondo e del testo del menù (che generalmente viene indicato su ForumFree con classe .menuwrap) e ricordiamo che questo esempio sarà quello che farà riferimento a gran parte delle modifiche che seguiranno (sugli altri elementi):

    CODICE
    .bodyalt .menuwrap {
    color: #fff !important;
    background: #000;
    }


    Come potrete notare abbiamo anche applicato al color la proprietà !important supponendo che vi troviate nel caso in cui nel codice base ci sia un'alta priorità sul colore del testo in quella zona. Grazie a questa proprietà vi sarà possibile infatti forzare la vostra scelta nella modalità notturna ma ricordate che l'uso di !important sia consigliato SOLO ove strettamente necessario!

    🤓 Ricordiamo che talvolta potrebbe essere necessario inserire !important al termine di alcune specifiche proprietà CSS per dar priorità allo stile notturno!



    Successivamene vi sarà possibili disabilitare il cambio automatico della Skin o eventualmente modificare l'orario del suo funzinamento.


    • Installazione Veloce (Plugin)

    Installare lo Script è semplicissimo. Vi basterà recarvi sul Pannello di Easy Innovation al TAB Altri e cercare lo Script: Day Night Mode premendo successivamente il bottoncino "Installa".

    • Installazione Alternativa (Manuale)

    Work In Progress Gif...



    • Compatibilità

    ✅ Supporto Vecchio Layout
    ✅ Supporto Nuovo Layout
    ✅ Supporto FFMobile
    ❌ Supporto Profile Scripts 🧔🏽
    ❌ Supporto WordPress

    • Conclusioni

    IMPORTANTE Per qualsiasi altro chiarimento puoi contattarci nella sezione dedicata al Supporto per gli utenti. Sarai assistito dai membri dello staff o da eventuali interventi da parte di altri utenti del forum. Ricorda di essere chiaro nella spiegazione del problema in modo tale da ottenere una soluzione rapida ed efficacie!
    Per qualsiasi tipo di 'Suggerimento' o 'Idea' puoi invece contattarci alla seguente sezione!


    AmministratoreManagerModeratoreDesignerDeveloperRedattoreUtente+

    ATTUALMENTE IN BETA

    Potresti notare malfunzionamenti che ti preghiamo di segnalare. Lavoreremo su di essi i lprima possibile!



    Edited by •PiloZ - 20/4/2024, 12:22
     
    .
  2.     +1   -1
     
    .
    Avatar

    Designer 👨🏽‍🎨 & Developer 💻

    Group
    Amministratore
    Posts
    17,791
    Reputazione
    +3,275
    Location
    Calabria

    Status
    Offline
    AGGIORNAMENTI:
    - Adesso la Gestione Day/Night Mode è stata estesa globalmente anche su FFM. Troverete la nuova funzione nel menù a destra di navigazione di FFM.

    Edited by •PiloZ - 20/4/2024, 12:37
     
    .
  3.     +1   -1
     
    .
    Avatar

    Designer 👨🏽‍🎨 & Developer 💻

    Group
    Amministratore
    Posts
    17,791
    Reputazione
    +3,275
    Location
    Calabria

    Status
    Offline
    AGGIORNAMENTO
    - Sistemato un problema che rompeva i menù della FFM
     
    .
  4.     +1   -1
     
    .
    Avatar

    Designer 👨🏽‍🎨 & Developer 💻

    Group
    Amministratore
    Posts
    17,791
    Reputazione
    +3,275
    Location
    Calabria

    Status
    Offline
    AGGIORNAMENTO
    - Da ora lo Script lavorerà in maniera automatica di default.
    - Sarà possibile disabilitare il cambio automatico del tema o modificarne l'orario d'inizio dal Pannello di Personalizzazione della Skin
     
    .
3 replies since 30/9/2023, 10:58   153 views
  Share  
.