Bienvenue sur un petit tutoriel qui va vous permettre de faire ceci (exemple sur mon forum) :
http://crossing-land.forumactif.fr/forum
Pour le voir, il y a un petit menu sur la gauche du forum, et quand vous cliquez, vous tombez juste devant la catégorie, mais on est toujours sur la page d'accueil du forum !!
C'est très facile :
D'abord, nous allons créer un widget personnaliser et faire une liste (en ol) :
Voici le Code Source :
- Code:
-
<div class="NavigationRapide"></br>
<center><h4>Navigation Rapide</h4></center>
<ol align="center">
<li><a href="#Général">Général</a></li>
<li><a href="#Les Jeux">Les Jeux</a></li>
<li><a href="#Coin Détente">Coin Détente</a></li>
</ol></div>
A vous de le personnaliser.
Maintenant, allez dans la section catégorie. Cliquez sur une Catégorie, et mettez une balise "
a" avec un attribut "
name". Ce qui donne :
- Code:
-
<a name="NomDeVotreCatégorie">NomDeVotreCatégorie</a>
Et quand vous mettez l'attribut "
name", là où il y a "
NomDeVotreCatégorie", vous le mettez exactement comme le nom de votre catégorie (avec les espaces).
Maintenant, passons au changement du menu :
- Code:
-
<div class="NavigationRapide"></br>
<center><h4>Navigation Rapide</h4></center>
<ol align="center">
<li><a href="#NomDeVotreCatégorie">NomDeVotreCatégorie</a></li>
</ol></div>
.
Maintenant, passons au CSS :
- Code:
-
.NavigationRapide{
position: fixed;
left:40;
border-radius: 20px;
background-color: #ffcc00;
border: 1px solid black;
height: auto;
width: 140px;
box-shadow: 4px 4px 12px #000;
}
ol {
list-style-type: none;
}
//Si vous le voulez, vous pouvez changez et mettre "[i]ul[/i]" au lieu de "[i]ol[/i]".//
ul {
list-style-type: none;
}
Et voilà, c'est fini ! Ce tuto permet de faire de votre forum un forum, qui semble plus accueillent et codée (comme Never-Utopia).
©Tuto by Matt' de Crossing Land