-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal


Toolbar disparue et Réponse sujet

Watson
Invité

Anonymous



   
Coucou Kim !
J'ai presque terminé le design et codage du projet que je prépare et le forum devrait ouvrir bientôt. Après avoir terminé le codage du QEEL et de la PA, je me suis rendue compte que la partie "Bienvenue "pseudo"" et notifications de la toolbar n'apparaissent plus. En plus de ça, la partie réponse et nouveau sujet (y compris la réponse rapide) n'apparait pas correctement comme ici et ici.

Ce n'est pas directement en lien avec le Blank Theme, je pense que ça vient d'une modification que j'ai fait, mais ça fait un bail que je cherche d'où vient le problème et je n'arrive pas à trouver donc je serais super reconnaissante si tu pouvais jeter un oeil.

template overall header:

template index body:

template view topic body:

Le CSS se trouve ici: https://pastebin.com/gsAjdHmc

Je peux aussi te partager les identifiants du compte admin du forum si c'est plus simple pour toi !

Merci d'avance, je galère vraiment I love you
Watson
Invité

Anonymous



   
Coucou!
Je me permet de faire un double post parce que je viens de réaliser qu'en supprimant le javascript ci-dessous, le bienvenue et les notifications de la toolbar réapparaissent et la boite de réponse apparait normalement à nouveau. Par contre, mes boutons "nouveau, répondre" et les liens dans les profils n'apparaissent plus sous forme de texte du coup. Est-ce que tu as une idée de ce qui cloche avec le javascript?

Code:
// PLACEMENT : sur toutes les pages

$(function(){

  // BOUTON DE SUJET
  $('.newtopic_button').replaceWith("Nouveau"); // Ouvrir un nouveau sujet
  $('.reply_button').replaceWith("Répondre"); // Répondre au sujet
 
  $('.newpm_button img').replaceWith("Nouveau message privé"); // Envoyer un nouveau MP
  $('.replypm_button img').replaceWith("Répondre au message"); // Répondre au MP
 
 
  // BOUTON DE CONTACT
  $('.i_icon_profile, #i_icon_profile').replaceWith(""); // Voir profil
  $('.i_icon_pm, #i_icon_pm').replaceWith("MP"); // Envoyer un MP
  $('.i_icon_email, #i_icon_email').replaceWith("EMAIL"); // Envoyer un mail
 
  // Pour les boutons de contact affichée dans le profil seul, utilisez l'inspecteur d'élément pour trouver l'ID correspondant au bouton
  // $('#field_idxxx img').replaceWith("Autre");
  $('.profil_contact .profil_contact1:nth-of-type(3) img').replaceWith("PRESA");
  $('.profil_contact .profil_contact1:nth-of-type(4) img').replaceWith("LIENS");
  $('.profil_contact .profil_contact1:nth-of-type(5) img').replaceWith("SOCIALS");
});
Watson
Invité

Anonymous



   
Coucou Kim, c'est encore moi Razz
J'ai finalement réussi à trouver le soucis, il y avait un code js qui perturbait les autres donc je l'ai supprimé et tout fonctionne comme il faut.

Le seul soucis qu'il me reste, c'est au niveau du QEEL. Le Blank Theme contient du js dans le qeel qui est censé modifier les phrases type "Membres connectés au cours des 24 dernières heures :" et malheureusement je n'arrive pas à le faire fonctionner.

Voici mon template:

Code:
{JAVASCRIPT}
 
<!----------------------------------------------->
<!-- CONNEXION RAPIDE (haut) -------------->
 
 
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <!-- Nom utilisateur -->
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>  
 
            <!-- Mot de passe -->
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>  
 
            <!-- Check : connexion automatique -->
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
 
            <!-- Bouton connexion -->
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
 
        </div>
    </form>
</div>
<!-- END switch_user_login_form_header -->
 
 
<!----------------------------------------------->
<!-- PAGE D'ACCUEIL -------------->
 
 
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
 
    <!-- Titre de la PA -->
    <!-- BEGIN message_admin_titre -->
    <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
    <!-- END message_admin_titre -->
 
    <!-- Contenu de la PA -->
    <!-- BEGIN message_admin_txt -->
    <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
    <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
 
 
<!----------------------------------------------->
<!-- CB (si affichée en haut) -------------->
 
{CHATBOX_TOP}
 
 
<!----------------------------------------------->
<!-- CATEGORIES -------------->
<!-- (template : index_box) -->
 
