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.