Problème avec les petits liens des sous-forums

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

Résolu Problème avec les petits liens des sous-forums

Message par lunasims57 le Lun 23 Juin 2014 - 11:20

Bonjour !

Jusqu'à présent je n'avais pas de sous-forums alors je n'avais pas remarqué le problème, mais maintenant qu'il y en a ça me fait quelque chose de bizarre :



"Nouvelles présentations" et "Personnages validés" sont censés se trouver dans le forum d'au dessus, je ne sais pas pourquoi mais c'est tout décalé...

Voici le bout de mon css que j'ai modifié pour les forums, c'est peut-être ça qui fait décaler tout :

Code:
/* Apparence des sous-catégories */

.forumtitle {
   font-family: 'Handlee', cursive !important;
        font-size : 19px !important;
        text-align:center;
     font-variant: small-caps;
     text-shadow: 3px 0px 3px rgb(180,180,180);
}
 
 dd.dterm div{
          height:120px !important;
  text-align:center;
}         
dd.dterm {  border-top: 1px dashed #DFE3ED;
        border-radius:20px;
        }

ul.forums dd {
  border-color : #DFE3ED
  border-left:none;}

/* Colonnes sujets/messages/dernier message*/


dd.posts { border-top: 1px dashed #DFE3ED !important;
    border-radius: 20px ;}

dd.topics { border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;}

dd.views { border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;}

dd.lastpost {
        /*width:150px;*/
        width: auto;
        min-width:150px;
      text-align:center;
        border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;
}

dl.icon{
        width:1090px; 
}
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */

.cate{
  width: 575px;
  height: 100px;
  overflow: hidden;
  border: none;
  background-color: auto;
}
.cate_img{
   position: relative;
   z-index: 2;
   width: 575px;
   height: 100px;
   margin-left: 0px;
   transform: all;
   -moz-transform: all;
   -o-transform: all;
   -htm-transform: all;
   -webkit-transform: all;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
}

.cate:hover .cate_img{
margin-left: 575px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  box-align:center;
}

.cate_description{
  position: relative;
  z-index: 1;
  width: 498px;
  height: 100px;
  margin-top: -100px;
  text-align: justify !important;
  font-size: auto;
  color: auto;
  padding: 2px;
  overflow: auto;
  margin-left:35px;
}

Voilà un petit schéma de ce que je voudrai avoir au final:

