Comme l'indiquait tout récemment Christian dans son article de présentation de Xoops 2.2, la partie thèmes a été retouchée dans cette nouvelle version de Xoops !
La nouveauté consiste principalement en l'apparition d'un thème pour l'administration: il est possible maintenant de personnaliser l'apparence de votre zone Admin ! Plus encore, le contenu standard d'un répertoire thème, auparavant assez simple, se structure davantage: - de nouveaux sous répertoires/fichiers font leur apparition, notamment pour gérer le thème de l'admin et les nouveaux menus
- de nouveaux styles ont été ajoutés (notamment pour personnaliser les images, les formulaires, et les nouvelles barres de menu)
Cet article vous décortique très brièvement ces petites nouveautés.
Liste des thèmes livrés avec la version 2.2 de XoopsDefault (ou encore XDT Xoops Default Theme)C'est le théme que vous connaissiez, qui a été mis à jour par Ralf 57 pour s'adapter à Xoops 2.2, notamment pour gérer le nouveau menu javascript ajouté dans la version2.2.
Phpkaox et x2tCes deux thèmes, déja présents dans les précédentes distributions, ont été seulement légèrement retouchés, seuls des fichiers primaires css et html utiles aux nouveaux panneaux d'administration de la 2.2 ont été ajoutés.
XMT (Xoops Modern Theme)Basé sur le thème Kubrick de KavaXtreme , il a été crée par Ralf57 pour remplacer à terme le thème Default actuel, thème qui n'a pas été amélioré/mis à jour depuis bien longtemps. Ralf lance un appel aux contributeurs pour améliorer encore ce thème. Volontaires et imaginatifs, lancez-vous ! Il y a quelques jours certains proposaient le lancement d'un concours pour créer le nouveau theme par défaut de Xoops. A suivre...
Remarque: les fichiers theme.html des thèmes XDT/XMT comprennent également deux nouvelles fonctions javascript : function toggle, function swapimage, qui permettent de rendre déployables les options de notification (du type +/-).Nouvelle Structure des thèmesVoici la nouvelle structure des themes pour Xoops 2.2
/themes/ : repertoire, situé à la racine de xoops,dans lequel sont logés tous vos themes A l'intérieur du répertoire de votre theme, vous devrez trouver : - /themes/votretheme/theme.html : fichier html général pour la partie publique de votre site
- /themes/votretheme/themeadmin.html : fichier html général pour la partie admin de votre site
- /themes/votretheme/blocks : répertoire qui contient les fichiers html de présentation des blocs
- /themes/votretheme/css/ : répertoire qui contient les différentes feuilles de style de votre themes
- /themes/votretheme/js/ : répertoire contenant les fichier javascript utilisés par votre theme (ex: menus javascripts, javascripts additionnels pour IE5.5)
- /themes/votretheme/images/ : répertoire contenant les images utilisées par votre theme
- /themes/votretheme/language/ : répertoire contenant les variables de langue pour l'admin de xoops
- /themes/votretheme/navigation/ : répertoire contenant les fichiers html définissant les barres de navigation (barre user, barre admin, barre admin des modules)
Nouveautés dans le répertoire /cssA l'intérieur du répertoire css seront définis plusieurs fichiers de style, que nous listons ci-dessous : - style.css, styleMAC.css, styleNN.css : fichiers css pour la partie publique de votre site
- styleAdmin.css, styleAdminMAC.css et styleAdminNN.css : fichiers css pour l'admin de xoops (dont 2 fichiers d'adaptation pour les browser Mac et Netscape/Mozilla)
- les fichiers css éventuels de vos modules (ex: cbb-ex_newbb)
- calendar.css utile pour personnaliser le calendrier Xoops, calendrier utilisé par certaines modules tels News, Extcal, etc.)
Nouveautés dans le fichier style.cssPour mémo, le fichier style.css du thème default contenait les paramètres de présentation pour les zones suivantes de votre site : - vos pages en général (body,a, etc.)
- des éléments spécifiques (item), comme exemple des éléments pour le module news
- les blocs centraux (Center,Center Center, Center Left ,Center Right)
- les colonnes de droite / gauche
- les header/footer
- le menu principal (mainmenu)
- le menu utilisateur (usermenu)
- les tables (outer, head, even, odd, foot,etc.)
- les messages d'erreur/confirmation du système Xoops
- les bb codes Code (code) et Quote (citation)
- l'affichage des informations utilisateurs dans les modules (groupe, rang, etc.)
Par comparaison, on remarque les principales différences suivantes entre le thème Default pour Xoops 2.0.X et le thème Default pour Xoops 2.2 (liste non exhaustive):- ajout des styles pour les images ( img border)
- ajout de styles pour les formulaires (.formButton, input)
- ajout de styles pour le bloc recherche (.search_block)
- ajout de styles pour la barre de navigation / barre de menu (.Navmenu)
- ajout des styles fieldset, legend, divwrapper, .centered, table.maintable, table.toptable, table.footertable pour les éléments généraux
- ajout de .comUserDetails, .comUserName pour les éléments utilisateurs
- ajout .comIcons pour les icones
Qu'apporte le thème XMT?Il est toujours en DTD XHTML 1.0 Transitional. La balise table est toujours utilisée (en effet, tout le code de Xoops 2.2 n'est pas compatible xhtml strict encore).
C'est le theme que vous trouverez à l'heure où j'écris l'article sur http://www.xoopsforge.com
Il comprend un style spécifique additionnel pour newbb
Il ne comprend pas de style pour le bb code Quote Citation (un oubli vraisemblablement).
Il est commenté et un peu mieux structuré.
Bref, ce thème n'est qu'un début, il ne demande qu'à être amélioré.
Voila, ce n'est qu'une première lecture des nouveautés.
Si vous voulez utiliser de manière optimale vos thèmes actuels sous la 2.2, il vous reste à modifier vos themes actuels à l'aide des nouveautés listées ci-dessus, en n'oubliant pas les fonctions javascript function toggle et function swapimage, ainsi que leurs images associées (minus.gif et plus.gif).
Nous complèterons / améliorerons cet article avec l'expérience !
merci à Christian et kris pour la relecture !
Marc
|
6562
Re: Première analyse de la structure des thèmes Xoops 2.2
Cool !
