Header changeant selon la section

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

Résolu Header changeant selon la section

Message par exo-6 le Dim 30 Mar 2014 - 22:21

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.


Dernière édition par exo-6 le Lun 31 Mar 2014 - 22:41, édité 2 fois

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header changeant selon la section

Message par Adam_sfp le Lun 31 Mar 2014 - 14:31

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header changeant selon la section

Message par exo-6 le Lun 31 Mar 2014 - 22:38

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... (?)

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header changeant selon la section

Message par Adam_sfp le Mar 1 Avr 2014 - 8:22

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header changeant selon la section

Message par Chacha le Mar 8 Avr 2014 - 10:38

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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49819
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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


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