Comment puis-je faire flotter la table des matières vers la droite avec MediaWiki


8

Selon la FAQ MediaWiki

Une table des matières est ajoutée automatiquement dès que vous avez plus de trois en-têtes.

ce qui est bien et tout, mais j'aimerais qu'il flotte vers la droite, afin qu'il n'occupe pas beaucoup d'espace vertical en haut de la page.

Comment faire flotter la table des matières vers la droite?

Réponses:



8

Pour une seule page

<div style="float:right;">__TOC__</div>

C'est ce que je fais d'habitude. Étant donné que je fais beaucoup de style et ainsi de suite, je déteste utiliser mon utilisateur css pour modifier quoi que ce soit, car je ne vois pas ce que tout le monde voit et donc je ne sais pas ce qu'un visiteur verra.


Génial. Je suggère également d'ajouter margin ( style="float:right;margin-left:40px") afin qu'il y ait une certaine distance entre le cadre de la table des matières et le contenu réel (semble mieux de cette façon)
Alex Semeniuk

4

Si vous voulez juste le faire pour une page en particulier et pas pour toutes les pages, le WikiMarkup suivant devrait fonctionner ( source ):

{| align="right"
| __TOC__
|}

Cela n'a aucun effet sur la table des matières pour moi, bien que la solution div d'Arlen fonctionne.
Sparr

Cela ne fonctionne pas après Mediawiki 1.19, mais fonctionne avant. Utilisez plutôt la solution d'Arlen: <div style = "float: right;"> __ TOC__ </div>
elomage

2

Essayez d'utiliser ceci dans le Mediawiki:common.cssfichier

#toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;};

Cela place non seulement la table des matières flottante à droite, mais la maintient également visible tout le temps lors du défilement vers le haut et vers le bas de la page.


0

Ce que j'ai fait exactement pour y parvenir:

  1. Dans la zone de recherche, tapez "MediaWiki: Common.css"
  2. Vous verrez la page MediaWiki: Common.css que vous pouvez maintenant "Créer" si vous n'avez jamais apporté de modifications à id, ou "Modifier" si vous l'avez déjà créé.
  3. Ajoutez le code suivant: #toc {float: right; margin: 0 0 1em 1em; position: fixed; top: 150px; right: 10px;}; et enregistrez vos modifications.
  4. Assurez-vous de vider votre cache.
  5. Charger une page avec une table des matières

Merci pour le code pencilslate.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.