| Modification des sous forums (messages) | |
|
*Dark-Jump ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 23
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | Très beau tuto ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png) Je te remercie ! J'espère qu'il sera a publié | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Haribot' ♪ ![{ Membre hyper-actif } { Membre hyper-actif }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre hyper-actif }
Messages : 5163
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | Tutoriel Validé ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Voodoo Child ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 97
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | Désolée mais j'ai pas compris ce que cela donnait Tu aurais un lien parce que là c'est juste des onglets où j'ai vraiment rien compris ? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nikos ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 118
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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](https://2img.net/i/fa/i/smiles/icon_wink.gif) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Voodoo Child ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 97
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | C'est beaucoup plus clair ...Merci !!!!!!! | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
AMY™ ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 19
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | A tien Nikos j'ai utilisé ton tutorial !! J'ai adoré | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Never-Die ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 17
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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é, | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nikos ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 118
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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. | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Never-Die ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 17
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | Merci, je vais essayer donc et si jamais ça ne marche pas, je reviendrais ! | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Morgane* ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 29
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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"> <!-- 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 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> <!-- 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><br /> </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 --> <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> <!-- 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 --> Y a-t-il quelque chose qui cloche ? Merci a celui qui me répondra ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nikos ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 118
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | As-tu bien mis le code dans les CSS? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Morgane* ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 29
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | |
![Aller en bas](https://2img.net/i/empty.gif) | |
L ![{ Membre actif } { Membre actif }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre actif }
Messages : 867
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | As-tu autres codes pour tes sous forums ? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Morgane* ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 29
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | |
![Aller en bas](https://2img.net/i/empty.gif) | |
voltie ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 104
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png) Merci pour ton tuto cher ami sa donne vachement mieux sur mon forum :chrome: | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nikos ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 118
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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 ... | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
'Christa ![Lostmindy Lostmindy](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Lostmindy
Messages : 2856
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | - 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"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> Et remplacez le par ce code ci : - Code:
-
<!-- ****************************************************************** ***** Personnalisation d'affichage des forums et sous-forums ***** ****************************************************************** Code proposé par Lostmindy sur CSSActif http://www.css-actif.com ****************************************************************** -->
<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"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </div> </td> <td valign="top" align="center"> <div class="listeforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div> </td> </tr> </table>
<!-- ************************************************* ***** Fin des personnalisations d'affichage ***** ************************************************* --> 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 ^^ | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
voltie ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 104
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png) Cool merci ses plus respectueux pour mon forum ! ça fonctionne bien ! un grans merci. | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Anapneo ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 2
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | Tuto clair et vachement polyvalent ! Merci beaucoup, c'est vraiment très utile ![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Elora Kain ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 28
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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' | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
'Christa ![Lostmindy Lostmindy](https://2img.net/h/cssactif.com/files/rangs/chouchou.png)
Lostmindy
Messages : 2856
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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* | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Elora Kain ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 28
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | 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 ^.^
| | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Contenu sponsorisé
![Modification des sous forums (messages) Empty](https://2img.net/i/fa/empty.gif) | |
![Aller en bas](https://2img.net/i/empty.gif) | |
| Modification des sous forums (messages) | |
|