[AwesomeBB] Plusieurs images de header sur votre forum
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Code:
#header-banner {
background-image: url(URL DE VOTRE IMAGE);
background-position: center;
background-size: cover;
height: XXpx; /* hauteur du header */
}- Code:
$(function() {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
} else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
} else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
} else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
}else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
}else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
}else {
if (document.location.href === "URL DU FORUM") {
$("#header-banner").css("background-image", "url(URL DE L'IMAGE)");
}
}
}
}
}
}
}
});
![Splash](https://2img.net/u/4012/75/45/07/avatars/1-77.gif)
Hi,
Voici une astuce sympa qui va vous permettre d'afficher plusieurs images au header suivant l'URL que vous consultez sur votre forum
On commence tout d'abord avec l'image du header.
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Dans votre CSS placez ce code :
Pensez à
Maintenant que l'image de header est installée sur votre forum, passons à la personnalisation de celui-ci pour ajouter plusieurs images.
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Placez ce script sur toutes les pages :
Pensez à
À bientôt
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
Dans cette astuce il est question de placer un code javascript et un code à la feuille de style (CSS), si vous n'êtes pas à l'aise avec ces démarches il existe ces tutos d'aide ici :
> Le javascript
> La CSS
Voici une astuce sympa qui va vous permettre d'afficher plusieurs images au header suivant l'URL que vous consultez sur votre forum
On commence tout d'abord avec l'image du header.
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Dans votre CSS placez ce code :
Pensez à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
Maintenant que l'image de header est installée sur votre forum, passons à la personnalisation de celui-ci pour ajouter plusieurs images.
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Placez ce script sur toutes les pages :
Pensez à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
:u1: |
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
Pour bien réaliser cette astuce
![Like a Star @ heaven](https://2img.net/i/fa/i/smiles/star3.png)
> Le javascript
> La CSS
NIK SIURI aime ce message
Sujets similaires
Inscrivez-vous ou connectez-vous pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumSujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Réduire la hauteur des catégories
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Afficher les avatars en forme rectangulaire
» » Modifier la partie des stats en début de qeel
» » Mettre une image au qeel
» » Rendre l'image du header cliquable
» » Elargir le cadre de la boite de smileys
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Catégories rétractables sur l'index
» » [phpBB3] Catégories de différentes couleurs
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'icône "On-line"