Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Css pour sous-forums en onglets.

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

Résolu Css pour sous-forums en onglets.

Message par Nially le Lun 7 Juin 2010 - 14:48

sunny Bonjour!
En fouillant sur le forum, j'ai trouvé le code pour mettre les sous-forums en onglets.
Malheureusement, ça bugue lorsqu'il y en a trop... L'écriture chevauche alors le cadre comme dans la capture d'écran que je vous ai mise en spoiler:

Spoiler:

Y a-t-il un moyen de corriger cela, s'il vous plaît?

Merci d'avance de votre temps,

Nially

EDIT/ Désolée j'ai posté ça ici par erreur au lieu de le mettre dans "Gérer l'apparence de son forum" Embarassed


Dernière édition par Nially le Lun 7 Juin 2010 - 15:27, édité 1 fois
avatar

Nially
****

Féminin
Messages : 277
Inscrit(e) le : 22/07/2006

http://patientszero.jdrforum.com/
Nially a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Anzu le Lun 7 Juin 2010 - 15:13

Bonjour ^^

C'est une simple modification à faire dans le code.
C'est possible d'avoir votre template modifié ?

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Nially le Lun 7 Juin 2010 - 15:15

Bonjour Anzu!
Merci pour la rapidité de votre réponse ^.^

Voici mon template index_box:

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}

        {CURRENT_TIME}

        </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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- 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="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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"> </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}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <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>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->
avatar

Nially
****

Féminin
Messages : 277
Inscrit(e) le : 22/07/2006

http://patientszero.jdrforum.com/
Nially a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Anzu le Lun 7 Juin 2010 - 15:19

Mes excuses, j'ai oublié de vous demander le code de votre feuille CSS aussi Razz

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Nially le Lun 7 Juin 2010 - 15:22

Pas de soucis! ^^
Voilà donc mon CSS:

Code:
a { text-decoration: none; }

body {
background-repeat : no-repeat;
background-position: top center;
}


/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      background: #a0bde9;
      border: 3px solid #a0bde9;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #a0bde9;
      border-right: 3px solid #a0bde9;
      border-top: 3px solid #a0bde9;
      color: #a0bde9;
      background: #215490;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 400px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      background: #215490;
      border: 3px solid #a0bde9;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}
avatar

Nially
****

Féminin
Messages : 277
Inscrit(e) le : 22/07/2006

http://patientszero.jdrforum.com/
Nially a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Anzu le Lun 7 Juin 2010 - 15:25

Code:
a { text-decoration: none; }

body {
background-repeat : no-repeat;
background-position: top center;
}


/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      background: #a0bde9;
      border: 3px solid #a0bde9;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #a0bde9;
      border-right: 3px solid #a0bde9;
      border-top: 3px solid #a0bde9;
      color: #a0bde9;
      background: #215490;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 400px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      background: #215490;
      border: 3px solid #a0bde9;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      min-height: 14px;
      font-size: 11px;
}

> Vous aviez height: 14px dans le dernier style, je l'ai transformé en >

Code:
  min-height: 14px;
Ca sera toujours 14px, mais ca s'adaptera au nombre de sous forums que vous avez.

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Css pour sous-forums en onglets.

Message par Nially le Lun 7 Juin 2010 - 15:27

Very Happy Super! Merci beaucoup de votre aide!
> Résolu!
avatar

Nially
****

Féminin
Messages : 277
Inscrit(e) le : 22/07/2006

http://patientszero.jdrforum.com/
Nially 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