Vai al contenuto

Loading

Featured Replies

Inviato

Salve oggi ho provato a  vedere come si potrebbe cambiare il loading delle pagine per la precisione questo

Cattura.JPG.6ccb9171530919e9da292e47ef678c35.JPG

Io credevo che era una gif, invece trattasi di codice interamente in css per la precisione questo

.ipsLoading:not( .ipsLoading_noAnim ):before {
    -webkit-animation: spinner 0.75s infinite linear;
    animation: spinner 0.75s infinite linear;
}
.ipsLoading:before {
    font-family: 'icomoon';
    content: '\e97b';
    display: block;
    color: #444;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1 !important;
}

prima di scoprire questa cosa, ho provato ad andare nelle risorse del tema, e li mi da vadi loading in varie dimensioni 64x64 36x36 16x16 così avevo provato a sostituirli con le gif carine che ho trovato, ma niente, non esiste un modo per mettere la mia gif come loading? invece di usare questo loadind di default in css? grazie a tutti

 

ho provato banalmente a modificare il css inserendo questo sul custom

.ipsLoading:before {
    color: transparent !important;
    font-size: 64px !important;
    background: url(/uploads/file/loading/preloader_8.gif) no-repeat;
}
.ipsLoading:not( .ipsLoading_noAnim ):before {
    -webkit-animation: none !important;
    animation: none !important;
}

Preloader_8.gif.94169e62e537f0f320372e5dd216cf3f.gif

funziona, ovviamente non so se esiste qualcosa di più semplice, fatemelo sapere grazie in anticipo

Modificato da trattore

Inviato

Sinceramente lo trovo un pò complicato...se per ipotesi una persona sul proprio sito ha una decina di temi deve per forza di cose fare 10 modifiche, sono perplesso :grat:

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora
https://invisionita.it/topic/6186-loading/

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.