[résolu]Souci avec le code "Catégories sous-forum effet bandeau" d'Halloween

Salut!

Cela devrait normalement donner la même chose pour l'image extérieure et la 1ère image intérieure que tu as donné >< Tu peux nous passer ton CSS et ton template? Cela nous sera aussi utile pour trouver aussi comment ajouter le déroulant horizontal (ou vertical).

Pour la 2ème image intérieure, c'est normal. La mise en forme actuelle est sur les catégories alors que l'image que tu as donné est de la liste des sujets. C'est 2 templates totalement différents avec des composants différents. Si tu veux que cela ressemble aux catégories, je te conseilles de faire un schéma et d'aller poster une demande dans les demandes d'éléments de forum pour que quelqu'un crée un code de liste de sujets.

Sinon, on a pas eu de nouvelles depuis un moment, le sujet est toujours d'actualité? Si nous ne recevons aucune réponse d'ici 10 jours, le sujet sera archivé. Idéalement, essaies de donner de tes nouvelles au moins une fois par semaine, cela évitera les relances

Bonjour !

Premièrement, je n'avais pas donné de nouvelles parce que je n'en avais pas de la part du forum et je ne voulais pas donner l'impression d'être pressée ! Puis j'aurais eu la sensation de flooder, et le flood, c'est mal ! Bref xD

Ensuite, je note par rapport aux listes de topics, je verrai si ça continue de me choquer ! Je ne voudrai pas prendre le temps de quelqu'un sans être certaine que ça me servira

