La tambouille des râleuses
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

Aller en bas
Sal'
Sal'
Informations : Mon forum est sous modernbb.
Messages : 117
https://bleu-de-sang.forumactif.com/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 13:23
Bon je suis un peu à la ramasse j'essaie de voir si j'ai bien compris j'ai un doute ^^"

On injecte donc tout ça dans le code de l'en-tête qu'on va entourer du wrapper qu'on a supprimé au niveau du PA

Donc le code de l'en-tête, tu parles bien de la page HTML ? Celle-là ?

https://bleu-de-sang.forumactif.com/h2-code-de-l-en-tete

Et c'est donc cette page que je mets dans le template ?  Désolée si j'ai un peu de mal, j'suis pas trop douée Embarassed
Bon j'ai copier coller le code dans la page HTML de l'en tête, mais je ne sais pas exactement ce que je dois mettre dans le template pour faire le pont, je pense qu'ensuite ce sera bon Smile

EDIT: j'ai mis le code de la page HTML dans le template, ça affiche bien mais les soucis d'affichage demeure. C'est bien ce qu'il fallait faire ? et les messages sur le forum, je supprime les posts en question où je laisse le doublon?
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 13:41
Dans le template, il faut juste mettre le code que je t'ai donné plus haut Smile

Pour les messages doublon, oui tu peux les supprimer Smile
Sal'
Sal'
Informations : Mon forum est sous modernbb.
Messages : 117
https://bleu-de-sang.forumactif.com/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 13:56
Ok je suis en train de fignoler. Est-ce que du coup je supprime la page HTML de l'en-tête, vu que j'ai mis le code directement dans le template ? Car ce qui est dans les messages du forum continuent à avoir des soucis d'affichage.

PS : les boutons du haut sont trop espacés, je ne sais pas pourquoi ?
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:10
Oui tu peux supprimer la page HTML, on ne va plus s'en servir ^^

Pour tes boutons, tu peux remplacer ici :
Code:
#wrapper-entete #blk-entete .d-flex,
#wrapper-entete #blk-entete .btn-nav > div

Le
Code:
justify-content: space-around;
par
Code:
justify-content: center;
Sal'
Sal'
Informations : Mon forum est sous modernbb.
Messages : 117
https://bleu-de-sang.forumactif.com/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:14
Ok merci Smile

Malheureusement, même avec ce système l'affichage de ce qui est dans les messages du forum merdouille, alors je vais tout passer entièrement dans le template je pense. (Comme tu peux voir si ça merdouille chez toi aussi, l'affichage des annonces qui est restée dans les messages continue d'avoir des soucis)

En tout cas merci beaucoup pour ton aide ! Smile
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:24
Ah bah oui, on allège les appels JS mais il en restera toujours Smile (Du coup, tu dois avoir le souci ici aussi avec notre en-tête non ?)

Par contre, on n'a pas fait l'appel pour afficher ce qui est resté dans les messages là. Du coup, c'est normal que ça soit vide hein Very Happy
Sal'
Sal'
Informations : Mon forum est sous modernbb.
Messages : 117
https://bleu-de-sang.forumactif.com/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:29
Ah bah ok xD Je pensais qu'on avait fini, du coup c'est normal alors ahah ! bah donc je t'écoute pour la suite lol

Et non l'en-tête de la tambouille c'est nickel chez moi, bizarre du coup si c'est le même système ? scratch
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:42
C'est le même système que ce que tu fais actuellement : c'est à dire que le code est dans le template et non dans une page HTML Smile

Du coup, il ne nous reste plus qu'à rebosser le javascript que tu avais désactivé (voilà pourquoi on ne l'a pas supprimé ^^).

On va le remplacer par celui-ci :
Code:

$(document).ready(function(){
  var cheminMsg = ".postbody .content > div",
      lienMsg = "/t3-champs-champ-1-contexte";
    setTimeout(
      function(){
        $('#blk-entete [data-info="msg-gauche"]').load(''+ lienMsg +' #p6 '+ cheminMsg +'');
      },
      100
    );
});

Et on l'active uniquement sur l'index Smile
Sal'
Sal'
Informations : Mon forum est sous modernbb.
Messages : 117
https://bleu-de-sang.forumactif.com/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 14:56
Ok, je viens de le faire et c'est nickel Smile merci beaucoup encore pour ton aide ! I love you

Cette fois on peut vraiment classer Smile

Miettes aime ce message

Miettes
Miettes
Râleuse (Admin)
Informations :
► Présente en semaine (09h00 - 18h00)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
https://lectures-miettes.fr/

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Jeu 3 Aoû 2023 - 15:01
Ahhh génial ^^ Ravie d'avoir pu t'aider ^^

Je classe du coup
Contenu sponsorisé

[Aide Codage] Adapter un tuto pour une en-tête dynamique - Page 2 Empty Re: [Aide Codage] Adapter un tuto pour une en-tête dynamique

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses

Post-It des Râleuses