Table of contents: diferència entre les revisions
De Recursos docents
Cap resum de modificació |
Cap resum de modificació |
||
| Línia 1: | Línia 1: | ||
<noinclude> | |||
<style> | |||
/* Contenedor principal con dos columnas */ | |||
.page-container { | |||
display: flex; | |||
} | |||
/* Tabla de contenido fija en la izquierda */ | |||
.fixed-toc { | |||
background-color: #f9f9f9; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
width: 250px; | |||
position: fixed; | |||
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> | </noinclude> | ||
| Línia 5: | Línia 27: | ||
<div class="page-container"> | <div class="page-container"> | ||
<!-- | <!-- Tabla de contenido fija --> | ||
<div class="fixed-toc"> | |||
__TOC__ | |||
</div> | |||
<!-- Contenido principal --> | |||
<div class="main-content"> | <div class="main-content"> | ||
__NOTOC__ | __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 | <p>Bienvenido a esta página con diseño de dos columnas.</p> | ||
<h2>Sección 1</h2> | <h2>Sección 1</h2> | ||
<p>Contenido de la sección 1...</p> | <p>Contenido de la sección 1...</p> | ||
<h2>Sección 2</h2> | <h2>Sección 2</h2> | ||
<p>Contenido de la sección 2...</p> | <p>Contenido de la sección 2...</p> | ||
< | <h2>Sección 3</h2> | ||
< | <p>Más contenido...</p> | ||
</div> | </div> | ||
</div> | </div> | ||
Revisió del 10:31, 29 gen 2025
<style> /* Contenedor principal con dos columnas */ .page-container {
display: flex;
}
/* Tabla de contenido fija en la izquierda */ .fixed-toc {
background-color: #f9f9f9; border: 1px solid #ccc; padding: 10px; width: 250px; position: fixed; 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>
Título de la Página
Bienvenido a esta página con diseño de dos columnas.
Sección 1
Contenido de la sección 1...
Sección 2
Contenido de la sección 2...
Sección 3
Más contenido...