Accions

Discussió

Table of contents: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(Hi ha 8 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:


```html
<style>
<style>
 
/* Estilo para la tabla de contenido fija */
page-container {
.fixed-toc {
     display: flex;
     position: fixed;
}
    top: 10px;
 
    left: 10px;
 
    width: 200px;
fixed-toc {
     background-color: #f9f9f9;
     background-color: #f9f9f9;
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     padding: 10px;
     padding: 10px;
     width: 250px;
     overflow: auto;
    position: fixed;
     max-height: 90vh;
    left: 10px;
    top: 10px;
}
 
/* Contenido principal alineado a la derecha de la TOC */
.main-content {
    margin-left: 270px; /* Espacio para la TOC */
     max-width: 800px; /* Limitar ancho para mejor lectura */
}
}
</style>
</style>
</noinclude>


<div class="page-container">
<div class="fixed-toc" position: fixed;
 
    top: 10px;
  <!-- Tabla de contenido fija -->
    left: 10px;
  <div class="fixed-toc">
    width: 200px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
    max-height: 90vh;
}>
    <!-- Aquí va la tabla de contenido -->
     __TOC__
     __TOC__
  </div>
</div>


  <!-- Contenido principal -->
<div>
  <div class="main-content">
    <!-- Aquí va el contenido de la página -->
    __NOTOC__
     <h1>Título de la Página</h1>
     <h1>Título de la Página</h1>
     <p>Bienvenido a esta página con diseño de dos columnas.</p>
     <p>Contenido de la página...</p>
   
     <h2>Sección 1</h2>
     <h2>Sección 1</h2>
     <p>Contenido de la sección 1...</p>
     <p>Más contenido...</p>
 
     <h2>Sección 2</h2>
     <h2>Sección 2</h2>
     <p>Contenido de la sección 2...</p>
     <p>Aún más contenido...</p>
</div>
```


    <h2>Sección 3</h2>
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.
    <p>Más contenido...</p>
  </div>


</div>
¿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?