Arrondir les catégories

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

Résolu Arrondir les catégories

Message par xBapt le Ven 24 Sep 2010 - 5:25

Bonjour,

alors j'aimerai savoir comment arrondir les descriptions d'un forum comme celui ci -> Clique ici

et aussi comment faire pour faire un qui est en ligne comme celui ci -> Clique ici

J'ai rechercher dans les tutos et sur le forum mais je n'est malheureusement pas trouvé.

En attente de votre réponse

Cordialement xBapt


Dernière édition par xBapt le Ven 24 Sep 2010 - 18:11, édité 1 fois

xBapt
***

Masculin
Messages : 113
Inscrit(e) le : 24/05/2010

http://ado-space.1fr1.net/
xBapt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les catégories

Message par xBapt le Ven 24 Sep 2010 - 14:34

Personne pour m'aider ? Sad

xBapt
***

Masculin
Messages : 113
Inscrit(e) le : 24/05/2010

http://ado-space.1fr1.net/
xBapt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les catégories

Message par Invité le Ven 24 Sep 2010 - 14:45

Bonjour,

Pour les descriptions arrondies, le tuto est ici: Affichage es forum en onglets . Par contre si vous voulez la même structure que sur le forum en exemple, ça demande un peu plus de travail sur les templates...

Pour le QEEL, je ne peux rien pour vous, car je ne sais pas le modifier.

Cordialement.

Invité
Invité


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

Résolu Re: Arrondir les catégories

Message par xBapt le Ven 24 Sep 2010 - 15:03

Sa n'a pas fonctionner, merci quand meme

xBapt
***

Masculin
Messages : 113
Inscrit(e) le : 24/05/2010

http://ado-space.1fr1.net/
xBapt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les catégories

Message par Invité le Ven 24 Sep 2010 - 15:14

Re,
scratch
Avez-vous bien publié le template? Sinon essayons ceci:
Dans votre feuille de style CSS palcez cela:
Code:
.titresfora{
      -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: 1px outset #0000ff;
      border-right: 1px outset #0000ff;
      border-top: 1px outset #0000ff;
      color: #ffffff;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #0000ff;
      color: #000000;
      border: 1px oustet #0000ff;
      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;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #ffffff;
      width: 90%;
      border: 1px outset #0000ff;
      -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: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px outset #0000ff;
      color: #ffffff;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #ffffff;
      border: 1px outset #0000ff;
      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;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}
Et remplacez votre template INDEX_BOX, par celui là:
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="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </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>
   
    </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">
                <span class="forumlink"><div class="titresfora">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></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><br /><br />
      </td>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- 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 -->
Pensez bien à publier le template en cliquant sur ajout Wink . Est-ce que nous sommes proche de ce que vous voulez avec ces modifications?

Cordialement.

Invité
Invité


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

Résolu Re: Arrondir les catégories

Message par xBapt le Ven 24 Sep 2010 - 18:10

Merci bien, tu as trouvé ce que je voulais ^^ trop content merci beaucoup :p

Cordialement xBapt

xBapt
***

Masculin
Messages : 113
Inscrit(e) le : 24/05/2010

http://ado-space.1fr1.net/
xBapt 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