Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
Images au header différentes sur l'index et le portail Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
Images au header différentes sur l'index et le portail Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
Images au header différentes sur l'index et le portail Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Juillet 2024
LunMarMerJeuVenSamDim
1234567
891011121314
15161718192021
22232425262728
293031    

Calendrier Calendrier

Le Deal du moment : -64%
-64% sur le Lot de 2 Enceintes bibliothèques ...
Voir le deal
199 €

Images au header différentes sur l'index et le portail

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Mar 23 Avr 2019 - 21:08

  • MP
  • Zoom
Hi,

Voici une astuce laissée par Adam_sfp sur le FDF, cette astuce permet d'afficher une image de header au Portail différente de celle de l'index du forum


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script Sur toutes les pages :
Code:
$(function() {
  if (document.location.href === "URL DU FORUM/") {
    $("#header-banner").css("background-image", "url(http://image.noelshack.com/fichiers/2018/47/4/1542926049-banner.png)");
  } else {
    if (/NOM DU SITE\.NOM DU DOMAINE\.TLD\/./.test(document.location.href)) {
      $("#header-banner").css("background-image", "url(http://image.noelshack.com/fichiers/2018/47/4/1542926837-banner-1.png)");
    }
  }
});

Pensez à   Valider 2

Quelques explication sur ce script

Il faut renseigner l'URL de son forum sur cette partie, en début de script :
Code:
(document.location.href === "URL DU FORUM/")

Si son URL est :
Code:
https://blablabla.forumactif.com

Le code sera ainsi :
Code:
(document.location.href === "https://blablabla.forumactif.com/")

Le premier lien image correspond à l'image de header du Portail
Code:
$("#header-banner").css("background-image", "url(http://image.noelshack.com/fichiers/2018/47/4/1542926049-banner.png)")

À cette partie du script :
Code:
(/NOM DU SITE\.NOM DU DOMAINE\.TLD\/./.test(document.location.href))

Il faut remettre l'URL du forum sous cette forme :
Code:
(/blablabla\.forumactif\.com\/./.test(document.location.href))

Et pour finir le second lien image correspond à l'image de header de l'Index du forum
Code:
$("#header-banner").css("background-image", "url(http://image.noelshack.com/fichiers/2018/47/4/1542926837-banner-1.png)")




Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la feuille CSS :
Code:
#header-banner {
  background-position: center;
  background-size: auto,100%;
  height: 200px!important;
}

Pensez à  Valider 2





:u1:
À bientôt
Bye
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Jeu 25 Avr 2019 - 13:37

  • MP
  • Zoom
Merci beaucoup !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum