Accions

Discussió

Table of contents: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(Hi ha 14 revisions intermèdies del mateix usuari que no es mostren)
Línia 1: Línia 1:
Para mantener la tabla de contenido fija en la pantalla en MediaWiki, puedes usar CSS para fijarla en una posición específica. Aquí tienes un ejemplo de cómo hacerlo:


    <style>
```html
        body {
<style>
            display: flex;
/* Estilo para la tabla de contenido fija */
            margin: 0;
.fixed-toc {
            height: 100vh;
    position: fixed;
        }
    top: 10px;
        .toc {
    left: 10px;
            position: fixed;
    width: 200px;
            width: 200px;
    background-color: #f9f9f9;
            height: 100%;
    border: 1px solid #ccc;
            overflow: auto;
    padding: 10px;
            background-color: #f9f9f9;
    overflow: auto;
            border-right: 1px solid #ccc;
    max-height: 90vh;
        }
}
        .content {
</style>
            flex: 1;
 
            margin-left: 200px;
<div class="fixed-toc" position: fixed;
            margin-right: 200px;
    top: 10px;
            padding: 20px;
    left: 10px;
        }
    width: 200px;
        .sidebar {
    background-color: #f9f9f9;
            position: fixed;
    border: 1px solid #ccc;
            right: 0;
    padding: 10px;
            width: 200px;
     overflow: auto;
            height: 100%;
    max-height: 90vh;
            overflow: auto;
}>
            background-color: #f9f9f9;
     <!-- Aquí va la tabla de contenido -->
            border-left: 1px solid #ccc;
    __TOC__
        }
</div>
     </style>
 
</head>
<div>
<body>
     <!-- Aquí va el contenido de la página -->
     <div class="toc">
    <h1>Título de la Página</h1>
        <!-- Aquí va la tabla de contenido -->
    <p>Contenido de la página...</p>
        <h2>Tabla de Contenido</h2>
    <h2>Sección 1</h2>
        <ul>
    <p>Más contenido...</p>
            <li><a href="#section1">Sección 1</a></li>
    <h2>Sección 2</h2>
            <li><a href="#section2">Sección 2</a></li>
     <p>Aún más contenido...</p>
            <li><a href="#section3">Sección 3</a></li>
</div>
        </ul>
    </div>
     <div class="content">
        <!-- Aquí va el contenido principal -->
        <h1>Contenido Principal</h1>
        <h2 id="section1">Sección 1</h2>
        <p>Contenido de la sección 1...</p>
        <h2 id="section2">Sección 2</h2>
        <p>Contenido de la sección 2...</p>
        <h2 id="section3">Sección 3</h2>
        <p>Contenido de la sección 3...</p>
     </div>
    <div class="sidebar">
        <!-- Aquí va la plantilla fija -->
        <h2>Plantilla Fija</h2>
        <p>Contenido de la plantilla...</p>
    </div>
</body>
</html>
```
```


Este código crea una página con tres columnas: la tabla de contenido a la izquierda y la plantilla fija a la derecha no dependen del scroll de la pantalla. ¿ algo más en lo que pueda ayudarte?
Este código fija la tabla de contenido en la parte superior izquierda de la pantalla, asegurando que permanezca visible mientras se desplaza por el contenido de la página.
 
¿Te gustaría ajustar algo más o necesitas ayuda con otro aspecto de MediaWiki?

Revisió de 10:38, 29 gen 2025

Para mantener la tabla de contenido fija en la pantalla en MediaWiki, puedes usar CSS para fijarla en una posición específica. Aquí tienes un ejemplo de cómo hacerlo:

```html <style> /* Estilo para la tabla de contenido fija */ .fixed-toc { 

   position: fixed;
   top: 10px;
   left: 10px;
   width: 200px;
   background-color: #f9f9f9;
   border: 1px solid #ccc;
   padding: 10px;
   overflow: auto;
   max-height: 90vh;

} </style>

Título de la Página

Contenido de la página...

Sección 1

Más contenido...

Sección 2

Aún más contenido...

```

Este código fija la tabla de contenido en la parte superior izquierda de la pantalla, asegurando que permanezca visible mientras se desplaza por el contenido de la página.

¿Te gustaría ajustar algo más o necesitas ayuda con otro aspecto de MediaWiki?

Obtingut de «https://recursosdocents.uvic.cat/index.php?title=Discussió:Table_of_contents&oldid=5293»