| Modification des sous forums (messages) | |
|
*Dark-Jump
{ Membre }
Messages : 23
| Très beau tuto Je te remercie ! J'espère qu'il sera a publié | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Tutoriel Validé | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| 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 ? | | |
|
| |
Nikos
{ Membre }
Messages : 118
| 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 ! | | |
|
| |
Voodoo Child
{ Membre }
Messages : 97
| C'est beaucoup plus clair ...Merci !!!!!!! | | |
|
| |
AMY™
{ Membre }
Messages : 19
| A tien Nikos j'ai utilisé ton tutorial !! J'ai adoré | | |
|
| |
Never-Die
{ Membre }
Messages : 17
| 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é, | | |
|
| |
Nikos
{ Membre }
Messages : 118
| 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. | | |
|
| |
Never-Die
{ Membre }
Messages : 17
| Merci, je vais essayer donc et si jamais ça ne marche pas, je reviendrais ! | | |
|
| |
Morgane*
{ Membre }
Messages : 29
| 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 | | |
|
| |
Nikos
{ Membre }
Messages : 118
| As-tu bien mis le code dans les CSS? | | |
|
| |
Morgane*
{ Membre }
Messages : 29
| |
| |
L
{ Membre actif }
Messages : 867
| As-tu autres codes pour tes sous forums ? | | |
|
| |
Morgane*
{ Membre }
Messages : 29
| |
| |
voltie
{ Membre }
Messages : 104
| Merci pour ton tuto cher ami sa donne vachement mieux sur mon forum :chrome: | | |
|
| |
Nikos
{ Membre }
Messages : 118
| 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 ... | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| - 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 ^^ | | |
|
| |
voltie
{ Membre }
Messages : 104
| Cool merci ses plus respectueux pour mon forum ! ça fonctionne bien ! un grans merci. | | |
|
| |
Anapneo
{ Membre }
Messages : 2
| Tuto clair et vachement polyvalent ! Merci beaucoup, c'est vraiment très utile | | |
|
| |
Elora Kain
{ Membre }
Messages : 28
| 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' | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| 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* | | |
|
| |
Elora Kain
{ Membre }
Messages : 28
| 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 ^.^
| | |
|
| |
Contenu sponsorisé
| |
| |
| Modification des sous forums (messages) | |
|