Apparence des catégories

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

Résolu Apparence des catégories

Message par Mermaid le Ven 25 Jan 2013 - 18:52

Salut ♥
Alors voilà, j'ai un petit problème côté apparence des mes catégories.

Pour l'instant, ça ressemble à ça:


Mais, j'aimerais pouvoir centrer mes sous-forums, les alignés une en dessous de l'autre, afin que ça soit plus ordonné. J'aimerais aussi pouvoir changer les virgules pour un symbole (je sais comment, mais avec mon template modifié, tout devient déformé...

Et voici mon template modifié:
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>
      <center><div class="grandtitre">{catrow.tablehead.L_FORUM}</div></center>
  <!-- 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">
              <br><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><span class="genmed"><div class="lien">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></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>
      </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}>
        <div class="descri"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
                  <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                    <div class="derniermess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br>  </center>         
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br></span>
<span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span><br></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 -->

Si quelqu'un pouvait me venir en aide, ça serait très apprécié, merci I love you


Dernière édition par Mermaid le Dim 27 Jan 2013 - 19:30, édité 1 fois

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

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

Résolu Re: Apparence des catégories

Message par Mermaid le Dim 27 Jan 2013 - 2:34

Up !

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

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

Résolu Re: Apparence des catégories

Message par Anzu le Dim 27 Jan 2013 - 9:49


Bonjour,

Pour mettre un retour à la ligne entre chaque sous forum, j'ai donné la réponse Ici

Et pour remplacer la virgule par autre chose, je n'ai pas rencontré de problème avec votre template:

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>
              <center><div class="grandtitre">{catrow.tablehead.L_FORUM}</div></center>
          <!-- 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">
                      <br><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><span class="genmed"><div class="lien" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'•')).removeAttr('id');
</script>
                <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>
              <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}>
                <div class="descri"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        </div>
                          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                            <div class="derniermess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br>  </center>       
                <span class="gensmall">{catrow.forumrow.LAST_POST}<br></span>
        <span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span><br></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 -->

Pour le reste, il me faudrait votre css Smile

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Apparence des catégories

Message par Mermaid le Dim 27 Jan 2013 - 14:56

Merci pour l'aide, c'est apprécié Smile
J'ai réussie à faire un retour à la ligne, mais je n'arrive toujours pas à enlever les virgules...
Et pour mon css, je l'envoie pas MP ♥

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

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

Résolu Re: Apparence des catégories

Message par Anzu le Dim 27 Jan 2013 - 15:11


C'est reçu Smile

Vous avez installé le code du template donné plus haut ? Sur mon forum test, les virgules ont bien été changées par des points:



Quel est le lien du forum concerné ?

Pour les sous forums, vous les voulez donc "centrés" au milieu du cadre ?

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Apparence des catégories

Message par Mermaid le Dim 27 Jan 2013 - 15:41

Moi, ça reste bien des virgules et tout compte fait, j'aimerais complètement les enlever ^^
Et oui, j'aimerais les centrer les sous-forums au milieu du cadre Smile

Voici le lien de mon forum de test: http://across-the-universe.forum-canada.com/

EDIT: Les points apparaissent maintenant, mais j'aimerais tout de même pouvoir les enlever Smile

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

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

Résolu Re: Apparence des catégories

Message par Anzu le Dim 27 Jan 2013 - 15:56

Dans le code du template que je vous ai donné, repérez cette partie:

Code:
<span class="genmed"><div class="lien" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'•')).removeAttr('id');
</script>

Il suffit de retirer le point, vous ne touchez pas au reste Razz

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Apparence des catégories

Message par Mermaid le Dim 27 Jan 2013 - 16:05

C'est fait, merci ♥
Un dernier petit truc. Présentement ça ressemble à ça:


Et j'aimerais pouvoir les centrer ainsi (mais centrer plus également disons):


Bref, les centrer complètement dans le bloc. Je dois changer ça par le css? Je sais pas trop à quoi toucher ^^

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

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

Résolu Re: Apparence des catégories

Message par Anzu le Dim 27 Jan 2013 - 18:43

Re,

Désolée pour le temps de réponse, j'étais en train de me batailler avec Firefox batman

Il a fallu bidouiller Assomé , dans le template:

Code:
 <td class="lien" valign="middle" style="padding: 5px;"><div class="lien2"><div id="subforums"><span class="genmed"><br /><br />{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<br /><br /><br /></span></div></div>

Et dans le css:

Code:
    .lien {
      overflow: auto;
      min-width:100px;
      min-height:100px;
      font-size: 12px;
      font-family: Century Gothic, serif;
      text-align:center;
    }

    .lien2 {
      min-width:100%;
      min-height:100%;
      border-radius:15px;
      background-color: #1D0F0F;
    }

J'ai donc rajouté le .lien 2
Pensez à changer l'autre .lien

Sinon, votre css c'est un sacré chantier Razz
Evitez les doublons, regroupez tout sous le même id.

Cordialement.


Anzu
+ Hyperactif +

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

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

Résolu Re: Apparence des catégories

Message par Mermaid le Dim 27 Jan 2013 - 19:30

Merci beaucoup I love you Je crois bien à être arrivée à un résultat qui me plait ♥
Un sacré chantier ? Oui, je sais Razz Mais bon, j'arrive habituellement à m'y retrouver Wink

Mermaid
**

Féminin
Messages : 62
Inscrit(e) le : 15/07/2012

Mermaid 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