État normal (que j'ai déjà) :


État quand survolé :

Je veux pas de cadres gris ou noirs autour hein, c'est juste pour vous montrer la forme ! Sinon je sais comment décaler la description, ma question porte uniquement sur les petits liens.

Je vous remercie de bien vouloir m'aider Very Happy


Dernière édition par lunasims57 le Mar 24 Juin 2014 - 12:13, édité 1 fois

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par Neptunia le Lun 23 Juin 2014 - 13:34

Bonjour ^^


Le problème provient vraisemblablement d'un ou plusieurs javascripts actifs au minimum sur l'index. Il vous faudra les désactiver un à un pour trouver le coupable.

Et dans la mesure du possible résoudre ce problème avant de songer à modifier l'apparence des onglets en cas de nouveaux messages.

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Lun 23 Juin 2014 - 18:59

D'accord, je désactive le JS qu'on vient de me donner alors.

Voilà mes JS actif sur l'index :

Onglets:
Code:
$(function() {
          var cpt = 0;
          /* Affichage par défaut de la première catégorie, on cache les autre */
          $('.forabg').each(function() {
              if (cpt!=0) {
                $(this).hide().addClass('cache');
              } else {
                $(this).addClass('visible');
              }
              $(this).addClass('cat'+(cpt++));
          }
          );
          /* Génération des onglets au dessus des catégories */
          cpt = 0;
          $('.linklist').eq(1).after('<div id="nav_cat"><ul id="nav_cat_onglets"></ul></div>');
          /* Création et ajout d'un onglet pour chaque catégorie */
          $('.table-title').each(function() {
              var onglets_nom_cat = $(this).text();
              if(cpt==0) {
                $('#nav_cat_onglets').append('<li class="li_nav_onglet actif" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
              } else {
                $('#nav_cat_onglets').append('<li class="li_nav_onglet" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
              }
          }
          );
          /* Gestion des actions au click sur chaque onglet */
          $('.li_nav_onglet').click(function() {
              /* Nombre de catégories visibles pour le membre */
              var nb_cat = $('.table-title').length;
              /* Numéro de la catégorie à afficher */
              var num_cat = $(this).attr('name');
              /* On ajoute la classe "actif" à l'onglet courant */
              $(this).addClass('actif');
              /* On affiche la catégorie correspondant à l'onglet cliqué */
              if(($('.cat'+(num_cat)).hasClass('cache'))) {
                $('.cat'+(num_cat)).show('slow').addClass('visible').removeClass('cache');
                /* On cache les autres catégories */
                for (i = 0; i <= nb_cat; i++) {
                    if (i != num_cat) {
                      $('.cat'+(i)).hide('slow').addClass('cache').removeClass('visible');
                      $('.li_nav_onglet[name='+i+']').removeClass('actif');
                    }
                }
              } else {
                /* Actions à effectuer au click sur la catégorie déjà affichée */
              }
          }
          );
        }
        );

Panneau coulissant:

Code:
$(function(){

   $("body").append('<div id="fp550" class="fpanel"><table class="fptable"><tr><td class="fpbuttons"><span class="fpopen"><img src="http://i39.servimg.com/u/f39/18/83/38/44/topsit12.png" /></span><span class="fpclose"><img src="http://i39.servimg.com/u/f39/18/83/38/44/topsit13.png" /></span></td><td class="fpcontent"><h1 id="coulisse">Ici les boutons topsites</h1></td></tr><table></div>');
   $("#fp550 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp550").animate({"right":$(this).is(".fpclose")?-60:0},500);
   });

});

Flèches haut/bas:
Code:
$(function(){
                  $("body").append('<div class="bouhautbas"><a href="#top"><img src="http://i39.servimg.com/u/f39/18/83/38/44/flache10.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="http://i39.servimg.com/u/f39/18/83/38/44/flache11.png" alt="Aller en bas" /></a></div>');
               
        });

Phrases du qeel:

Code:
$(function () {
    /*Réglages ci-dessous*/
    var t = {
        "remplacer": ["Le record du nombre d'utilisateurs en ligne est de","Utilisateurs enregistrés","Il y a en tout","utilisateur en ligne :","utilisateurs en ligne :","Aucun membre ne fête son anniversaire aujourd'hui","Aucun membre ne fête son anniversaire","Membres connectés au cours des 24 dernières heures"],
        "par": ["Record, on était","Personnes qui se baladent dans l'académie","Il y a","curieux sur le forum ","curieux sur le forum","Pas d'anniversaire aujourd'hui","Pas de grosse fête","Derniers connectés"]
    };
    /*Fin réglages*/
    $('#i_whosonline').prev().prev().nextAll().each(function () {
        for (i in t.remplacer) $(this).html($(this).html().replace(t.remplacer[i], t.par[i]));
    })
});

Bannière aléatoire:

Code:
$(function() {
       
          var a = ["http://i39.servimg.com/u/f39/18/83/38/44/ban1bi10.jpg", "http://i39.servimg.com/u/f39/18/83/38/44/ban2bi10.jpg", "http://i39.servimg.com/u/f39/18/83/38/44/ban3bi11.jpg"];
         
          b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,30*1000);
       
        });

CB coulissante:

Code:
$(function(){
       
          $("body").append('<div id="fp848" class="fpanel"><table class="fptable"><tr><td class="fpcontent"><iframe src="/chatbox/index.forum" style="width: 700px; height: 300px; border: 0" frameborder="0"></iframe></td><td class="fpbuttons"><span class="fpopen"><img src="http://i55.servimg.com/u/f55/18/83/38/44/chatbo11.png" /></span><span class="fpclose"><img src="http://i55.servimg.com/u/f55/18/83/38/44/chatbo12.png" /></span></td></tr><table></div>');
          $("#fp848 .fpbuttons > span").click(function(){
              $(this).add($(this).siblings()).toggle();
          $("#fp848").animate({"left":$(this).is(".fpclose")?-700:0},1500);
          });
       
        });

Police personnalisée:

