[Résolu] Je ne comprend pas l'astuce des Catégories composites

[Witzz]

Bonjour à vous.

Je viens vous faire part de ma question qui devient mon problème, concernant le sujet cité ci-dessous:
https://forum.forumactif.com/t184452-categorie-composite?highlight=cat�gorie

Ce que je n'ai pas vraiment compris, c'est cette partie: *le début quoi...*

[quote] Préparation du tableau de description

L'astuce consiste, maintenant, à composer, à l'aide d'un tableau, la description du forum dont le nom est vide

Ouvrir le bloc-notes de Windows (Notepad) et coller ce code dans un document vierge :

Code:

<li class="L0"><li class="L1"></li><li class="L2"></li><li class="L5"></li><li class="L7"></li><li class="L0"></li><li class="L3"></li><li class="L2"></li><li class="L3"> </li><li class="L4"></li><li class="L5"></li><li class="L8"></li><li class="L8"></li><li class="L1"></li><li class="L4"></li><li class="L3"></li><li class="L4"></li>[table style="margin-top: -10px;" border="0" width="100%"][tr][td width="55"]<li class="L3">[url=http://forum.forumactif.com/lien vers le sous forum n°1][img]Lien vers l'image N°1[/img][/url]</li><li class="L4"></li>[/td][td width="42%"]<li class="L6"> </li><li class="L7"> </li><li class="L8">[url=http://forum.forumactif.com/Lien vers le sous-forum N°1][b]Titre du Sous-forum N°1[/b][/url]</li><li class="L9"> </li><li class="L0"> </li><li class="L1">
[list]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°1]Titre du Sujet N°1[/url]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°2]Titre du Sujet N°2[/url]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°3]Titre du Sujet N°3[/url]
[*]
[/list]</li><li class="L6"></li>[/td][td width="10"]<li class="L8"> </li><li class="L9"></li>[/td][td width="55"]<li class="L1">[url=http://forum.forumactif.com/Lien vers le sous-forum N°2][img]Lien vers l'image N°2[/img][/url]</li><li class="L2"></li>[/td][td width="42%"]<li class="L4"> </li><li class="L5"> </li><li class="L6">[url=http://forum.forumactif.com/Lien vers le sous-forum N°2][b]Titre du Sous-forum N°2[/b][/url]
</li><li class="L7">
[list]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°4]Titre du Sujet N°4[/url]
[*]
[*] [url=http://forum.forumactif.com/Lien vers sujet N°5]Titre du Sujet N°5[/url]
[*]
[/list]</li><li class="L1"></li>[/td][/tr][tr][td width="55px"]<li class="L6">[url=http://forum.forumactif.com/Lien vers le sous-forum N°3][img]Lien vers l'image N°3[/img][/url]</li><li class="L7"></li>[/td][td width="42%"]<li class="L9"> </li><li class="L0"> </li><li class="L1">[url=http://forum.forumactif.com/Lien vers le sous-forum N°3][b]Titre du Sous-forum N°3[/b][/url]</li><li class="L2"> </li><li class="L3">
[list]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°6]Titre du Sujet N°6[/url]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°7]Titre du Sujet N°7[/url]
[*]
[/list]</li><li class="L7"></li>[/td][td width="10"]<li class="L9"> </li><li class="L0"></li>[/td][td width="55"]<li class="L2">[url=http://forum.forumactif.com/Lien vers le sous-forum N°4][img]Lien vers l'image N°4[/img][/url]</li><li class="L3"></li>[/td][td width="42%"]<li class="L5"> </li><li class="L6"> </li><li class="L7">[url=http://forum.forumactif.com/Lien vers le sous-forum N°4][b]Titre du Sous-forum N°4[/b][/url]
</li><li class="L8">
[list]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°8]Titre du Sujet N°8[/url]
[*]
[*][url=http://forum.forumactif.com/Lien vers sujet N°9]Titre du Sujet N°9[/url]
[*]
[/list]</li><li class="L2"></li>[/td][/tr][/table]</li>

<div align="justify">
Dans ce document du bloc notes, il vous faut indiquer, "en dur" :

• les liens vers les sous forums créés plus tôt (en rouge ci-dessous)
  
• l'adresse internet des images préalablement hébergées (en bleu ci-dessous)
  
• Les titres et légendes (en marron ci-dessous)
  

<table style="overflow-y: auto; color: green; font-family: Monospace; height: 300px; display: block; width: 95%; border: 1px solid #666; box-shadow: 1px 1px 3px #666; margin: auto;"><tr><td align="left">















<table rules="rows" style="margin-top: -10px;" border="0" width="100%"><tr><td width="55px">

[Matriochka]

Bonjour,

Ce que je ne comprend pas, c'est les phrases du code disant: "Lien vers sujet N°x", quand un membre créer un sujet, cela veut dire que l'on doit l'ajouter?

Non, évidemment que non ! Ce serait ingérable sinon

Ce qui est donné là te permet juste de mettre des liens vers des sujets importants. Par exemple :
- Lien du sujet n°1 : Le règlement,
- Lien du sujet n°2 : Les présentations,
etc.

Ou bien pour lister tes sous-forums.

Tu n’es pas obligé d’en faire usage. Si tu veux, tu peux simplement supprimer cette partie :

Code:

<ul>
<li><a href="Lien vers sujet N°1">Titre du Sujet N°1</a></li>
<li><a href="Lien vers sujet N°2">Titre du Sujet N°2</a></li>
<li><a href="Lien vers sujet N°3">Titre du Sujet N°3</a></li>
</ul>

Et la remplacer par une description.

[Witzz]

Ah ok, je crois que j'ai compris.

Bon, je laisse encore le sujet ouvert, au cas où un problème survenait de nouveau

Merci quand même, je ne vais pas oublier de cliquer sur l'icône de remerciement ^w^

[Witzz]

Bon, là, mon cadre marche... mais j'ai une question, comment enlève-t-on le cadre blanc qui est en dessous de Annonces & Règlements? Ce cadre correspond au forum sans nom que j'ai créé en suivant le tuto, mais j'aimerais l'enlever, comment faire?

[Matriochka]

Peux-tu faire une capture d’écran?

PS : Évite les double-posts, n’oublie pas que la fonction est là pour te permettre d’apporter de nouvelles informations sur tes messages.

[Witzz]

Ouh oui c'est vrai, excuse-moi... bon, voilà la capture d'écran:




J'espère que c'est clair???

[Matriochka]

Je vois, ça vient dans doute du CSS que tu as appliqué sur .forumlink…

Hmmm, essaye un peu de mettre ton titre de forum ainsi :

Code:

<div style="display:none;"> </div>

[Witzz]

Non, cela n'a à ce que je vois pas marché... je peux te montrer le code css forumlink si tu veux:

Il y a celui-là:

Code:

a.forumlink, a.forumvisited, a.forumactive {
background-color: #F7F3EE;
}


et toute cette partie:

Code:

   
.forumlink{
    font-weight: bold;
    font-size: 11px;
    color : #274e57;
    }
a.forumlink {
    text-decoration: none;
    color : #274e57;
    }
a.forumlink:link {
    color : #274e57;
    }
a.forumlink:visited {
    color : #275766;
    }
a.forumlink:active {
    color : #08404d;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #3581a1;
    }

Personnellement, je veux bien effacer les pointillés et le cadre blanc...
Je suis désolé de demander tout ça... j'avoue être nul en codage... ^~^

[Matriochka]

Ben, ce serait quand même dommage de devoir retirer le style que tu as appliqué

Peux-tu me faire une capture d’écran de ton panneau d’administration, à l’endroit où tu mets ton titre de forum ?

[Witzz]

Voilà:



C'est le forum auquel sont rattachés les sous-forums quoi...

[Matriochka]

Tu as bien retiré l’image vide que le tutoriel te fait insérer ou bien elle est derrière la div que tu as mise là ?

[Witzz]

Ba je n'ai pas mis l'image fournie dans le tuto, j'ai pris la deuxième solution avec alt + 0160... peut être que le problème vient de là... je vais re-regarder

[Matriochka]

Le CSS avec les pointillés est appliqué sur quel élément dans ta feuille ?

Si je teste avec ce que je t’ai donné (le display:none), ça fonction e très bien chez moi.

[Witzz]

J'ai remis ton code et la place permettant de mettre un titre a disparu. Mais il y a toujours les pointillés, et lorsqu'on clique dessus, ils dirigent vers le forum sans titre, en gros, on voit les sous forum comme lorsqu'on clique sur une catégorie.

Pour le CSS, je ne sais pas, cela vient du css de base, et je ne connais pas le code définissant les pointillés...

[Matriochka]

Peux-tu me donner ta feuille CSS personnalisée complète ?

[Witzz]

C'est le css de mon forum.

[Matriochka]

Dans ton CSS tu as ceci :

Code:

.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}

