Alors pour le bouton PLUS, c'est en fait du javascript, plus précisément le "toggleVisibility".
Alors commençons par l'avoir dans la structure du forum.
Pour ce faire, il faut le placer d'abord dans une page HTML tel qu'il est, "non" au haut et bas de page, "non" pour la page d'accueil aussi, comme titre "togglevisibility" (en minuscule pour reprendre ensuite l'adresse).
- Spoiler:
- Code:
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try {
tagToToggle = document.getElementById(tagId);
}
catch (e) {
alert('Je n'ai pas pu trouver la balise cible');
}
try {
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
}
else {
tagToToggle.style.display = 'none';
}
}
catch (e) {}
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
}
else {
tagToToggle.style.visibility = 'hidden';
}
}
Ensuite, dans le template
overall_header, avant la fermeture de la balise "/head", on reprend l'adresse de la page HTML (à l'accueil des pages HTML) entre les balises "script", ainsi :
- Code:
<script type="text/javascript" src="http://adresse_du_forum/togglevisibility-h?.htm"></script>
Enregistrer et publier.
Avec ce script à cet endroit, vous pourrez ensuite l'utiliser où bon vous semble, même dans un post.
Passons au HTML.
Où que soit votre barre de menu, voici comment coder pour ajouter ce fameux bouton :
- Code:
<a href="javascript:toggleVisibility('infosplus')">PLUS (ou image)</a><div id="infosplus" onclick="javascript:toggleVisibility('infosplus')" style="display: none; visibility: hidden;"><table (propriétés)><tr><td (propriétés>CONTENU</td></tr></table></div>
Bien sûr que le tableau est un exemple, mais c'est ensuite plus propre comme présentation et plus "malléable".
Ce qui est important ici est l'id qui doit être absolument identique au lien (entre les deux apostrophes).
Voilà ce que ça donne avec exactement ce codage en exemple : PLUS (ou image)
Un exemple de ce que l'on peut s'amuser à faire avec le toggleVisibility dans ce sujet (cliquez sur les différents sous-titres qui se cachent en blanc sous le orange).
Pas sûre d'avoir été très claire...