Diferencia entre revisiones de «Conceptos básicos temas»

De MoodleDocs
Línea 61: Línea 61:


=== Los Stylesheets (hojas de estilo) ===
=== Los Stylesheets (hojas de estilo) ===
   
 
Con Moodle 1.5 ha comenzado el trabajo para separar claramente el contenido de la página de la presentación de la página para una flexibilidad, una accesibilidad mejores y para un diseño más flexible de la página. Para darle la oportunidad de trabajar de manera relativamente fácil en pequeños cambios del color y de las fuentes,  CSS se separa en tres archivos:
 
styles_layout.css
styles_fonts.css
styles_color.css
 
Además ''styles_moz.css'' contiene el formato específico de Firefox y de Mozilla, especialmente las esquinas redondeadas.
 
=== Archivos adicionales en la carpeta de los temas ===
=== Archivos adicionales en la carpeta de los temas ===



Revisión del 11:58 17 feb 2006

¿Qué hay dentro de la carpeta de los temas?

La carpeta de los temas (Themes) contiene lo siguiente

pix/ 
config.php 
favicon.ico 
footer.html 
header.html 
styles.php 
styles_color.css
styles_fonts.css 
styles_layout.css 
styles_moz.css

La carpeta pix

Tiene todas las imágenes e iconos usados en el tema. Los temas 1.5 tienen imágenes para las pestañas y eventualmente para los gradientes. (todos los temas de Moodle 1.5 utilizan la carpeta pix.)

favicon.ico

Es el icono pequeño mostrado en los navegadores delante del URL (como en 1.4)

header.html y footer.html

Estos archivos contienen su logo, el login (nombre de usuario), el menú de entrada, la barra de navegación, el logo de moodle etc. Dentro de estos archivos usted puede dar a Moodle un aspecto propio para la cabecera y el pie de todas las páginas (como en 1.4)

Estas son las principales variables a usar en estos archivos:

$CFG  (objeto con todas las variables del sistema)
$THEME (objeto con todas las variables del tema actual en config.php)
$course (objeto del curso actual)
$meta (todos los meta tags, incluyendo las hojas de estilos)
$home (lógico)
$title (título de la página)
$heading (Cabecera de la página)
$navigation (la navegación en crudo, no la barra de navegación)
$navmenulist  (xhtml)
$menu (menú contextul o botón)

Solo en header.html

$direction (ltr o rtl)
$bodytags (tags que necesiten ser añadidos al body)

Solo en footer.html

$homelink (enlace a la "página principal" – página del curso actual o del sitio)
$loggedinas (cadena con el nombre del usuarios como enlace)
$performanceinfo (cadena con información personalizada)

Además ambos pueden contener código php, y todos los datos que puedan ser extraídos de la base de datos o el entorno.

styles.php

Tiene el mismo nombre que en 1.4 pero tiene otra función. Se llama de header.html y constituye el puente a los archivos CSS. Usted no necesita corregir nada (cambia la función para 1.5.)

config.php

Tiene también el mismo nombre que en 1.4 y otra tarea en 1.5. En este archivo se configura cómo los archivos del CSS trabajan juntos. Puede construir su tema sobre el estándar o sobre algún tema padre (parent), puede incluir o excluir varios archivos CSS.

Los Stylesheets (hojas de estilo)

Con Moodle 1.5 ha comenzado el trabajo para separar claramente el contenido de la página de la presentación de la página para una flexibilidad, una accesibilidad mejores y para un diseño más flexible de la página. Para darle la oportunidad de trabajar de manera relativamente fácil en pequeños cambios del color y de las fuentes, CSS se separa en tres archivos:

styles_layout.css 
styles_fonts.css 
styles_color.css

Además styles_moz.css contiene el formato específico de Firefox y de Mozilla, especialmente las esquinas redondeadas.

Archivos adicionales en la carpeta de los temas

Una Página De Ejemplo

Separación del contenido de la presentación

Hojas de estilo en cascada CSS

El Tema Estándar

Cambios Pequeños

Disposición estándar – mezclada con CSS más propias fuentes y colores

Un tema usando un tema del padre (falsificado)

Un tema sin las dependencias estándares (falsificadas)

Más archivos básicos del CSS

Enlaces externos