Affichage du QEEL sur toutes les pages

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

Résolu Affichage du QEEL sur toutes les pages

Message par Nileeda Mer 11 Juil 2018 - 19:17

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://untestuntheme.forumactif.com/

Description du problème

Bonjour,
Je travaille sur mon forum de test dans le but de réaliser un nouveau design. Je suis quelque peu embêtée par un petit souci.

Ce que je souhaite :
Afficher le QEEL sur toutes les pages du forum, y comprit les messages, forums, sous-forums. Bref, PARTOUT ! Razz

Ce qui a été modifié :
Un peu tout... CSS, index_body et overall_footer_begin.
css:

index_body:

overall_footer_begin:

Mes recherches :
Je suis tombée sur de nombreux sujets, pas forcément tous récents, où on indiquait surtout de cocher l'option "Toujours" pour la ligne "Afficher le module "Qui est en ligne" du forum". Or, cette option est déjà cochée chez moi et cela ne fonctionne pas pour autant.

Toute piste, tout lien, toute réponse est la bienvenue Smile
En espérant que ça soit possible, bien sûr !
A défaut, je souhaiterai savoir comment modifier le footer en fonction de la page, s'il vous plaît. Pour éviter le gros trou que ça fait sur les sujets par exemple Mad

Merci d'avance,
#Nileeda
Nileeda

Nileeda
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 18/09/2014

Voir le profil de l'utilisateur http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du QEEL sur toutes les pages

Message par Nileeda Jeu 12 Juil 2018 - 12:36

Hello !
J'ai trouvé le moyen de "contourner" le problème en attendant une éventuelle réponse.
Je passe par le JavaScript et j'applique une nouvelle class à ma div "footer-hnk-partenaires" afin qu'elle occupe toute la place.

Pour les curieux :
JS:

CSS:

Résultat Avant/Après:

Toutefois, si quelqu'un a quand même une solution à mon problème de base, je suis preneuse ! ^-^

Bonne journée,
Nileeda

Nileeda
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 18/09/2014

Voir le profil de l'utilisateur http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du QEEL sur toutes les pages

Message par Invité Jeu 12 Juil 2018 - 19:24

Hello Nileeda,
il faut déposer ce qeel dans le template index_body :

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="#msg_et" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="#msg_et" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
 
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
<div class="chatbox-config">{CHATBOX_TOP}</div>
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ▬
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> ▬
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
 <div class="footer-hnk">
    <div class="footer-hnk-partenaires">
      <div class="footer-hnk-titre-qeel">
        Nos fidèles <span style="color: #E55D51;">amitiés</span> !
      </div>
      <iframe style="width: 100%; height: 430px;" scrolling="no" frameborder="0" src="http://himitsu-no-kii.forumsactifs.com/h2-footer"></iframe>
    </div>
    <!-- BEGIN disable_viewonline -->
    <div class="footer-hnk-qeel">
      <div class="footer-hnk-titre-qeel">
        Bienvenue, <span id="q_nouveau_user">{NEWEST_USER}</span> !
        <script type="text/javascript">document.getElementById('q_nouveau_user').innerHTML=document.getElementById('q_nouveau_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
      </div>
      <div class="footer-hnk-welcomeBlock">
        <div class="footer-hnk-block"></div>
      </div>
      <div class="footer-hnk-button">
        <img id="button1" src="https://img1.lght.pics/2Ctl.png"/>
        <img id="button2" src="https://img1.lght.pics/2CtC.png"/>
      </div>
      <div class="footer-hnk-hidden24">
        <h3>En ligne ces dernières 24h (◐ω◑ )</h3>
        <table id="q_co_mber">{L_CONNECTED_MEMBERS}</table>
        <script type="text/javascript">jQuery('#q_co_mber span.gensmall').html(jQuery('#q_co_mber span.gensmall').html().replace(/Membres connectés au cours des 24 dernières heures :/,''));</script>
      </div>
      <div class="footer-hnk-hiddenNow">
        <h3>En ligne actuellement (*≧∀≦*)</h3>
        <span id="q_co_online">{LOGGED_IN_USER_LIST}</span>
  <script type="text/javascript">document.getElementById('q_co_online').innerHTML=document.getElementById('q_co_online').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script>
      </div>
      <div class="footer-hnk-hiddenOrigin">
        <center>Hey, tu le savais ? Nous sommes <span id="mb_inscrits">{TOTAL_USERS}</span> sur cette île et nous avons déjà raconté <span id="nb_messages">{TOTAL_POSTS}</span>. <br/><br/>
        Himitsu no Kii a (r)ouvert ses portes le 16 août 2014 avec une V.1 compliquée. Depuis, se sont 4 ans de RP qui se sont écoulés sans encombre :)
        Les nouveaux comme les anciens aiment venir se détendre ici, papoter, flooder.<br/><br/>
          Pas de bataille, nous sommes tous barges o/ Si tu ne l'as pas déjà fait, pourquoi ne pas nous rejoindre ?</center>
        <script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/messages/,"histoires").replace(/message/,"histoire");</script>
        <script type="text/javascript">document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/Nous avons/,"").replace(/membres enregistrés/,"fous").replace(/membre enregistré/,"fou");</script> 
      </div>
    </div>
    <!-- END disable_viewonline -->
    <div style="clear: both;"></div>
    <div class="footer-hnk-credits">
      <a href="/admin" target="_blank">Royaume des Admins</a> |
      <a href="https://discord.gg/NbahNQb" target="_blank">Rejoins-nous sur discord !</a> |
      <a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> |
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> |
      <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>     
      <br/>
      (C) - Himitsu no Kii v3.6. Design par Jess L. Nyström. Merci à <a href="http://www.never-utopia.com/">Never-Utopia</a> pour certains tutoriels. HnK est une oeuvre originale. Toute reproduction, même partielle, est interdite. Design optimisé pour Chrome.
    </div>

{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->


Ensuite mettre une div dans le template overall_footer_begin:


Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
  <div id="M14_load_Qeel"></div>
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->


Puis ce script sur toutes les pages:
Code:
if(location.pathname != '/'){
  $(function(){
$.get('/' , function(data){
var h= $(data).find('.footer-hnk').clone();
$('#M14_load_Qeel').html(h);
});});};

Il faudra peut être peaufiner un peu la css Wink .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Affichage du QEEL sur toutes les pages

Message par Nileeda Ven 13 Juil 2018 - 11:30

Merci Milouze14 !
ça s'affiche bien partout Very Happy
Nileeda

Nileeda
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 18/09/2014

Voir le profil de l'utilisateur http://himitsu-no-kii.forumsactifs.com
Nileeda a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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