Modification des sous forums (messages) Bouton_activeModification des sous forums (messages) Bouton_hoverModification des sous forums (messages) Fb-hoverModification des sous forums (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Modification des sous forums (messages) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Modification des sous forums (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Modification des sous forums (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Modification des sous forums (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Modification des sous forums (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Modification des sous forums (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Modification des sous forums (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Modification des sous forums (messages) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

Partagez
 

Modification des sous forums (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://Geykho.com
*Dark-Jump
*Dark-Jump
{ Membre }
{ Membre }

Masculin Messages : 23



Modification des sous forums (messages) Empty
Très beau tuto Very Happy Je te remercie ! J'espère qu'il sera a publié Bravo !
MessageSujet: Modification des sous forums (messages)   Modification des sous forums (messages) EmptySam 30 Oct 2010, 13:54
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Modification des sous forums (messages) Empty

Tutoriel Validé Wink

MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 01 Nov 2010, 03:23
Revenir en haut Aller en bas
http://voodoo-child.darkbb.com/forum.htm
Voodoo Child
Voodoo Child
{ Membre }
{ Membre }

Féminin Messages : 97



Modification des sous forums (messages) Empty
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 ?
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 14 Nov 2010, 08:22
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Modification des sous forums (messages) Empty
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
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 15 Nov 2010, 16:55
Revenir en haut Aller en bas
http://voodoo-child.darkbb.com/forum.htm
Voodoo Child
Voodoo Child
{ Membre }
{ Membre }

Féminin Messages : 97



Modification des sous forums (messages) Empty
C'est beaucoup plus clair ...Merci !!!!!!!
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 15 Nov 2010, 18:15
Revenir en haut Aller en bas
http://synchronicity.jdrforum.net/forum.htm
AMY™
{ Membre }
{ Membre }

Féminin Messages : 19



Modification des sous forums (messages) Empty
A tien Nikos j'ai utilisé ton tutorial !! J'ai adoré Smile
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyJeu 02 Déc 2010, 11:40
Revenir en haut Aller en bas
http://dolce-venezia.bbactif.com/
Never-Die
Never-Die
{ Membre }
{ Membre }

Féminin Messages : 17



Modification des sous forums (messages) Empty
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é,
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 26 Déc 2010, 11:08
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Modification des sous forums (messages) Empty
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.
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 11:10
Revenir en haut Aller en bas
http://dolce-venezia.bbactif.com/
Never-Die
Never-Die
{ Membre }
{ Membre }

Féminin Messages : 17



Modification des sous forums (messages) Empty
Merci, je vais essayer donc et si jamais ça ne marche pas, je reviendrais !
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 11:15
Revenir en haut Aller en bas
http://makeyourchoice.forumgratuit.org/forum
Morgane*
Morgane*
{ Membre }
{ Membre }

Féminin Messages : 29



Modification des sous forums (messages) Empty
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">&nbsp;</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
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 14:46
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Modification des sous forums (messages) Empty
As-tu bien mis le code dans les CSS?
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 14:48
Revenir en haut Aller en bas
http://makeyourchoice.forumgratuit.org/forum
Morgane*
Morgane*
{ Membre }
{ Membre }

Féminin Messages : 29



Modification des sous forums (messages) Empty
Oui j'ai tout mis
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 15:26
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Modification des sous forums (messages) Empty
As-tu autres codes pour tes sous forums ?
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyDim 02 Jan 2011, 17:03
Revenir en haut Aller en bas
http://makeyourchoice.forumgratuit.org/forum
Morgane*
Morgane*
{ Membre }
{ Membre }

Féminin Messages : 29



Modification des sous forums (messages) Empty
Non je ne crois pas
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 03 Jan 2011, 05:43
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Modification des sous forums (messages) Empty
Very Happy Merci pour ton tuto cher ami sa donne vachement mieux sur mon forum :chrome:
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 03 Jan 2011, 09:20
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Modification des sous forums (messages) Empty
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 ...
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyLun 10 Jan 2011, 17:13
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Modification des sous forums (messages) Empty
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 ^^
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyMar 01 Mar 2011, 06:27
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Modification des sous forums (messages) Empty
Very Happy Cool merci ses plus respectueux pour mon forum !
ça fonctionne bien ! un grans merci.
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyMar 01 Mar 2011, 08:18
Revenir en haut Aller en bas
http://anapneo.forumactif.fr/
Anapneo
Anapneo
{ Membre }
{ Membre }

Masculin Messages : 2



Modification des sous forums (messages) Empty
Tuto clair et vachement polyvalent !
Merci beaucoup, c'est vraiment très utile Very Happy
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyMar 01 Mar 2011, 08:42
Revenir en haut Aller en bas
http://eternel-sorrow.forumactif.com/
Elora Kain
Elora Kain
{ Membre }
{ Membre }

Féminin Messages : 28



Modification des sous forums (messages) Empty
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'
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyJeu 03 Mar 2011, 19:07
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Modification des sous forums (messages) Empty
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*
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyJeu 03 Mar 2011, 20:00
Revenir en haut Aller en bas
http://eternel-sorrow.forumactif.com/
Elora Kain
Elora Kain
{ Membre }
{ Membre }

Féminin Messages : 28



Modification des sous forums (messages) Empty
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 ^.^
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) EmptyVen 04 Mar 2011, 06:52
Revenir en haut Aller en bas
Contenu sponsorisé




Modification des sous forums (messages) Empty
MessageSujet: Re: Modification des sous forums (messages)   Modification des sous forums (messages) Empty
Revenir en haut Aller en bas
 

Modification des sous forums (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Retirer la virgule qui sépare les sous-forums (messages)
» Les sous-forums en list ou centrés (messages)
» De beaux titres de sous-forums (messages)
» Effet pour vos sous-forums (messages)
» Centrer les titres de catégories & sous-forums (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit