Accions

Discussió

Table of contents: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(Hi ha 12 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>
/* Contenedor principal con 3 columnas */
/* Estilo para la tabla de contenido fija */
.page-container {
.fixed-toc {
    display: flex;
    justify-content: space-between;
}
 
/* Columna izquierda: Contenido principal */
.main-content {
    width: 65%;
}
 
/* Contenedor derecho fijo */
.fixed-sidebar {
    width: 30%;
     position: fixed;
     position: fixed;
    right: 10px;
     top: 10px;
     top: 10px;
}
    left: 10px;
 
    width: 200px;
/* Ajuste para la tabla de contenido */
.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;
    right: 10px;
    top: 10px;
}
}
</style>


/* Ajuste para la plantilla fija debajo de la tabla de contenido */
<div class="fixed-toc" position: fixed;
.fixed-template {
    top: 10px;
     background-color: #eef;
    left: 10px;
     border: 1px solid #99c;
    width: 200px;
     background-color: #f9f9f9;
     border: 1px solid #ccc;
     padding: 10px;
     padding: 10px;
     width: 250px;
     overflow: auto;
     position: fixed;
     max-height: 90vh;
    right: 10px;
}>
     top: 200px;
     <!-- Aquí va la tabla de contenido -->
}
    __TOC__
</style>
</div>
</noinclude>


<div class="page-container">
<div>
 
    <!-- Aquí va el contenido de la página -->
  <!-- Columna izquierda: Contenido principal -->
  <div class="main-content">
    __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 tres 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>
</div>
```


  <!-- Columna derecha: Contenedor fijo -->
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.
  <div class="fixed-sidebar">
    <!-- Tabla de contenido fija -->
    <div class="fixed-toc">
      __TOC__
    </div>


    <!-- Plantilla fija -->
¿Te gustaría ajustar algo más o necesitas ayuda con otro aspecto de MediaWiki?
    <div class="fixed-template">
      {{Plantilla de ejemplo}}
    </div>
  </div>
 
</div>

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»