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.