Come posso spostare il sommario a destra con MediaWiki


8

Secondo le FAQ di MediaWiki

Un sommario viene aggiunto automaticamente non appena si hanno più di tre intestazioni.

che va bene e tutto, ma vorrei che galleggiasse a destra, in modo che non occupasse molto spazio verticale nella parte superiore della pagina.

Come posso spostare il sommario a destra?

Risposte:



8

Per una pagina usare

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

Questo è quello che faccio di solito. Essendo che faccio molto con lo stile e così via, odio usare il mio css utente per modificare qualsiasi cosa da allora non vedo ciò che vedono gli altri e quindi non so cosa vedrà un visitatore.


Grande. Suggerisco anche di aggiungere un margine ( style="float:right;margin-left:40px") in modo che ci sia una certa distanza tra il frame TOC e il contenuto effettivo (sembra migliore in questo modo)
Alex Semeniuk

4

Se vuoi semplicemente farlo per una determinata pagina e non tutte le pagine, dovrebbe funzionare il seguente WikiMarkup ( fonte ):

{| align="right"
| __TOC__
|}

Questo non ha alcun effetto sul sommario per me, sebbene la soluzione div di Arlen funzioni.
Sparr,

Questo non funziona dopo Mediawiki 1.19, ma funziona prima. Usa invece la soluzione di Arlen: <div style = "float: right;"> __
TOC__

2

Prova a usarlo nel Mediawiki:common.cssfile

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

Ciò non solo posiziona il sommario mobile a destra, ma lo mantiene sempre visibile mentre si scorre su e giù nella pagina.


0

Cosa ho fatto esattamente per raggiungere questo obiettivo:

  1. Nella casella di ricerca, digita "MediaWiki: Common.css"
  2. Vedrai la pagina MediaWiki: Common.css che ora puoi "Creare" se non hai mai apportato modifiche all'ID o "Modifica" se l'hai già creata.
  3. Aggiungi il seguente codice: #toc {float: right; margin: 0 0 1em 1em; position: fixed; top: 150px; right: 10px;}; e salva le modifiche.
  4. Assicurati di cancellare la cache.
  5. Carica una pagina con un indice

Grazie per il codice pencilslate.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.