Header Forum & Header Site Web (Portail)

[Nounouk 85/04]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis longtemps
Lien du forum : http://anaaga.forumactif.com/

Description du problème

Me voilà de retour après un break !
Donc Bonjour à tous !
J'avais l'année dernière, demandé des codes afin de positionner deux headers différents, l'un pour le forum, et l'autre pour le portail (site web).
Tout fonctionne parfaitement excepté une petite chose (que j'avais donc remis à plus tard) !
Voir ici: https://forum.forumactif.com/t397993-fond-de-widgets-sur-portail-et-banniere-header

Aujourd'hui j'aimerai améliorer la chose, dans le sens ou sur le portail, le header ne se positionne pas à la place de celui du forum, mais par dessus ce dernier ! Donc cela amène un poids supplémentaire à la page, et n'est pas très esthétique au moment de l'ouverture de la page (http://anaaga.forumactif.com/).

Existe t'il un moyen pour arranger cela, et donc avoir réellement un header pour le forum et un autre pour le portail, le tout sans superposition ?

D'avance Merci à tous !

[Nounouk 85/04]

UP !

[Nounouk 85/04]

Up

[Nounouk 85/04]

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Nounouk 85/04]

Up !

[Nounouk 85/04]

en espérant qu'une solution arrive !
Mais je n'en doute pas !
Je fais donc un "Up" !
Merci à tous !

[Nounouk 85/04]

[Nounouk 85/04]

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Nounouk 85/04]

Désolé de voir que personne ne prête attention à ma demande !
Je la réitère donc !
Merci de bien vouloir me donner une solution !
Up

[*Splash*]

Hi Nounouk,
Je pense que l'astuce donnée à l'époque par Miettes est la meilleur, je ne vois pas comment faire autrement, sauf s'il existe un script qui annule l'image du header lorsque l'on passe sur le portail
Bien entendu je ne suis pas expert dans le codage

[Adam_sfp]

Bonjour

Peut être ceci  qui change l'image en fonction de l'endroit ou on se trouve..
A tester dans gestion des codes javascript sur toutes les pages * je ne suis pas sur pour l'expression régulière...

Code:

$(function() {
  if (document.location.href === "http://anaaga.forumactif.com/") {
    $("#header-banner").css("background-image", "url(https://i.servimg.com/u/f20/19/78/08/83/header10.png)");
  } else {
    if (/anaaga\.forumactif\.com\/./.test(document.location.href)) {
      $("#header-banner").css("background-image", "url(https://i.servimg.com/u/f43/19/77/48/54/bandea11.png)");
    }
  }
});

CSS

Code:

#header-banner {
  
    background-position: center;
    background-size: auto,100%;
    height: 200px!important;
 
  
}

Cdt.

[Nounouk 85/04]

Merci

Je vais essayer et je vous tiens au courant !

[Nounouk 85/04]

Et bien malheureusement ça ne fonctionne pas !
Je sais que ce que je demande n'est pas évident, mais il doit bien exister quelque chose pour remédier à ce problème !
En tout cas merci Adam !

[*Splash*]

Si Nounouk le code fonctionne à merveille > Clique

[Nounouk 85/04]

J'ai déjà indiqué justement que le code ne fonctionne pas 7 minutes avant votre réponse

[*Splash*]

J'ai déjà indiqué justement que le code ne fonctionne pas 7 minutes avant votre réponse

Vu.
Et je t'informais que le code fonctionne à merveille

EDIT
En consultant ton forum il y a toujours l'astuce donné par Miettes ici > Clique
Supprimes ces codes, supprimes tes liens images que tu aurais pu mettre au PA et à la CSS pour les images de header
Et installe l'astuce laissé par Adam, les images de header sont gérées par le script

[Nounouk 85/04]

ET

Merci infiniment pour votre aide !
Il est vrai qu'il n'est pas forcément évident de trouver d'anciens codes faisant "barrage" aux nouveaux !
Merci encore !

Je clos le sujet !