Accions

Discussió

Table of contents: diferència entre les revisions

De Recursos docents

Cap resum de modificació
Cap resum de modificació
 
(Hi ha 15 revisions intermèdies del mateix usuari que no es mostren)
Línia 1: Línia 1:
¡Claro! Aquí tienes un ejemplo de código para una página de MediaWiki con tres columnas: una tabla de contenido fija a la izquierda, el contenido principal en el centro y una plantilla fija a la derecha.  
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
```html
<!DOCTYPE html>
<style>
<html>
/* Estilo para la tabla de contenido fija */
<head>
.fixed-toc {
    <style>
    position: fixed;
        body {
    top: 10px;
            display: flex;
    left: 10px;
            margin: 0;
    width: 200px;
            height: 100vh;
    background-color: #f9f9f9;
        }
    border: 1px solid #ccc;
        .toc {
    padding: 10px;
            position: fixed;
    overflow: auto;
            width: 200px;
    max-height: 90vh;
            height: 100%;
}
            overflow: auto;
</style>
            background-color: #f9f9f9;
 
            border-right: 1px solid #ccc;
<div class="fixed-toc" position: fixed;
        }
    top: 10px;
        .content {
    left: 10px;
            flex: 1;
    width: 200px;
            margin-left: 200px;
    background-color: #f9f9f9;
            margin-right: 200px;
    border: 1px solid #ccc;
            padding: 20px;
    padding: 10px;
        }
     overflow: auto;
        .sidebar {
    max-height: 90vh;
            position: fixed;
}>
            right: 0;
     <!-- Aquí va la tabla de contenido -->
            width: 200px;
    __TOC__
            height: 100%;
</div>
            overflow: auto;
 
            background-color: #f9f9f9;
<div>
            border-left: 1px solid #ccc;
     <!-- Aquí va el contenido de la página -->
        }
    <h1>Título de la Página</h1>
     </style>
    <p>Contenido de la página...</p>
</head>
    <h2>Sección 1</h2>
<body>
    <p>Más contenido...</p>
     <div class="toc">
    <h2>Sección 2</h2>
        <!-- Aquí va la tabla de contenido -->
     <p>Aún más contenido...</p>
        <h2>Tabla de Contenido</h2>
</div>
        <ul>
            <li><a href="#section1">Sección 1</a></li>
            <li><a href="#section2">Sección 2</a></li>
            <li><a href="#section3">Sección 3</a></li>
        </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»