Attention : vous consultez actuellement la documentation dédiée aux versions 1.x de Moodle. La documentation pour les versions 2.x de Moodle est consultable ici : Bases sur les thèmes, celle pour les versions 3.x de Moodle est consultable ici : Bases sur les thèmes et celle pour Moodle 4.x est consultable là : Bases sur les thèmes.

« Bases sur les thèmes » : différence entre les versions

De MoodleDocs
Aller à :navigation, rechercher
Ligne 67 : Ligne 67 :
</div>
</div>


== Quelques fichiers CSS plus simples ==
== Fichiers CSS ==


<div style="margin:1.2em 0"><div style="float:left">
<div style="margin:1.2em 0"><div style="float:left">

Version du 24 mai 2006 à 15:03


Qu'y a-t-il dans le dossier themes ?

Le dossier themes de Moodle contient les éléments suivants :

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

Séparer le contenu de la présentation

Feuilles de styles cascadées CSS

Le thème standard

Thème Standard

Figure 1 : Le thème standard avec les fichiers CSS styles_layout.css, styles_fonts.css, styles_color.css et styles_moz.css.


Modifications mineures

Theme Standardwhite
Figure 2 : Le thème standardwhite avec tous les fichiers CSS du thème standard, plus gradients.css du thème choisi.

CSS mélangée - mise en page standard avec vos propres polices et couleurs

Theme "formal_white"

Figure 3 : Le thème formal_white le fichier CSS styles_layout.css du thème standard et les fichiers individuels fw_layout.css, fw_fonts.css et fw_color.css.


Un thème utilisant un thème parent

Thème Formal white plus

Figure 4 : Le thème formal_white_plus avec le fichier CSS additionnel my_layout.css.


Un thème sans dépendance standard

Thème Indépendent

Figure 5 : Un thème utilisant ses propres fichiers CSS styles_layout.css, styles_fonts.css et styles_color.css.


Fichiers CSS

Cascade des fichiers CSS de Moodle

Figure 6 : L'ordre de chargement (cascade) de tous les fichiers CSS de Moodle et des thèmes de Moodle.


Voir aussi