Code:
WebFontConfig = {
    google: { families: [ 'Handlee::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();

Ça en fait un bon paquet, désolée ! J'ai encore du mal à comprendre le javascript !

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par Neptunia le Lun 23 Juin 2014 - 20:17

Et bien il vous faudra les désactiver en décochant les cases de placement.

Une fois que les sous-forums seront dans la bonne catégorie, vous aurez trouvé le fautif.

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Lun 23 Juin 2014 - 21:27

J'ai tout essayé rien ne change ! :/

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par Neptunia le Lun 23 Juin 2014 - 21:39

Si vous désactivez complètement la gestion des codes javascript, ça devrait tout de même résoudre le souci non ??

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Lun 23 Juin 2014 - 22:04

Nan c'est toujours décalé en dessous. Je pense que c'est lié aux descriptions de mes forums en fait. Déjà que j'ai dû décaler de -100px vers le haut les descriptions, peut-être que les sous-forums sont aussi automatiquement décalés vers le bas automatiquement !

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par Neptunia le Lun 23 Juin 2014 - 22:14

De mon côté j'avais testé, le problème ne vient pas des templates.

Vous confirmez que ça ne vient pas non plus du javascript.
Il va donc en effet falloir se pencher sur le CSS et/ou sur la description des catégories pour corriger le problème.
Une suppression de la feuille CSS permettrait d'exclure définitivement ce point de la liste des suspects.

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Mar 24 Juin 2014 - 10:37

Sans le CSS ça donne ça :



Du coup je pense qu'il faudrait agir au niveau des templates, en encadrant le truc des sous-forums d'une div qui permettrai de les remonter ! Il faudrait également qu'ils apparaissent en une seule ligne.

Mon index-box :
Code:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                                                                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Est-ce que c'est bien {forumrow.SUBFORUMS} ce qui concerne les sous-forums ?
Parce que dans ce ças je vais l'encadrer d'une div, mettre width: 500px pour qu'ils soient en ligne et mettre margin-top : -150px ou quelque chose comme ça pour que ça apparaisse derrière l'image et au dessus de la descriptions.

EDIT : j'ai réglé le problème de l'image trop basse, j'avais fait une bêtise mais c'est bon maintenant !

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Mar 24 Juin 2014 - 12:07

(Pardon du double-post :/)
J'ai réussi à déplacer les titres grâce à ça :

Code:
/* Hauteur des sous forums */

.sousforum {
  margin-top : -75px ;
}

Code:
<div class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                                          <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>

Sauf qu'en fait les liens sont plus actifs, enfin on peut pas cliquer dessus. Mais quand je mets les liens en haut, ils sont actifs par contre !

Comment faire pour avoir les sous-forums en dessous de la descriptions tout en gardant les liens actifs ?

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par Neptunia le Mer 25 Juin 2014 - 1:52

La partie qui gère les sous-forums est celle-ci :

Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Mais il y a un problème dans votre approche.
Si j'ai bien compris, l'image coulissante de chaque catégorie est incluse dans la description des catégories (ou sous-forums) ?

Donc pour qu'elle recouvre les sous-forums, ceux-ci devront être inscrits manuellement en dur dans la description de catégorie et dans PA > Affichage > Structure et hiérarchie les liens vers les sous-forums devront être désactivés (puisque déjà présents dans la description de catégorie).

Neptunia
+ Hyperactif +

Féminin
Messages : 10939
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Mer 25 Juin 2014 - 10:46

Oui en fait l'image et le texte sont tous les deux dans la description des catégories.
J'ai un espèce de code comme ça :
Code:
<div class="cate">
   
   <div class="cate_img">
       <img src="lien image" />
   </div>
   
   <div class="cate_description">
       Texte
   </div>
</div>

Donc en fait par défaut elle ne recouvre pas les sous-forums, ils sont en dessous et c'est pour ça que je les ai déplacés pour qu'ils soient derrière l'image et sous le texte.
Du coup, si je fais "Non" à "Lien vers les niveaux inférieurs :" les liens disparaissent et je n'ai plus que ma description normale sans les petits liens.

Ce qui me perturbe juste là, c'est que les liens des sous-forums sont correctement placés (enfin comme je le voudrai) mais qu'on ne peut pas cliquer dessus.
Je pense qu'en fait c'est un problème avec des z-index en fait, alors je vais un peu bidouiller et voir si j'y arrive en attendant.

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Jeu 26 Juin 2014 - 18:23

Petit up !
J'arrive à rien avec les z-index, les titres des sous-forums s'obstinent à rester derrière la description de la catégorie et du coup je peux ni sélectionner l'écriture, ni cliquer sur le lien.

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Ven 27 Juin 2014 - 15:08

Up !
J'ai encore de l'espoir même si je crois que c'est impossible xD

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Lun 30 Juin 2014 - 22:46

P'tit up ~

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les petits liens des sous-forums

Message par lunasims57 le Sam 5 Juil 2014 - 12:18

Bon je vais laisser tomber, on va considérer que c'est résolu.

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 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