¿Cómo puedo flotar la tabla de contenido a la derecha con MediaWiki


8

De acuerdo con las preguntas frecuentes de MediaWiki

Un TOC se agrega automáticamente tan pronto como tenga más de tres encabezados.

lo cual está bien y todo, pero me gustaría que flotara a la derecha, para que no ocupe mucho espacio vertical en la parte superior de la página.

¿Cómo puedo flotar la tabla de contenido a la derecha?

Respuestas:



8

Para uso de una página

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

Esto es lo que suelo hacer. Siendo que hago mucho con el estilo y demás, odio usar mi css de usuario para modificar cualquier cosa, ya que no veo lo que todos ven y, por lo tanto, no sé lo que verá un visitante.


Excelente. También sugiero agregar margen ( style="float:right;margin-left:40px") para que haya cierta distancia entre el marco TOC y el contenido real (se ve mejor de esta manera)
Alex Semeniuk

4

Si solo desea hacerlo para una página en particular y no para todas las páginas, el siguiente WikiMarkup debería funcionar ( fuente ):

{| align="right"
| __TOC__
|}

Esto no tiene ningún efecto en el TOC para mí, aunque la solución div de Arlen funciona.
Sparr

Esto no funciona después de Mediawiki 1.19, pero funciona antes. Utilice la solución de Arlen en su lugar: <div style = "float: right;"> __ TOC__ </div>
elomage

2

Intenta usar esto en el Mediawiki:common.cssarchivo

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

Esto no solo coloca el TOC flotante a la derecha, sino que también lo mantiene visible todo el tiempo mientras se desplaza hacia arriba y hacia abajo en la página.


0

Qué hice exactamente para lograr esto:

  1. En el cuadro de búsqueda, escriba "MediaWiki: Common.css"
  2. Verá la página MediaWiki: Common.css que ahora puede "Crear" si nunca ha realizado modificaciones en la identificación, o "Editar" si ya la ha creado.
  3. Agregue el siguiente código: #toc {float: right; margin: 0 0 1em 1em; position: fixed; top: 150px; right: 10px;}; y guarda tus cambios.
  4. Asegúrate de borrar tu caché.
  5. Cargue una página con una tabla de contenido

Gracias por el código de pizarra.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.