{BOARD_INDEX}
 
 
<!----------------------------------------------->
<!-- QUI EST EN LIGNE -------------->
 
<!-- BEGIN disable_viewonline -->
<style type="text/css">.qeeltab {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: -5px;
}
  a:link, a:visited, a:hover, a:active { text-decoration: none;
color: #751c1d;
}
.qeeltab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
 margin-top: 3px;
  width: 38px;

}
.qeeltab button.active {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  
}
.qeeltabcontent {
  display: none;
  width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; height: 80px;
  overflow: auto;
}
.qeeltabcontent.active {
  display: none;
  width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; height: 80px;
  overflow: auto;
}</style><script>document.getElementById("defaultOpen").click();</script><div class="qeelwatson" style="width: 850px; height: 400px; margin-left: 5px;"><div style="background-color: #ffffff; border-radius: 5px; width: 850px; height: 320px;"><div class="qeelrow1" style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; width: 870px; margin-left: 10px; margin-top: 20px;">
 <div style="color: #ffffff; font-weight: 550; font-size: 20px; background-color: #4e5c56; width: 830px; padding: 15px; text-align: center; border-radius: 5px; margin-bottom: -20px; margin-top: 10px;">EN CE MOMENT A GARNET...</div>
    <div class="qeeltop" style="display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; height: 190px; justify-content: center; align-items: center; margin-top: 20px;">
      <img src="https://i.ibb.co/TvWWB2P/QEEL-1.png" style="border-radius: 5px; height: 190px;">
        <div style="background-color: #ebe9e9; border-radius: 5px; width: 165px; height: 90px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start;">
          
          <div id="group1" class="qeeltabcontent active"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g4-sunstone" target="_blank">Sunstone</a></div>Avides d'aventure,  envie de partir vers l'inconnu, Garnet est un challenge.</div>
          <div id="group2" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g5-moonstone" target="_blank">Moonstone</a></div>Ancienne vie difficile, Garnet est un nouveau départ.</div>
          <div id="group3" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g6-selenite" target="_blank">Selenite</a></div>Vie terne, Garnet est une chance de fuir une routine ennuyante.</div>
          <div id="group4" class="qeeltabcontent"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 90%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;"><a href="https://garnetuc.forumactif.com/g6-selenite" target="_blank">Obsidian</a></div>Brouhaha incessant. Garnet est un moyen de fuir la grisaille de la ville.</div></div>
        <div style="background-color: #ebe9e9; border-radius: 5px; width: 165px; height: 80px; overflow: auto; padding: 5px; color: #4e5c56; font-size: 13px; text-align: center;">Design et codage par Watson sur la base du Blank Theme de Genius Panda. Textes par le staff. Toute reproduction est interdite.</div>
          <div class="qeeltab"><button class="tablinks active" onclick="openGroup(event, 'group1')" id="defaultOpen"style="margin-bottom: 5px; border-radius: 5px; width: 38px; height: 38px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-sun"></i></button>
          <button class="tablinks" onclick="openGroup(event, 'group2')" style="border-radius: 5px; width: 38px; height: 38px; margin-bottom: 5px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-moon"></i></button>
          <button class="tablinks" onclick="openGroup(event, 'group3')" style="border-radius: 5px; width: 38px; height: 38px; margin-bottom: 5px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-bee"></i></button>
          <button class="tablinks" onclick="openGroup(event, 'group4')"style="border-radius: 5px; width: 38px; height: 38px; background-color: #4e5c56;"><i style="color: #ffffff; font-size: 18px;" class="cp cp-mushroom"></i></button></div>
 
      <div style="background-color: #ebe9e9; border-radius: 5px; width:230px; height: 50px; color: #4e5c56; text-align: center; padding: 5px; font-size: 13px;">{TOTAL_USERS_ONLINE}</div>
          <div style="background-color: #ebe9e9; border-radius: 5px; width: 230px; height: 120px; display: flex; flex-direction: column; justify-content: flex-start;"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-size: 16px; height: max-content; width: 95%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-top: 5px; margin-right: 5px; font-weight: 700;">En ligne</div>
            <div style="width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center;">{LOGGED_IN_USER_LIST}</div></div>
