immagine durante il caricamento delle pagine (loading indicator)

Area dedicata a tutte le estensioni per phpBB 3.1.x
Avatar utente
Lillo
Supporter
Supporter
Messaggi: 212
Iscritto il: 21/09/2018, 19:54
Link del Forum: https://ildragonero2.info
Località: Palermo
Contatta:

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da Lillo »

Io ho cambiato la gif con una creata online apposta.
126X126 colorata a cerchio ma evidentemente cè qualcosa da modificare perché rimane il box di quella esistente.







Come posso agire e dove?

Codice: Seleziona tutto

/*
*
* styles/prosilver/theme/loading_indicator.css
*
* @package th23_loading_indicator
* @author Thorsten Hartmann (www.th23.net)
* @copyright (c) 2008 by Thorsten Hartmann (www.th23.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* @modified by dmzx (c) 2014 (www.dmzx-web.net) 
*/

#loading-indicator {
	top: 40%;
	left: 45%;
	position: fixed;
	z-index: 100;
	display: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    border: 1px solid #999999;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 5px;
    overflow: hidden;
}

#loading-indicator span {
	background: url("./images/loading_indicator.gif") 0 90% no-repeat;
	padding-left: 26px;
	vertical-align: circle;
	font-weight: bold;
	font-size: 1.3em;
}
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6125
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da alex75 »

basta sostituirla come indicato sul primo post
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
Lillo
Supporter
Supporter
Messaggi: 212
Iscritto il: 21/09/2018, 19:54
Link del Forum: https://ildragonero2.info
Località: Palermo
Contatta:

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da Lillo »

Fatto ma mi compare dentro un box un quarto di immagine
Lei è in trasparenza ,non ha bordi e ne sfondo
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6125
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da alex75 »

quella originale è 16x16
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
Lillo
Supporter
Supporter
Messaggi: 212
Iscritto il: 21/09/2018, 19:54
Link del Forum: https://ildragonero2.info
Località: Palermo
Contatta:

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da Lillo »

Quindi non ci sono speranze, a volte mi appello a delle estensioni buffe ma mi piacciono le cose particolari.
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6125
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da alex75 »

No, di impossibile non esiste nulla... è soltanto questione di perderci un po di tempo e farlo come vuoi.
Prova così, con queste modifiche sembra già andare bene, altrimenti dagli tu qualche altro piccolo ritocco.

Codice: Seleziona tutto

/*
*
* styles/prosilver/theme/loading_indicator.css
*
* @package th23_loading_indicator
* @author Thorsten Hartmann (www.th23.net)
* @copyright (c) 2008 by Thorsten Hartmann (www.th23.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* @modified by dmzx (c) 2014 (www.dmzx-web.net) 
*/

#loading-indicator {
	width: 130px;
	height: 40px;
	top: 40%;
	left: 45%;
	position: fixed;
	z-index: 100;
	display: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    border: 1px solid #999999;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding-top: 90px;
    overflow: hidden;
}

#loading-indicator span {
	background: url("./images/loading_indicator.gif") 0 40% no-repeat;
	padding-left: 10px;
	padding-top: 80px;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 1.3em;
}
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
Lillo
Supporter
Supporter
Messaggi: 212
Iscritto il: 21/09/2018, 19:54
Link del Forum: https://ildragonero2.info
Località: Palermo
Contatta:

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da Lillo »

Non si vede in trasparenza ma con box grigio chiaro e la gif all'interno che gira solo il lato sinistro, praticamente il resto non si vede, ci sono state delle migliorie,, serve togliere quel box secondo me. A sapersi cosa modificare .
Ho contattato l'adimin di quel sito che ti ho linkato in pvt perchè loro hanno installato PageLoader
Extension Name: Pageloader
Author: Stoker
Version: 1.0.2
PhpBB Version: 3.1.X and 3.2.X

un ext che ha già l'indicatore colorato ma è impossibile trovarla in giro. Mi ha dato il link ma il download ti porta a una pagina inesistente.
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 6125
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-italia.it
Località: Palermo

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da alex75 »

Si vede soltanto la parte sinistra, perchè la pagina carica più velocemente del giro completo della tua gif.
Io lascerei l'originale, è pure più carina.
Se non vuoi lo sfondo bianco devi modificare il valore "opacity"
Regolamento Forum
Le nostre guide
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Avatar utente
Lillo
Supporter
Supporter
Messaggi: 212
Iscritto il: 21/09/2018, 19:54
Link del Forum: https://ildragonero2.info
Località: Palermo
Contatta:

Re: immagine durante il caricamento delle pagine (loading indicator)

Messaggio da Lillo »

Ok funziona alla perfezione, grazie Alex :clapi:
Avatar utente
ItalianCoverDesign
Supporter
Supporter
Messaggi: 174
Iscritto il: 18/08/2021, 15:56
Link del Forum: https://www.italiancoverdesign.com
Località: Toscana
Contatta:

Indicatore di pagina in caricamento

Messaggio da ItalianCoverDesign »

Salve, ho visto che molti forum hanno una loro gif che appare quando la pagina si sta caricando.
Cercavo un'estensione per phpbb e ne ho trovate 2: una di stoker che si chiama Page Loader che "dovrebbe visualizzare" 3 cerchi di colore diverso che girano e una di dmzx che si chiama Loading Indicator, che mostra un riquadro con la scritta loading; ora, quella di stoker è più carina ma, è abbandonata; quella di dmx, non mi piace.
In pratica, vorrei visualizzare una determinata gif al centro dello schermo durante il caricamento della pagine con più immagini e/o più difficoltose da caricare.
Consigli? Grazie
Rispondi