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

[SplashStaffAdmin]

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 à  

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 à  

:u1:

À bientôt

[David1195StaffModo]

Merci beaucoup !