Et puis voici ce que tu demandais.
Le template :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" 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="row1" 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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </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 -->
{CHATBOX_TOP}
{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><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </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 -->

    <!-- BEGIN disable_viewonline -->
            <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
            <div class="fond_qeel"><br /><div class="titre_principal">Qui est là ?</div>
                  <div class="titre_secondaire">Et avec qui discuter ?</div>
        <br /><img src="http://i97.servimg.com/u/f97/14/62/58/34/chemin10.jpg" style="width: 100%;" />
        <div style="background-color: #90C47C; height: 260px;">
              <br /><br />
                <br />
              <div class="titre_bloc" style="left: 2.5em;">Quelques chiffres</div>
                <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
                {NEWEST_USER}.<br />
                {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
              <div class="titre_bloc" style="left: 13em;">Groupes</div>
                <div class="bloc_groupes"><div class="groupe_onglets">
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_artisans" onmouseover="javascript:change_groupe_onglet('artisans');"><font color=#693600>Artisans</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_artistes" onmouseover="javascript:change_groupe_onglet('artistes');"><font color=#E6AB15>Artistes</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_citoyens" onmouseover="javascript:change_groupe_onglet('citoyens');"><font color=#875AA1>Citoyens</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_desabuses" onmouseover="javascript:change_groupe_onglet('desabuses');"><font color=#969393>Désabusés</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_penseurs" onmouseover="javascript:change_groupe_onglet('penseurs');"><font color=#6AB4CF>Penseurs</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_protecteurs" onmouseover="javascript:change_groupe_onglet('protecteurs');"><font color=#055FA3>Protecteurs</font></span>
              </div></div><br /><br /><br /><br /><br />
              <div class="titre_bloc" style="left: 13em;">Qui était là ?</div>
                <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
       
              <script type="text/javascript">
                        //<!--
                                function change_groupe_onglet(name)
                                {
                                        document.getElementById('groupe_onglet_'+anc_groupe_onglet).className = 'groupe_onglet_0 groupe_onglet';
                                        document.getElementById('groupe_onglet_'+name).className = 'groupe_onglet_1 groupe_onglet';
                                        document.getElementById('contenu_groupe_onglet_'+anc_groupe_onglet).style.display = 'none';
                                        document.getElementById('contenu_groupe_onglet_'+name).style.display = 'block';
                                        anc_groupe_onglet = name;
                                }
                        //-->
                        </script>
              <br />
              <div class="contenu_groupe_onglets">
             
            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_artisans"><span style="color: #000000; font-weight: bold;">Artisans</span> • L'Artisan, lorsqu'il travaille, ne s'occupe pour ainsi dire que de l'aspect technique de la conception. Il emploie un savoir faire pour créer des objets principalement utilitaires et pas nécessairement uniques.</div>
             
            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_artistes"><span style="color: #000000; font-weight: bold;">Artistes</span> • L'Artiste est une personne qui conçoit mentalement son œuvre pour toucher le public au niveau des sentiments, pour créer une émotion. Il ne cherche pas à rendre son travail utile, techniquement parlant. Il travaille avant tout avec son cœur, plus qu'avec sa tête.</div>
             
            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_citoyens"><span style="color: #000000; font-weight: bold;">Citoyens</span> • Le citoyen est l'habitant de la ville. Il y vit comme l'ont fait les mydhiens avant. C'est aussi lui qui fournit les missions, pour celui qui possède un commerce.</div>

            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_desabuses"><span style="color: #000000; font-weight: bold;">Désabusés</span> • Arrivé là par défaut, le Désabusé ne sait d'aucune façon ce qu'il fait à Mydhass. Sans être forcément un rebut de la société, c'est quelqu'un qui n'a eu d'autres choix que de s'exiler et il se trouve que la communauté était sur son chemin ou est parvenue à ses oreilles.</div>
               
            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_penseurs"><span style="color: #000000; font-weight: bold;">Penseurs</span> • Le Penseur, par définition, pense. Dans un groupe de personnes, il serait le cerveau. Il se sert plus de sa tête que de son corps pour faire les choses. Dans une toute autre mesure, il pourrait aussi être apparenté à un philosophe. Tout passe par la réflexion, l'étude de ce qui l'entoure. Ce serait quelqu'un avec une très bonne connaissance de son domaine de prédilection.</div>
               
            <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_protecteurs"><span style="color: #000000; font-weight: bold;">Protecteurs</span> • Contrairement au Penseur, le Protecteur est quelqu'un qui agit. Il est loin du "Tout dans les muscles, rien dans la tête", mais s'il faut se salir les mains pour arriver à quelque chose, alors il les plongera volontiers dans la boue. Il est capable de se plier en quatre pour défendre la cause qu'il soutient. S'il lui faut s'exposer pour se faire comprendre et entendre, alors il s'exposera.</div>

          </div>
         
                <script type="text/javascript">
                        //<!--
                                var anc_groupe_onglet = 'protecteurs';
                                change_groupe_onglet(anc_groupe_onglet);
                        //-->
          </script></div></div>

                <!-- END disable_viewonline -->
{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;</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 -->

Et le CSS :

Code:

      /* --------------------------------- CATEGORIES --------------------------------- */

        .imgforum {
          border-radius: 100%;
          border: 2px solid #ffffff;
        }

        .bloc1 {
          background-color: #BFEDAD;
          width: 500px;
          height: 150px;
          position: relative;
        left: 3em;
          box-shadow: 2px 2px 15px black;
        -moz-box-shadow: 2px 2px 15px black;
          -webkit-box-shadow: 2px 2px 15px black;
        }


        /*** FONDS GENERAUX ***/

        /* Contenu de l'ensembre des forum */
        .categorie {
          width: 700px;
          height: 200px;
          padding-left: 50px;
       padding-right: 10px;
       padding-bottom: 10px;
       padding-top: 10px;
        }

        /* Fond des forum */
        .sous-forum {
          width: 300px;
          height: 50px;
          overflow: auto;
          top: -10em;
        }

        /* Fond titre catégorie */
        .cate_titre {
          width: 800px;
          margin: auto;
          padding: 5px;
          background-color: #BFEDAD;
          box-shadow: 2px 2px 15px black;
        -moz-box-shadow: 2px 2px 15px black;
          -webkit-box-shadow: 2px 2px 15px black;
        }

        /* Mise en forme nom de catégorie */
        h2 {
          font-size: 40px;
          font-family: 'Dancing Script', cursive;
          color: #DE6B00;
          text-align: center;
        }




        /*** MISE EN FORME DES FORUM ***/

        /* Mise en forme du texte des titres de forum */
        .forumlink {
          color: #126605 !important;
          font-family: 'Dancing Script', cursive;
          font-size: 25px !important;
          font-weight: none !important;
          position: relative;
          top: 0.5em;
          left: -2em;
          z-index: 1;
        }

        .forumlink:hover {
          color: #F1EBEE !important;
          text-decoration: none !important;
        }

        .forumlink a {
          font-size: 16px;
          width: 500px;
        }

        /* Mise en forme de la description */
        .description {
          width: 400px;
          height: 90px;
          font-size: 11px;
          text-align: justify;
          color: #000000;
          background-color: #BFEDAD;
          border: 2px solid #90C47C;
          border-radius: 5px;
          position: relative;
          top: 1em;
          left: 3em;
          padding: 15px;
        }

        .imagedesc {
          position: relative;
          right: -6em;
          top: -2em;
        -moz-transform:rotate(8deg);
          -webkit-transform:rotate(8deg);
          transform:rotate(8deg);
        }




        /*** SOUS-FORUM ***/

        .lienssf {
          width: 490px;
          max-height: 15px;
          overflow: auto;
          background-color: #BFEDAD;
          padding: 5px;
          position: relative;
        }

        .lienssf a {
          color: #126605 !important;
          text-decoration: none !important;
        }

        .lienssf a:hover {
          color: #FFA34F !important;
        text-decoration : none !important;
        }




        /*** DERNIERS MESSAGES ***/

        .last_mess {
          width: 120px;
          position: relative;
          left: 6em;
          top: 1.5em;
          background-color: #BFEDAD;
          color: #C9AFBB;
          padding: 10px;
          font-size: 11px;
          border-radius: 5px;
        }

        .last_mess a {
          color: black !important;
          text-decoration: none !important;
        }

        .last_mess a:hover {
          color: #CAC9C7 !important;
        text-decoration : none !important;
        }


        /*--------------------------------- FIN CATEGORIES --------------------------------- */

Voilà ! En tout cas, merci pour tout !
Bisous <3

Salut!

Hem, tu as donné le mauvais template XD Mais bon, c'est pas grave u_u

Pour faire fonctionner les polices à l'intérieur du forum, commence par te rendre dans ton template overhall_header. Retrouve ceci :

Code:

</head>

Et ajoutes ceci juste avant :

Code:

<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Vampiro+One' rel='stylesheet' type='text/css' />

Sinon, il est déjà supposé d'y avoir une barre de défilement pour les sous-forums... Tu peux nous donner le lien de ton forum qu'on aille voir si on peut trouver le problème?

Bonsoiiiiir !!

Alors, déjà, j'ai fait ce que tu me conseillais et... Ça ne fonctionne pas... Je pense pourtant avoir tout suivi à la lettre mais ça ne fonctionne pas T.T

Et voici le lien du forum : http://mydhass.forumactif.org/

Merci beaucoup pour le temps que vous passez sur ma demande ! <3

Salut!

Pardon, je t'ai donné le mauvais link, il fallait mettre ceci :

Code:

<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css' />

Sinon, tu as quel navigateur? Parce que personnellement, je vois la barre de défilement pour les sous-forums...

Yeaaaaah ! Ca marche !! Merci !!

Et je suis sous Firefox. Mais en fait, les barres de défilement, elles y sont pour les descriptions. J'aurais souhaité en avoir pour les sous-catégories. Par exemple, pour la catégories "Personnages", il y a plusieurs sous-catégories "Fiches personnages", "Fiches RP" etc. Et dans la description de la catégorie, la suite de la liste des sous-catégories est mangé... Je sais pas si c'est très claiiiir !

Salut!

Tu peux commencer par mettre la description de forum dans tous tes sous-forums pour créer l'espace correctement (quitte à ne rien mettre dedans) :

Code:

<div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 15px;"></div>

Sinon, oui, je vois le problème pour les sous-forums... De ce que j'ai réussi à trouver, c'est un bug relatif à Firefox. Il y a une barre de défilement, mais elle est invisible parce que la hauteur est trop petite pour y rentrer une barre de défilement. En effet, ce n'est même pas assez haut pour que les flèches haut et bas y rentrent. Le minimum de hauteur pour voir la barre de défilement est 35px (padding inclus) alors que tu as actuellement 15px de hauteur et 10px de padding pour un total de 25px.

Pour faire apparaître la barre de défilement, tu peux mettre le "max-height;" dans ".lienssf", à au moins 25px (plus le 10px de padding, cela fera 35px et ce sera assez grand).

Coucou !!

Je ne comprends pas où est-ce qu'il faut que j'augmente la hauteur. Dans la feuille CSS ou dans le template ? Et dans un cas comme dans l'autre, où exactement ?

Encore mille mercis ! <3

Salut!

Oui, tu dois augmenter la hauteur dans .lienssf. Dans le CSS, il s'agit de ce bout de code :

Code:

.lienssf {
          width: 490px;
          max-height: 15px;
          overflow: auto;
          background-color: #BFEDAD;
          padding: 5px;
          position: relative;
        }

Augmente le max-height à 25px et la barre de défilement devrait apparaître.

YEAAAAAAAAAAAAAH !!! C'est booooon ! Merciiiii !! (Beaucoup de répétitions de lettres... Sorry xD)
Du coup, le sujet est résolu :DD