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 3 columnas */ | |||
.page-container { | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
/* Columna izquierda: Contenido principal */ | |||
.main-content { | |||
width: 65%; | |||
} | |||
/* Contenedor derecho fijo */ | |||
.fixed-sidebar { | |||
width: 30%; | |||
position: fixed; | |||
right: 10px; | |||
top: 10px; | |||
} | |||
/* Ajuste para la tabla de contenido */ | |||
.fixed-toc { | |||
background-color: #f9f9f9; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
width: 250px; | |||
position: fixed; | |||
right: 10px; | |||
top: 10px; | |||
} | |||
/* Ajuste para la plantilla fija debajo de la tabla de contenido */ | |||
.fixed-template { | |||
background-color: #eef; | |||
border: 1px solid #99c; | |||
padding: 10px; | |||
width: 250px; | |||
</ | position: fixed; | ||
right: 10px; | |||
top: 200px; | |||
} | |||
</style> | |||
</noinclude> | |||
<div class="page-container"> | |||
<!-- Columna izquierda: Contenido principal --> | |||
<div class="main-content"> | |||
__NOTOC__ | |||
<h1>Título de la Página</h1> | |||
<p>Bienvenido a esta página con diseño de tres columnas.</p> | |||
<h2>Sección 1</h2> | |||
<p>Contenido de la sección 1...</p> | |||
<h2>Sección 2</h2> | |||
<p>Contenido de la sección 2...</p> | |||
</div> | |||
<!-- Columna derecha: Contenedor fijo --> | |||
<div class="fixed-sidebar"> | |||
<!-- Tabla de contenido fija --> | |||
<div class="fixed-toc"> | |||
__TOC__ | |||
</div> | </div> | ||
<!-- Plantilla fija --> | |||
<div class="fixed-template"> | |||
{{Plantilla de ejemplo}} | |||
<div class=" | |||
</div> | </div> | ||
</ | </div> | ||
</div> | |||
Revisió del 10:28, 29 gen 2025
<style> /* Contenedor principal con 3 columnas */ .page-container {
display: flex; justify-content: space-between;
}
/* Columna izquierda: Contenido principal */ .main-content {
width: 65%;
}
/* Contenedor derecho fijo */ .fixed-sidebar {
width: 30%; position: fixed; right: 10px; top: 10px;
}
/* Ajuste para la tabla de contenido */ .fixed-toc {
background-color: #f9f9f9; border: 1px solid #ccc; padding: 10px; width: 250px; position: fixed; right: 10px; top: 10px;
}
/* Ajuste para la plantilla fija debajo de la tabla de contenido */ .fixed-template {
background-color: #eef; border: 1px solid #99c; padding: 10px; width: 250px; position: fixed; right: 10px; top: 200px;
} </style>
Título de la Página
Bienvenido a esta página con diseño de tres columnas.
Sección 1
Contenido de la sección 1...
Sección 2
Contenido de la sección 2...