Como posso flutuar o índice para a direita com o MediaWiki


8

De acordo com o FAQ do MediaWiki

Um sumário é adicionado automaticamente assim que você tiver mais de três cabeçalhos.

o que é bom e tudo, mas eu gostaria que flutuasse para a direita, para que não ocupasse muito espaço vertical na parte superior da página.

Como posso flutuar o índice para a direita?

Respostas:



8

Para uma página, use

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

Isto é o que eu costumo fazer. Como faço muito com estilo e assim por diante, odeio usar o css do usuário para modificar qualquer coisa, desde então não vejo o que todo mundo vê e, portanto, não sei o que o visitante verá.


Ótimo. Eu também sugerem a adição de margem ( style="float:right;margin-left:40px") para que haja alguma distância entre o quadro TOC e conteúdo real (parece melhor assim)
Alex Semeniuk

4

Se você apenas deseja fazer isso para uma página específica e não para todas as páginas, o seguinte WikiMarkup deve funcionar ( fonte ):

{| align="right"
| __TOC__
|}

Isso não tem efeito no TOC para mim, embora a solução div de Arlen funcione.
Sparr

Isso não funciona após o Mediawiki 1.19, mas funciona antes. Em vez disso, use a solução de Arlen: <div style = "float: right;"> __
TOC__

2

Tente usar isso no Mediawiki:common.cssarquivo

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

Isso não apenas coloca o sumário flutuante à direita, mas também o mantém visível o tempo todo enquanto rola a página para cima e para baixo.


0

O que exatamente eu fiz para fazer isso:

  1. Na caixa de pesquisa, digite "MediaWiki: Common.css"
  2. Você verá a página MediaWiki: Common.css que agora pode "Criar" se você nunca fez modificações na identificação, ou "Editar" se já a tiver criado.
  3. Adicione o seguinte código: #toc {float: right; margin: 0 0 1em 1em; position: fixed; top: 150px; right: 10px;}; e salve suas alterações.
  4. Certifique-se de limpar seu cache.
  5. Carregar uma página com uma tabela de conteúdo

Obrigado pelo código de lápis de cor.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.