Sujets similaires

Sujet: Modification des sous forums (messages) Sam 30 Oct 2010, 13:54

Très beau tuto Very Happy

Je te remercie ! J'espère qu'il sera a publié Bravo !

Sujet: Re: Modification des sous forums (messages) Lun 01 Nov 2010, 03:23

Tutoriel Validé

Sujet: Re: Modification des sous forums (messages) Dim 14 Nov 2010, 08:22

Désolée mais j'ai pas compris ce que cela donnait Embarassed

Tu aurais un lien parce que là c'est juste des onglets où j'ai vraiment rien compris ?

Sujet: Re: Modification des sous forums (messages) Lun 15 Nov 2010, 16:55

En faite il s'agit des liens vers les niveaux inférieurs.
Je crains que même si je passe un lien sans explications cela ne servirai à rien ^^

Tu peux choisir dans tes options "Structure et hiérarchie" de mettre "Lien vers les niveaux inférieurs :". Une fois cette option ajoutée, tu obtiens en dessous à gauche de tes descriptions des avec liens avec ou sans images (à toi de choisir quand tu coche).
Tu me suis jusque là?

C'est ici qu’intervient mon tutoriel, je vous explique comment déplacer et jouer avec ces liens vers les niveaux inférieurs. Vous pouvez grâce à ce tutoriel, personnaliser et déplacer ceux-ci à votre guise !

Si tu tiens réellement à voir un lien, voici un forum sur lequel je l'ai appliqué:
http://www.team-mw.com/
Par exemple pour le sous forum "Accueil" il y a en dessous "Règles", "News", "Partenariat". Ils sont placés à droite au lieu d'être placé à gauche et ceci grâce au code que j'ai fournis dans le tutoriel.

J'espère avoir répondu à ta question et si jamais tu as des difficultés avec le tuto, n'hésite pas à poser des questions ! Wink

Sujet: Re: Modification des sous forums (messages) Lun 15 Nov 2010, 18:15

C'est beaucoup plus clair ...Merci !!!!!!!

A tien Nikos j'ai utilisé ton tutorial !! J'ai adoré Smile

Salut,

Le tutoriel proposé m'intéresse, mais j'aimerais savoir, si à partir de la modification du template, on pouvait placer les liens sur la droite, mais les uns en dessous des autres ?
au lieu de les avoir sur une ligne, comme à l'accoutumé,

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 11:10

Bonne question, il me semble qu'il y a un code CSS pour faire ça.
Essaye de mettre cette balise dans le CSS que tu as lié à ces liens:

Code:: display: block;

Je crois que ça va te les mettre les uns en dessous des autres. Si ce n'est pas le cas je pense pas pouvoir t'aider d'avantage.

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 11:15

Merci, je vais essayer donc et si jamais ça ne marche pas, je reviendrais !

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 14:46

Bonjour j'ai fait exaaaaaaaaaactement comme indiqué, cependant ça ne donne rien

voici mon code :

Code:: <div class="titre_categorie">{catrow.tablehead.L_FORUM}</div>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th nowrap="nowrap" width="50">{L_TOPICS}</th>
   <th nowrap="nowrap" width="50">{L_POSTS}</th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         <div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      </span>
   </td>
   <td class="row3" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.TOPICS}</span>
   </td>
   <td class="row2" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.POSTS}</span>
   </td>
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Y a-t-il quelque chose qui cloche ? Merci a celui qui me répondra Very Happy

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 14:48

As-tu bien mis le code dans les CSS?

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 15:26

Oui j'ai tout mis

Sujet: Re: Modification des sous forums (messages) Dim 02 Jan 2011, 17:03

As-tu autres codes pour tes sous forums ?

Sujet: Re: Modification des sous forums (messages) Lun 03 Jan 2011, 05:43

Non je ne crois pas

Sujet: Re: Modification des sous forums (messages) Lun 03 Jan 2011, 09:20

Merci pour ton tuto cher ami sa donne vachement mieux sur mon forum :chrome:

Sujet: Re: Modification des sous forums (messages) Lun 10 Jan 2011, 17:13

Tu pourrais me montrer le code que t'as mis dans les CSS Morgane?
Si tu as recopier plutôt que de faire un copier coller, tu as peut-être mal écrit mon super mot "souforums" qui est écrit un peu n'importe comment ^^
Si c'est vraiment identique je crains ne pas pouvoir t'aider ...

Sujet: Re: Modification des sous forums (messages) Mar 01 Mar 2011, 06:27

Never-Die a écrit:: Salut,

Le tutoriel proposé m'intéresse, mais j'aimerais savoir, si à partir de la modification du template, on pouvait placer les liens sur la droite, mais les uns en dessous des autres ?
au lieu de les avoir sur une ligne, comme à l'accoutumé,

