Header changeant selon la section

[exo-6]

Bonjour,

J'ai un header sur mon forum (phpbb2), modifié façon phpbb3 grâce à l'astuce de Ce tutoriel, et j'aimerais que l'image de ce header puisse changer de manière déterminée selon la section du Forum sur laquelle on se trouve.

CSS de mon header :

Code:

               #headerbar {
                background-attachment: scroll;
            
                background-image: url("http://img11.hostingpics.net/pics/568171entetedragon.png") ;
                background-repeat: no-repeat;
                background-position: top center;
                }

Les sections pour lesquelles on aimerait avoir header spécifique sont :

- http://www.bionifigs.com/f27-concours
- http://www.bionifigs.com/f175-association
- http://www.bionifigs.com/f42-les-univers
- http://www.bionifigs.com/c10-la-boutique
- http://www.bionifigs.com/f2-le-coin-lego

Pourriez-vous m'aider, sachant que je ne comprend pas grand chose au tuto exécuter des javascript sous certaines conditions ?

Merci de votre aide.

[Adam_sfp]

Bonjour

Vous pouvez essayer ce code .
A mettre dans gestion des codes javascript (cochez  Sur les sous-forums Sur les sujets).
*Compléter le code en mettant le lien de vos images à la place de ICI LIEN IMAGE

Code:

if (/^\/f2?-/.test(document.location.pathname)) { $(function() { $("#headerbar").css("background-image", 'url(" http://img11.hostingpics.net/pics/568171entetedragon.png")'); }); } else { if (/^\/f27?-/.test(document.location.pathname)) { $(function() { $("#headerbar").css("background-image", 'url("ICI LIEN IMAGE")'); }); } else { if (/^\/f175?-/.test(document.location.pathname)) { $(function() { $("#headerbar").css("background-image", 'url("ICI LIEN IMAGE")'); }); } else { if (/^\/f42?-/.test(document.location.pathname)) { $(function() { $("#headerbar").css("background-image", 'url("ICI LE LIEN IMAGE")'); }); } } } } ;

Cdt.

[exo-6]

Super, ça marche. Merci !

ÉDIT : En fait, ça marche sur l'affichage des sous-forums, mais pas sur les topics qui s'y trouvent, visiblement... (?)

[Adam_sfp]

Bonjour

Oui  cela affiche l'image  sur les sous forums ciblés par le code mais pas les sujets...
Par exemple cette ligne

Code:

if (/^\/f2?-/.test(document.location.pathname))

va rajouter le logo sur un lien commençant par f2-
donc ce lien
http://www.bionifigs.com/f2-le-coin-lego

Cdt.

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif