AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

    [CATE] (Onyx) séparer les forums

    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Jeu 8 Jan 2015 - 16:47

    Ma demande



    Bonjour, j'ai fait des recherches dans les tutoriels, et aussi dans le LS, mais pas moyen de trouver le code qui pourrait m'aider. J'aimerais séparer mes forums qui sont trop collés, pour part. C'est peut-être parce que je n'y connais pas grand chose en code que je n'arrive pas à le trouver. Bien que le tuto expliquant le template index-box m'a été utile, je n'ai pas réussi à trouver ce que je cherchais. Merci d'avance de votre aide.

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    J'aimerais séparer la partie 1 de la partie 2 pour avoir un plus grand espace par rapport à mes sous-forums assez nombreux.
    Tailles des éléments :
    Effets voulus :
    Version de votre forum : PHPBB2,


    Ressources
    Si vous souhaitez des images de fond précises ou des icones etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.

    Autres précisions ?
    Je pense que pour ce code, je n'ai pas besoin de remplir les autres points.

    Je vous remercie grandement de l'attention que vous aurez porté à ma demande.




    [CATE] (Onyx) séparer les forums Signa_10
    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Jeu 8 Jan 2015 - 17:11

    Coucou Espéranga, est-ce que pour cette demande, tu veux une espace "vide" (ex: autre couleur) entre tes deux forums, ou juste un espace entre les sous-forums et les forums comme ceci :

    Spoiler:

    ??? :)



    Des bisous !
    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Jeu 8 Jan 2015 - 17:15

    Juste un simple espace entre mes forums comme sur l'image que tu m'as montré



    [CATE] (Onyx) séparer les forums Signa_10
    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Lun 19 Jan 2015 - 9:19

    toujours d'actualité :)



    [CATE] (Onyx) séparer les forums Signa_10
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Jeu 29 Jan 2015 - 17:09

    Salut,

    Voilà dix jours qu'on ne t'a pas vu. Ca en est où ici ?



     
    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Lun 2 Fév 2015 - 19:05

    Bonjour, c'est toujours d'actualité et je n'ai tjs pas trouvé de solution



    [CATE] (Onyx) séparer les forums Signa_10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 13 Fév 2015 - 6:48

    Salut,

    Voilà dix jours que tu n'es pas passé. C'est toujours d'actualité? Essaie de uper au moins une fois par semaine, comme ça les codeurs verront plus ta demande et on saura que tu n'es pas disparu Wink



    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Sam 14 Fév 2015 - 12:47

    Ok merc i du conseil, j'y penserai Wink
    et c'est toujours d'actualité



    [CATE] (Onyx) séparer les forums Signa_10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 23 Fév 2015 - 4:33

    Salut!

    J'ai ma petite idée, mais... Tu pourrais bien nous donner ton CSS et ton template Index_body pour qu'on puisse voir comment faire le changement?

    PS: Je viens de me rendre compte que c'est plus un problème de codage qu'une demande >< Bon, on va quand même le laisser ici, files-nous tes codes pour qu,on les décortiquent Wink



    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Mar 3 Mar 2015 - 7:52

    Bonjour, désolé du retard je trouvais plus mon messager avec le changement. Merci de votre aide

    Voici mon CSS
    Code:
    .body {
      margin-top: -1px;
    }

    .postbody {
        text-align:justify !important;
        padding: 0 15px;
    }

    .bodyline {
      padding: 0 0 5px 0 !important;
      border: 0px  solid #000000;
    }
    #navig
    {
      width: 950px;
      margin: auto;
      text-align: center;
    }
    #navigation
    {
      position: fixed;
      z-index: 999;
      width: 100%;
      background-color: #FFFFFF;
      border-bottom: 1px solid #003366;
      margin-top: -10px;
      margin-left: -10px;
      padding: 10px;
    }
       
    .pseudo {
      text-align: center;
      text-shadow: 0 1px 0 #000000;
      margin-bottom: 1px;
      margin-top: -3px;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 20px;
      font-weight: ;
    }

    .fondprofil {
      background-color: #967396;
      padding: 5px;
    }

    .champsprofil {
      background-color: #e5e4f0;
      border-radius: 5px;
      padding: 4px;
      margin-bottom: 4px;
    }

    .rang {
      font-style: italic;
      font-variant: small-caps;
      font-weight: lighter;
      text-align: center;
      padding: 4px 0;
    }

    .forumlink {
      font-family: times new roman;
      font-size: 16px;
      font-style: italic;
      font-weight: lighter;
      display: block;
      text-align: left;
      transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
    }

    a.forumlink:hover {
      margin-left: 15px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
      text-shadow: 0 0 3px #000000;
      transition: all 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
    }

    .row3Right
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    }
    .catBottom
    {
    border: none !important;
    }

    body.chatbox {
        background-color: #DBDAE5;
    }

    .forumline{
    border: 0px  solid #000000;
    } */

    tr.post span.gensmall { display: none; }

    a, a:hover {
        text-decoration: none !important;
    }

    a.forumlink{}

    .c {font-family: courier}

    .dc {
      width: 440px;
      background-color: #d5d3f5;
      font-style: italic;
      font-family: georgia;
      padding: 5px;
      color: #3e3787;
      text-shadow: 0 0 2px #3e3787;
      border: 1px solid #3e3787;}

    .cer {text-transform: uppercase; font-size: 20px}

    .cerf {
      width: 430px;
      background-color: #ffffff;
      text-align: justify;
      padding: 10px;
      font-family: georgia;}

    .caz {
      border: 1px solid #d1d1d1;
      padding: 2px;
      margin-bottom: -15px}

    .rotate {
        -webkit-transition: all 0.5s linear;
          -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
                transition: all 0.5s linear;
    }

    .rotate:hover {
        -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }

    .mp {width: 500px; text-align: justify;}

    .descriptionsujet {
      font-size: 9px;
      padding-left: 15px;
      font-style: italic;
    }

    .auteurliste {
      width: 150px;
      font-size: 10px
    }

    .quote{
      padding: 8px;
      border-radius: 8px;
      border-color: transparent;
    }
    .code{
      padding: 8px;
      border-radius: 8px;
      border-color: transparent;
    }
    .spoiler_closed{
      padding: 8px;
      border-radius: 8px;
      border-color: transparent;
    }
    .spoiler_content{
      padding: 8px;
      border-radius: 8px;
      border-color: transparent;
    }


    .derniersmessages {
      width: 150px; /* largeur de la colonne "Derniers messages" */
      padding: 5px;
      background-color: #D7CED9;
      border-radius: 5px;
      box-shadow: 1px 1px 1px #9da3a6;
    }



    .descindex {
      text-align: justify;
      box-shadow: 0 1px 0 #ffffff;
      font-size: 10px;
      background-color: #D7CED9;
      border: 1px solid #d1d1d1;
      padding: 3px;
      line-height: 12px;
      margin-bottom: -8px;
      border-radius: 5px;
      color: #201c45;
    }

    /* Bandeau Afterlife */
    .al1 {
      width: 432px;
      background-color: #7871bd;
      padding: 10px 20px 5px 30px
    }

    /* Stylisation titre */
    .al2 {
      color: #ffffff;
      font-family: 'Pompiere', sans-serif;
      font-size: 24px;
      margin-bottom: -6px;
    }

    /* Sous-titre exotic social network */
    .al3 {
      font-variant: small-caps;
      color: #ffffff;
      font-size: 9px
    }

    /* Ligne de connexion */
    .al4 {
      width: 76%;
      font-size: 10px;
      color: #ffffff;
      line-height: 12px;
      text-align: right
    }

    /* Case pseudo */
    .al5 {
      width: 480px;
      text-align: justify;
      background-color: #ffffff;
      height: 176px;
      margin-top: -10px;
      border: 1px solid #7871bd;
    }

    /* Style avatar */
    .al6 {
      float: left;
      width: 150px;
      margin: 8px 10px 8px 20px;
      padding: 4px;
      border: 1px solid #7871bd;
      background-color: #ffffff
    }

    /* Style pseudo */
    .al7 {
      font-size: 32px;
      font-weight: bold;
      text-align: center
    }

    /* Bandeau */
    .al8 {
      background-color: #efd5f5;
      color: #ffffff;
      height: 65px;
      padding-right: 6px;
      line-height: 12px;
      font-size: 10px
    }

    /* Case publications */
    .al9 {
      width: 460px;
      text-align: justify;
      margin-top: -10px;
      background-color: #ffffff;
      border: 1px solid #7871bd;
      padding: 10px;
      min-height: 100px;
    }

    /* Mini icon */
    .al10 {
      float: left;
      margin: 4px;
      padding: 1px;
      border: 1px solid #7871bd;
      width: 50px
    }

    /* Case commentaires */
    .al11 {
      background-color: #d1ceed;
      padding: 4px
    }

    /* Like */
    .al12 {
      border-bottom: 1px solid #ffffff;
      padding-bottom: 4px;
    }

    /* Commentaire */
    .al13 {
      min-height: 60px;
      border-bottom: 1px solid #ffffff;
      margin-top: -18px;
      padding-bottom: 2px;
    }



    .selectCode { float:right; text-transform: lowercase; font-style: italic; cursor:pointer; font-size: 10px;}

    .titresujet {
      font-family: 'Source Sans Pro', sans-serif;
      text-align: center;
      font-size: 28px;
      text-transform: ;
      font-weight: ;
      color: #292370;
      text-shadow: 0 1px 0 #ffffff;
      border-bottom: 1px solid #292370;
      margin: 0 20px;
      padding-bottom: 8px;
    }

    .titreop {
      width: 350px;
      font-size: 12px;
      font-family: georgia;
      font-weight: lighter;
      font-style: italic;
      text-transform: lowercase;
      color: #3581b0;
      text-shadow: 0 1px 0 #ffffff;
      border-bottom: 1px solid #3581b0;
    }

    .caseop {
      width: 340px;
      border: 1px solid #d1d1d1;
      padding: 5px;
      background-color: #efebf7;
      text-align: justify;
      font-size: 10px;
      line-height: 12px;
      margin-bottom: -15px
    }

    /* Titre relation */
    .rtitre {
      font-family: 'Damion', cursive;
      font-size: 26px;
      color: #3d3594;
      text-shadow: 0 1px 0 #ffffff;
      text-align: center
    }

    /* Fond relation, même couleur que fond profil */
    .rfond {
      width: 480px;
      padding: 10px;
      background-color: #c0bce0;
    }

    /* Fond cadre clair, même couleur que fond champs profil */
    .rcadre {
      background-color: #e5e4f0;
      padding: 8px;
      text-align: justify;
      font-size: 11px
    }

    /* Fond cadre clair avec centré pour les icons, même couleur que fond champs profil */
    .ricon {
      background-color: #e5e4f0;
      padding: 8px;
      text-align: center;
      font-size: 11px
    }

    /* Comme rfond mais plus large, pour les personnes en relation */
    .rtable {
      width: 500px;
      padding: 10px;
      background-color: #c0bce0;
    }

    /* Comme rcadre avec overflow pour descriptif relation */
    .relation {
      height: 90px;
      overflow-y: auto;
      background-color: #e5e4f0;
      padding: 5px;
      text-align: justify;
      font-size: 11px
    }
    /*
     * ----------------------------
     * BLOC PARTENAIRES FOOTER
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
     * ----------------------------
     */

    /* Bloc contenant les partenaires */
    .partenaires-container-NU {
        font-size: 0; /* evite les bugs liés au display: inline-block des partenaires*/
        width: 800px;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /* Affichage pour un lien partenaire */
    .partenaire-NU {
        display: inline-block;
        position: center;
        width: 88px;
        height: 31px;
        margin-right: 20px;
    }

    /* Style image du partenaire */
    .partenaire-NU img {
        position: center;
        -webkit-transition: transform 900ms;
                transition: transform 900ms;
    }

    /* Effet au survol sur image */
    .partenaire-NU:hover img {
        transform: scale(5.3);
        z-index: 1;
    }

    /* Decalage a gauche une ligne sur 2 */
    .partenaire-NU:nth-child(14n+8){
        margin-left: 70px;
    }

    /* Suppression de la marge à droite une ligne sur 2 */
    .partenaire-NU:nth-child(14n) {
        margin-right: 2;
    }

    /* Style quand le lien n'a pas d'image */
    .partenaire-NU:empty {
        display: none;
    }

    /*
     * ----------------------------
     * FIN BLOC PARTENAIRES FOOTER
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
     * ----------------------------
     */
    .infobulle span
    {                     
        position : center;
        top : auto;
        left : auto;
        width : 110px;
        height : 30px;
        background-color: #9C7049;
        display : none;
    }
    .infobulle:hover span{
        display: block;
        top :  auto;
        left :  auto;
        width :  110px;
        height : 30px;
        overflow :  visible;
        background-color: #BDBAD9;
    }


    Et Voici mon template index_body
    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="0" 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'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.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">{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">{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'" v="2" 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 -->
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
       </tr>
       <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
       </tr>
       <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
       </tr>
       {L_CONNECTED_MEMBERS}
       {L_WHOSBIRTHDAY_TODAY}
       {L_WHOSBIRTHDAY_WEEK}
       <tr>
          <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
       </tr>
       <!-- BEGIN switch_chatbox_activate -->
       <tr>
          <td class="row1">
             <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
             </span>
          </td>
       </tr>
       <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
        <!-----------------------------
        * BLOC PARTENAIRES FOOTER
        * Libre service - Never Utopia
        * http://www.never-utopia.com/
        ------------------------------->
        <div class="partenaires-container-NU">
            <a href="http://inferni.forumactif.org/"><img style="width: 88px" src="http://i39.servimg.com/u/f39/16/22/16/38/infeni11.png" /></a>
    <a href="http://nigatacity.forumsactifs.com/forum.htm" target="_blank" ><img src="http://zupimages.net/up/14/42/oxu2.png" border="0"></a>
            <a href="http://pensionnat-matsue.forumgratuit.org/"><img src="http://img4.hostingpics.net/pics/8413768831.jpg" /></a>
            <a href="http://youremine.azurforum.com/"><img src="http://img4.hostingpics.net/pics/771388bouton8831.png" /></a>
            <a href="http://fairytaillegacy.forumactif.org/"><img src="http://imageshack.us/a/img202/2512/7zzw.png" /></a>
            <a href="http://new-york-district.forumactif.org/"><img src="http://i56.servimg.com/u/f56/12/87/30/45/nydist10.jpg" /></a>
            <a href="http://underworldluck.forum-nation.com/"><img style="width: 88px" src="http://img15.hostingpics.net/pics/666096ul3.png" /></a>
            <a href="http://strawberrypanic.forumactif.fr"><img src="http://img15.hostingpics.net/pics/826098vdvdxvx.png" /></a>
            <a href="http://lostparadiserpg.forumactif.org"><img src="http://img15.hostingpics.net/pics/957201PARTENAIRE.png" /></a>
            <a target="_blank" href="http://yaoislavery.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/27/1404410561-88x31.png" /></a>
            <a href="http://hybridsworld.forumactif.org"><img style="width: 88px" src="http://img15.hostingpics.net/pics/229771ghgg.png" /></a>
            <a title="DC-01" target="_blank" href="http://dc-01-offi.forums-actifs.com/"><img src="http://i59.tinypic.com/35k4j28_th.png" /></a>
            <a href="http://fairytailrpg-wol.forumactif.org"><img src="http://img11.hostingpics.net/pics/4927958831.gif" /> </a>
            <a href="http://vice.forumactif.org"><img src="http://i39.servimg.com/u/f39/17/99/84/17/petite10.jpg" /></a>
            <a href="http://k-h-s.forumactif.org/"><img src="http://nimga.fr/f/dcTnJ.png" /></a>
            <a href="http://ennador.forumgratuit.ch"><img style="width: 88px" src="http://img15.hostingpics.net/pics/420552BoutonEnnador.jpg" /></a>
            <a href="http://hoteljiyu.forumactif.org/"><img src="http://img4.hostingpics.net/pics/643854Hj88.png" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://internat-kyrie.forumactif.com/"><img class="puppy" src="http://zupimages.net/up/14/09/oyxi.png" /></a>
            <a href="http://free-rpg.forumactif.com/"><img src="http://img15.hostingpics.net/pics/3264888831.png" /></a>
            <a href="http://arcaellev4.lebonforum.com"><img src="http://i39.servimg.com/u/f39/18/39/70/39/88-3110.jpg" /></a>
            <a href="http://yurislave.keuf.net"><img src="http://i74.servimg.com/u/f74/17/07/18/82/eight10.jpg" /> </a>
            <a href="http://work.forumactif.org/"><img src="http://nimga.fr/m/Opkqf.png"></a>
            <a href="http://darkness-rebirth.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/41/1412676868-dr-logo-88-31.jpg" /></a>
            <a href="http://himitsu-no-kii.forumsactifs.com"><img src="http://img15.hostingpics.net/pics/55451688x31.png"/></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://feelingonline.forumactif.org/"><img alt="" src="http://image.noelshack.com/fichiers/2014/46/1415644734-gif-forum-final.gif" border="0" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://leparadis-rpg.forumpro.fr/"><img alt="" src="http://zupimages.net/up/14/44/nq2b.png" border="0" /></a>
            <a rel="nofollow" target="_blank" class="postlink" href="http://miru-minato.forumactif.org"><img alt="" src="http://i39.servimg.com/u/f39/18/91/42/26/bouton11.jpg" border="0" /></a>
            <a href="http://mondeandmagiev5.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://nsm08.casimages.com/img/2014/09/08/1409080627418388812509010.png" alt="" border="0" /></a>
            <a href="http://shadowsofsalvation.forumgratuit.be/"><img src="http://i.imgur.com/rLgThBe.png" /></a>
            <a href="http://lovenest.forumactif.org/"><img src="http://fc05.deviantart.net/fs70/f/2014/359/7/d/8831_by_mokalyne-d8b68kz.png" /></a>
            <a href="http://angeoudemonchoisi.forumactif.org/"><img src="http://i38.servimg.com/u/f38/19/04/80/10/bouton12.jpg"></a>
            <a href="http://hikutsutainushi.forumperso.com/"><img src="http://i38.servimg.com/u/f38/12/80/99/93/8810.jpg"/></a>
            <a href="http://shaerazade.forumactif.org"><img src="http://img110.xooimage.com/files/3/5/1/image-49ba8c4.jpg"></a>
            <a href="http://kami-taisha.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2015/03/1421534791-bouton-100x35.png" /></a> 
              </div>
        <!-- FIN BLOC PARTENAIRE -->
    <!-- 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 type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
       oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->



    [CATE] (Onyx) séparer les forums Signa_10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 3 Mar 2015 - 23:50

    ... J'ai dit index body, right? Désolée, je voulais dire l'index box, c'est celui qui concerne les catégories ><



    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Jeu 5 Mar 2015 - 7:22

    No soucis, ça arrive et j'ai pas fait tilt non plus

    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
       <tr>
          <td valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall">{LAST_VISIT_DATE}<br />
             {CURRENT_TIME}<br />
             </span>
             <!-- END switch_user_logged_in -->
             <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
             <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
             <!-- END switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
       </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
          
       </tr>
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
             <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                   <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
             </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
       </tr>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
             <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
             <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                   <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
             </h{catrow.forumrow.LEVEL}>
             <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
             <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                <span class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
             </span>
          </td>

    <td class="row3 over" align="center" valign="middle" height="50">
      <div class="gensmall derniersmessages">{catrow.forumrow.TOPICS} ▲ | {catrow.forumrow.POSTS} ✉<br />{catrow.forumrow.LAST_POST}</div>
    </td>
       </tr>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



    [CATE] (Onyx) séparer les forums Signa_10
    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Mar 10 Mar 2015 - 7:53

    Toujours d'actualité Wink



    [CATE] (Onyx) séparer les forums Signa_10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 13 Mar 2015 - 5:04

    Désolée de l'attente ><

    En fait, puisque tu as déjà modifié ton template et que tu as déjà donné une class au span qui entoure tes sous-forums, on va s'en servir pour créer l'espace ^^

    Alors on va dans le CSS et on ajoute simplement ceci :
    Code:
    .ListeSousForums {
      display: inline-block;
      margin-bottom: 10px;
    }

    Le "display: inline-block;" sert à nous permettre d'utiliser les marges.

    Le "margin-bottom: 10px;" va créer une marge de 10px après la fin des sous-forums. À toi de varier la valeur de la marge pour créer un plus petit ou un plus gros espace ^^

    Voilà \o/



    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Dim 15 Mar 2015 - 21:25

    Ah merci beaucoup, c'est nickel Wink
    Encore merci pour l'aide



    [CATE] (Onyx) séparer les forums Signa_10
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 11:11