Pour les placer à droite, il va falloir bidouiller directement dans les templates pour réorganiser la structure. Pour les placer l'un en dessous de l'autre, il suffit de transformer chaque lien en bloc (un bloc ayant la particuliarité d'avoir un saut de ligne avant et après). Le problème, ce sont les virgules entre chaque lien, ce qui exige une bidouille de plus. Bref, quoi qu'il en soit, voici une méthode pour régler ceci.

Dans le template index_box, cherchez le code suivant :

Code::       <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

Et remplacez le par ce code ci :

Code:: 

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
   <td valign="top" align="center">
      <div class="forumdesc">
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            
         </span>
      </div>
   </td>
   <td valign="top" align="center">
      <div class="listeforums">
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </div>
   </td>
</tr>
</table>

Ajoutez dans votre feuille de style CSS (Panneau d'administration > Affichage > Couleurs > Feuille de Style CSS)

Code:: /******************************************************************
***** Personnalisation d'affichage des forums et sous-forums *****
******************************************************************
Code proposé par Lostmindy sur CSSActif
http://www.css-actif.com
*******************************************************************/

/* ** Texte de description des forums ** */
.forumdesc {
text-align:justify;
margin:1px 5px;
}

/* ** Liste des sous forums ** */
.listeforums {
/* astuce pour retirer les virgules (ne pas modifier) */
visibility:hidden;
font-size:1px;
}

/* ** Liens des sous forums (apparence générale) ** */
.listeforums a {
/* on rend le texte a nouveau visible (ne pas modifier) */
visibility:visible;
font-size:normal;

/* On tansforme les liens en blocs (ne pas modifier) */
display:block;

/* on précise une largeur (à ajuster) */
width:150px;

/* on aligne les liens dans leur 'bloc' (droite, gauche ou centré) */
text-align:center;

/* on personnalise le texte des liens */
font-weigh:bold:
font-variant:small-caps;
letter-spacing:2px;

/* on personnalise un peu chaque lien-bloc */
margin:2px; /* marge extérieure, qui sépare les blocs des uns des autres */
padding:2px; /* marge intérieure, qui décole le texte des bords */
border:1px solid #000000; /* une bordure, pourquoi pas ? */
background:#ffffff; /* une couleur de fond ! */
}

/* ** Personnalisation liens des sous forums (normal) ** */
.listeforums a:link, .listeforums a:visited {
color:#990000;
}

/* ** Personnalisation liens des sous forums (survol) ** */
.listeforums a:hover, .listeforums a:active {
background-color:#000000; /* on change le fond */
color:#ffffff; /* et la couleur du texte */
}
*************************************************
***** Fin des personnalisations d'affichage *****
*********** des forums et sous-forums ***********
*************************************************

Vous pouvez bien sûr modifier les liens et compagnie comme vous le sentez ^^

Sujet: Re: Modification des sous forums (messages) Mar 01 Mar 2011, 08:18

Cool merci ses plus respectueux pour mon forum !
ça fonctionne bien ! un grans merci.

Sujet: Re: Modification des sous forums (messages) Mar 01 Mar 2011, 08:42

Tuto clair et vachement polyvalent !
Merci beaucoup, c'est vraiment très utile Very Happy

Sujet: Re: Modification des sous forums (messages) Jeu 03 Mar 2011, 19:07

Bonsoir, Bonne nuit,
j'aurai une petite question pour LostMindy. Alors, voilà, j'ai bien appliqué tous tes conseils et cela donne vraiment super bien. Par contre, j'ai un petit souci... Quand j'autorise le lien "avec les petites images", ces dernières sont en décalées... Cela donne l'impression d'avoir deux lignes au lieu d'une... Du coup, au final, l'effet que je voulais n'est pas non plus atteint avec cette méthode... En fait, j'aimerai que la petite image soit sur la même ligne que le lien du sous-forum. Je te passe l'adresse du fow' que tu puisses ainsi visualiser (j'ai laissé le lien avec image vers les sous-forums). ICI

Merci d'avance d'avoir lu ma question et en espérant que tu puisses trouver une solution à mon problème.

Cordialement,
Elo'

Sujet: Re: Modification des sous forums (messages) Jeu 03 Mar 2011, 20:00

Malheureusement, ma méthode ne marche pas avec l'affichage des images ^^'

En effet, je transforme les liens en blocs, mais les images ne sont pas affectées, du coup elles sont "en dehors" des blocs x_x Et comme il y a toujours un saut de ligne avant et après un bloc, bah les liens et les images ne sont plus sur la même ligne.

Ce que je peux te suggérer d'essayer, c'est de remplacer display:block; par display:inline-block; et de jouer sur la largeur. Les liens seront alors sur la même ligne que les images mais par contre tu risques d'avoir deux liens à la suite vu qu'il n'y aura plus de saut de ligne 'forcé'... (il faut jouer sur la largeur ces cellules)

Faudra que j'approfondisse ça en fait *cogite*

Sujet: Re: Modification des sous forums (messages) Ven 04 Mar 2011, 06:52

Merci pour cette réponse si rapide. Je vais essayer de bidouiller à ça alors. Si tu penses que c'est faisable, c'est que ça doit l'être et alors avec de la persévérance, je vais y arriver (enfin... xD). Si je parviens à un résultat, je le posterai ^.^

Modification des sous forums (messages)

Modification des sous forums (messages)

Sujets similaires

Sujets similaires

Partenaires Or