<div style="background-color: #ebe9e9; border-radius: 5px; width: 215px; height: 190px; display: flex; flex-direction: column; justify-content: flex-start;"><div style="background-color: #ffffff; padding: 3px; border-radius: 5px; color: #6b0b0d; font-weight: 700; font-size: 13px; height: max-content; width: 95%; text-align: center; text-transform: uppercase; margin-left: 5px; margin-top: 5px; margin-right: 5px;">Parmi nous recemment</div>
  <div style="width: 90%; color:#4e5c56; font-size: 14px; margin-left: 5px; margin-right: 5px; text-align: center; margin-top: 3px;">{L_CONNECTED_MEMBERS}</div></div></div></div>
<div class="qeelrow1" style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 0px; margin-top: 10px; width: 855px; justify-content: space-evenly;"><div style="background-color: #4e5c56; border-radius: 5px; color: #ffffff; height: 35px; width: 130px; text-align: center; display: flex; justify-content: center; align-items: center; margin-left: -5px;">NOS VOISINS</div> <a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/y4CKsNg/part-right.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/fxnFjLv/part-S.png" style="border-radius: 5px; height: 35px;"><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/vBnW1KX/part-T.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/xMjQ4Xj/part-e.png" style="border-radius: 5px; height: 35px;"></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/qMq4mJM/part-P.png" style="border-radius: 5px; height: 35px; "></a><a href="https://garnetuc.forumactif.com/" target="_blank"><img src="https://i.ibb.co/YD0t6fF/part-left.png" style="border-radius: 5px; height: 35px; "></a></div></div>
</div>
  
  <!-- Changement de texte des informations du QEEL -->
<script type="text/javascript">
  $("#last_user").html($("#last_user").html().replace("L'utilisateur enregistré le plus récent est", ""));
  
  $("#qeel_posts").html($("#qeel_posts").html().replace("Nos membres ont posté un total de", ""));
  
  $("#qeel_members").html($("#qeel_members").html().replace("Nous avons", ""));
  
  $("#total_users").html($("#total_users").html().replace("Il y a en tout", ""));
  $("#total_users").html($("#total_users").html().replace("utilisateur en ligne", "connecté"));
  $("#total_users").html($("#total_users").html().replace("utilisateurs en ligne", "connectés"));
  
  $("#online_users").html($("#online_users").html().replace("Utilisateurs enregistrés", "En ligne"));
  
  $("#last_connected").html($("#last_connected").html().replace("Membres connectés au cours des 24 dernières heures :", "Connectés récemment"));
</script>

  <!-- Conteneur des infos CB -->
<!-- BEGIN switch_chatbox_activate -->
 
  <div class="panel">
      <!-- Nom de la CB -->
      <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
 
      <!-- Nombre et liste des connectés sur la CB -->
      {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
 
      <!-- BEGIN switch_chatbox_popup -->
      <!-- Lien pour rejoindre la CB -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
          insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 
      </script>
      <!-- END switch_chatbox_popup -->
 
  </div>
<!-- END switch_chatbox_activate -->
<!-- Fin des infos CB -->
<!-- END disable_viewonline -->
<!-- Fin du QEEL -->
<!----------------------------------------------->
<!-- CB (si affichée en bas) -------------->
<center>{CHATBOX_BOTTOM}
{AUTO_DST}</center>

Est-ce que tu as une idée d'où le problème pourrait venir?

Merci pour tout, encore une fois, et désolée d'avoir spammé ce sujet, on est censés ouvrir le forum vendredi du coup j'ai passé la semaine à essayer de régler tous les petits soucis qui trainent encore.
Watson
Invité

Anonymous



   
Coucou Kim !
J'ai réussi à trouver le soucis entre temps donc tu peux archiver ce sujet.
En commençant la construction de mon projet, le maximum que j'avais fait niveau codage était une fiche de réponse simple et en utilisant les tables, mais le blank theme est tellement bien fait que j'ai réussi à faire quelque chose qui me plait beaucoup et j'ai énormément appris en le faisant, du coup j'aimerais te remercier une nouvelle fois pour tout ton travail.

Je te souhaites plein de bonnes choses et m'en vais te présenter notre forum construit avec le blank theme dans le sujet approprié I love you
Kim

Kim


Pronoun(s) : Elle/she
Messages : 155

   
Heyyy !

Je suis désolée de ne pas avoir pu répondre à tes questions mais tout de même ravie de lire que tu as trouvé des solutions <3
Merci beaucoup pour ton message et bonne continuation !
Contenu sponsorisé