Bon cela n'est pas trop difficile.
Je prends le cas de Dotclear 1.2.x
Il me semble que dans la version 2 (en Beta depuis plus d'un an quand même) il y a maintenant des thèmes
avec des onglets inclus pour les billets en mode statique. a vérifier.
Donc il te faut éditer deux fichiers de ton template "template.php" et "style.css"
Je te conseilles d'utiliser un éditeur texte comme Notepad ++
Donc pour un menu horizontal cela donnerait quelque chose comme cela
===================================
Dans le fichier template.php
Juste après
- Code: Tout sélectionner
<p id="prelude"><a href="#main">Aller au contenu</a> |
<a href="#sidebar">Aller au menu</a> |
<a href="#search">Aller à la recherche</a>
</p>
insérer le code suivant
- Code: Tout sélectionner
<ul id="nav-box">
<li><a href="racine du site Dotclear">Page 1</a></li>
<li><a href="racine du site Dotclear">Page 2</a></li>
<li><a href="racine du site Dotclear">Page 3</a></li>
<li><a href="racine du site Dotclear">Page 4</a></li>
<li><a href="racine du site Dotclear">Page 5</a></li>
</ul>
EXPLICATION :1/ "racine du site Dotclear" c'est l'url
Donc dans le cas d'un billet mis hors-connexion avec le plugin "Related" et s'appelant "Le projet" cela donne :
<li><a href="<?php dcInfo('url'); ?>le-projet">Le projet</a></li> etc....pour les autres billets.
Autant de billets statiques autant de lignes pour créer des éléments de menu.
2/ "Page 1" c'est le titre de la page donc ici "Le projet"
=========================================
Dans le fichier "style.css" du templateInsérer le code :
- Code: Tout sélectionner
/*-- Navigation horizontale --*/
ul#nav-box {
width: 402px;
margin: 10px 0 1.5em 18px;
-moz-border-radius: 10px;
padding: 5px 1em 5px 0;
list-style-type: none;
background: #47BF57;
font-weight: bold;
}
ul#nav-box li {
display: inline;
padding : 5px 0;
}
ul#nav-box li a {
padding : 5px 1em 5px 1em;
color: #FFFFFF;
text-decoration: none;
}
ul#nav-box li a:hover {
background-color: #6FDF7E;
color: #1D9F2F;
}
ul#nav-box li a:visited {
background-color:#83BF8B;
color: #686F69;
}
EXPLICATION :Les paramètres : couleurs, styles, .... sont bien sûr éditables
Voilà c'est à peu près tout.
Après si tu veux enlever la barre latérale pour atténuer l'aspect "blog"
tu prends "template.php" et tu enlèves tout le code compris dans la balise
"Sidebar".(la balise y compris)
C'est à dire :
- Code: Tout sélectionner
<div id="sidebar">
....................
......................
.....................
</div>
et tu obtiens un site avec onglets
PS:Lorsque tu installes le plugin "Related" il y a aussi un code à copier dans "template.php"
C'est expliqué dans l'install du plugin.
- Code: Tout sélectionner
<?php # pages Connexes (related)
#if (is_callable(array('dcRelatedPages','relatedList'))) { dcRelatedPages::relatedList(); } ?>