sous-forums Bouton_activesous-forums Bouton_hoversous-forums Fb-hoversous-forums 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
sous-forums EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
sous-forums EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
sous-forums EmptySam 30 Mar 2024, 22:06 par Peyton972

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

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

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

» Formulaire de connexion rapide amélioré
sous-forums EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
sous-forums EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

Partagez
 

sous-forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



sous-forums Empty
Bonjour!! Smile
J'ai récemment utilisée le tutoriel suivant:
http://www.css-actif.com/t7854-personnaliser-la-mise-en-page-de-la-liste-des-sous-forums#

il fonctionne très bien, je l'ai suivi, j'ai tout fait, et tout a fonctionné, j'étais très heureuse. hélas, pour une raison obscure, il ne fonctionne plus. J'ai défait puis refait le tutoriel, et ça ne fonctionne pas plus, et même après avoir scrupuleusement cherchée la raison obscure de tout ce mystère, je n'ai su trouver de moi-même. c'est pourquoi je demande votre merveilleuse aide <3

voici, au besoin, mon template index_box et mon CSS. La partie qui concerne ce tutoriel est celle de «affichage sous-forums».

Merci beaucoup à vous!!! ♥️

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 -->
<div class="titreCategorie h2">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!--<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="80%" 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 -->
          </span>
        <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      </td>
    <td class="row3 over" align="center" width="20%" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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 -->

Code:
------------------------en-têtes de catégories----------------------
.titreCategorie { /* Ici on règle le css de TOUS les titres */
    height: 133px;
                text-indent: -999px;
}
.titreCategorie .horsrp{ /* Ici on règle le css du titre reglement */
background: url("http://i.imageox.com/bd2e59860786.png") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .manoir{ /* Ici on règle le css du titre reglement */
background: url("http://i.imageox.com/a37ea1cb4473.png") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .dehors{ /* Ici on règle le css du titre reglement */
background: url("http://i.imageox.com/8a609a24bcf3.png") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .corbeille{ /* Ici on règle le css du titre reglement */
background: url("http://i.imageox.com/0117c716132f.png") no-repeat;
display: block;
height: 133px;
}

.titreCategorie h2 {
  margin-bottom: 0px;  /* enlève la marge du bas */
  text-indent: -9999px; /* masque le texte quand on est sur l'accueil */
}
------------------------affichage sous-forums-------------------------
.sousforums a {
 display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */
 background:#808080; /* une couleur de fond derrière chaque lien */
 padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/
 margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */
}
-----------------------titres forums--------------------------
/* pour les liens normaux ou déjà visités */
a.forumlink:link, a.forumlink:visited {
  color:#000000;
}

/* pour les liens survolés ou activés */
a.forumlink:hover, a.forumlink:active {
  color:#474747;
}
a.forumlink{
  display:block;
padding: 1px;
-moz-border-radius: 15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  background-color: #808080;
  text-align: center;
  font-size: 15px;
}
MessageSujet: sous-forums   sous-forums EmptyVen 24 Mai 2013, 22:09
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



sous-forums Empty
Dans ton css, je remarque ceci plusieurs fois :

Code:
------------------------en-têtes de catégories----------------------

En CSS, les commentaires se mettent de cette manière là :
Code:

/* COMMENTAIRE */

En remplaçant ces mauvais commentaires, cela sera déjà mieux Wink

Exemple :
Code:
/* ------------------------en-têtes de catégories---------------------- */
MessageSujet: Re: sous-forums   sous-forums EmptySam 25 Mai 2013, 07:11
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



sous-forums Empty
Oh, c'était donc juste ça!! bah ça fonctionne xD merci!
MessageSujet: Re: sous-forums   sous-forums EmptySam 25 Mai 2013, 17:31
Revenir en haut Aller en bas
Contenu sponsorisé




sous-forums Empty
MessageSujet: Re: sous-forums   sous-forums Empty
Revenir en haut Aller en bas
 

sous-forums

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

 Sujets similaires

-
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Impossibilité de rentrer dans les forums et sous-forums
» Barres sous catègories + liens sous forums
» Sous forums !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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 | Cookies | Forum gratuit