Olympus: Aggiungere immagini random nell'header

PHP Bulletin Board: il sistema libero per la gestione di forum
Regole del forum
sezione dedicata al phpbb in generale: sviluppo, utilizzo, personalizzazioni ecc.

Olympus: Aggiungere immagini random nell'header

Messaggioda Silver Surfer » gio 21 apr 2022, 15:29

1) Create le immagini che volete che vengano visualizzate nell'header e nominatele header_random_1.EXTENSION.
E' importante che tutte le immagini che utilizzerete abbiano la stessa estensione cioè o tutte .png oppure .jpeg, ecc.
ovviamente ogni immagine avrà un numero differente quindi header_random_1, header_random_2, ecc.

2) Caricate le immagini create sul vostro dominio in: styles/prosilver/theme/images

3) Apri il file includes/functions.php
trova
Codice: Seleziona tutto
'T_STYLESHEET_NAME'      => $user->theme['theme_name'],

Aggiungi dopo (in una riga successiva)
Codice: Seleziona tutto
'RANDOM_HEADER'      => mt_rand(1, NUMBER-OF-IMAGES),

Sostituire NUMBER-OF-IMAGES con il numero dell'ultima immagine (cioè se ne avete fatte 3 con il nr 3

4) Aprire il file style.php

Trova
Codice: Seleziona tutto
'{S_USER_LANG}'            => $user['user_lang']

sostituisci con
Codice: Seleziona tutto
      '{S_USER_LANG}'            => $user['user_lang'],
               '{RANDOM_HEADER}'      => mt_rand(1, NUMBER-OF-IMAGES)


Sostituire NUMBER-OF-IMAGES con il numero dell'ultima immagine (cioè se ne avete fatte 3 con il nr 3

5) Aprire il file styles/prosilver/theme/colours.css

Trova
Codice: Seleziona tutto
.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

sostituisci con
Codice: Seleziona tutto
.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/header_random_{RANDOM_HEADER}.EXTENSION");
   color: #FFFFFF;
}


Sostituire EXTENSION con l'estensione delle immagini (es. png, jpeg, gif, ecc.) in caso che l'header non venga dimensionato rispetto alle immagini è possibile aggiungere del codice per migliorare "l'inquadratura" modificando ulteriormente il codice nel seguente modo:
Codice: Seleziona tutto
.headerbar {
   background-color: #000000;
   background-image: url("{T_THEME_PATH}/images/header_random_{RANDOM_HEADER}.png");
   color: #FFFFFF;
   display: block;
   width: 936px;
   height: 156px; /* Change according to your needs */
}


Il mio stile ( anche il Greenglacier ), ha un header random image integrato nel filesystem, che non richiede modifiche se si cambia il numero delle immagini, pure il logo random, ma questo è un altro argomento.
”Un guerriero senza patria e senza spada
Con un piede nel passato
E lo sguardo dritto e aperto nel futuro”
Avatar utente
Silver Surfer
Principe
Principe
 
Messaggi: 82344
Iscritto il: gio 20 set 2007, 21:13

Torna a PhpBB

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti

cron