Essaye de remplacer .forumlink par a.forumlink

[Witzz]

ça ne change rien... enfin, je ne veux pas te déranger, si tu veux, je peux mettre mon sujet en résolu, tu m'a déjà beaucoup et bien aidé...

[Matriochka]

Ma foi c’est comme tu veux, mais ce serait dommage de laisser ça en suspend…

Peux-tu ouvrir ton forum aux invités le temps que l’on règle ça ? Si je pouvais faire des tests directement sur ton forum ce serait plus simple

[Witzz]

Oui, mais là, il est ouvert... enfin il n'est plus en construction quoi... ^w^

voilà le lien: http://forum-graphiste.forumactif.org/

[Witzz]

Je relance si possible...

[Matriochka]

Après quelques tests, j’ai trouvé comment contourner ça. Retire ce que je t’ai fait mettre dans le titre du forum et mets un titre lambda (composé simplement de texte). Ensuite, dans ton CSS, tu masques l’URL associée à ce forum :

Code:

a[href="/f35-forum"] {display:none;}

[Witzz]

Coucou, j'ai bien mis un texte dans une le titre du forum comme tu me l'a dit, mais je ne souhaite pas avoir de titre, et là, j'ai ça:

[Matriochka]

Oui, ça j’ai compris.

As-tu bien mis le CSS donné :

Code:

a[href="/f35-forum"] {display:none;}

En remplaçant l’URL si besoin.

J’ai testé sur ton forum, ça fonctionne.

[Witzz]

Ba oui je l'ai fait, mais rien... il faut bien mettre l'url de mon forum avant le /f35? J'ai essayé les deux possibilités, rien ne marche...

[Matriochka]

J’avais bien précisé :

En remplaçant l’URL si besoin.

Code:

a[href="/f35-vie-du-fofo"] {display:none;}

[Witzz]

Aaaaaaah oui... ah ba là ça marche... c'est vrai que c'est plus simple quand on est bien aidé... surtout quand celui qui a besoin d'aide est bête... ^_^



Merci énormément Matriochka, je ne sais pas comment tu fais pour trouver des résultats pareils, en tout cas, merci beaucoup!

Sujet donc résolu hein, j'ai plus rien à demander à ce sujet, et je pense que je vais te laisser un petit peu respirer =P

Sujet Résolu, merci beaucoup!