Release 1.10 de Mor.pho.GEN.e.sis
Depuis plusieurs mois je réalise des thèmes à partir du gabarit Morphogenesis, et j'ai pu y apporter des correctifs et quelques améliorations.
Après de nombreux tests sous les navigateurs IE 6 et 7, FireFox 2 (et antérieurs), Opera, Maxthon, Safari, et validation finale vis à vis des standards W3 C : xhtml et css, que j'ai voulu sans aucun avertissement (une correction mineure du fichier banners.php du module "system" a été nécessaire).
Je vous propose ma version 1.10 (en téléchargement ICI), de ce gabarit de thème qui dois être la référence pour la conception des nouveaux thèmes pour notre CMS, comme indiqué dans un article précédent.
Mon travail de correction a été de repartir des thèmes Zetareticulli, Default (Xoops 2.3) et Morphogenesis.
Dans cette nouvelle version du gabarit, vous trouverez de nouveaux fichiers et dossiers. Pour les fichiers, nous avons maintenant une Boite de Connexion et Menu Utilisateur (userbar.html), un Menu Horizontal dans le header (globalnav.html) avec un affichage en fonction des groupes de visiteurs. J'ai conservé la possibilité d'une hauteur différente du header en fonction de l'affichage d'une bannière ou non.
Nous avons maintenant la transparence sous IE des images au format PNG sur la totalité des pages du site.
Exemple avec le module News 
Exemple avec le module CBB/NewBB
Blocs Menu principal et Menu Utilisateur 
Page de Redirection et de Messages d'Erreur
Page Profil Utilisateur
Pour rappel, je précise que ce thème n'est qu'un squelette, et bien qu'il soit fonctionnel, il n'est pas spécialement conçu pour une mise en production, son design étant relativement basique.
Par contre il offre d'énormes possibilités de personnalisation, un exemple est la réalisation du thème de XoopsDemoKris, et son menu horizontal CSS prenant les "a.active".
Le dossier "jseffects" sert à déposer les différents scripts qu'un designer ou concepteur de module peut utiliser. En effet, j'ai remarqué que nous avions de plus en plus de modules et thèmes qui utilisaient des javascripts Ajax par exemple, qui devenaient redondants et pouvaient soit ralentir l'affichage du site, soit ne ce limitait qu'au seul module ou thème, alors que nous pouvions l'utiliser pour d'autres.
Par exemple le hook pour exgallery utilise le script LightBox (à insérer dans le dossier "include" du core) et le module rmsoft MyFolder (portfolio) qui lui posséde ce même script dans ses propres dossiers.
Ce script peut être très facilement utilisable sur la totalité des modules en réalisant de très légères modifications de fichiers php, ou tout simplement de templates (l'utilité de la surcharge des thèmes) et quelques lignes d'appel dans la partie "head" du thème.
Ne désirant pas que ces scripts soient dans un répertoire du core, l'utilisation du dossier jseffects s'avérait nécessaire pour les fichiers .js, .css et les images de ces derniers à un endroit unique.
J'ai donc réalisé des versions expérimentales à titre d'exemple du gabarit Morphogenesis 1.10 avec les scripts LightBox et ThickBox.
Vous allez me dire : "mais pourquoi pas avec ces deux scripts ?", pour l'excellente raison que les scripts principaux Prototype (pour Lightbox) et JQuery (pour thickBox) sont incompatible entre eux. Pour information, j'ai relevé également une petite incompatibilité entre JQuery/ThickBox et notre cher Xoops.js, mais je sais que notre communauté va se mettre au travail pour résoudre ce problème, au vu de la richesse que ce dernier script pourrait apporter à nos sites (la page tunnel de XoopsTestKris utilise ThickBox)
ThickBox pour une image dans un bloc perso 
ThickBox dans le module RmSoft MyFolder  Nota : les effets visuels ThickBox ou LightBox sont quasi identiques pour l'affichage d'une image
Les archives sont à décompresser et à installer directement à la racine de votre site, il faut savoir que les scripts poseront des problèmes pour la validation vis à vis des standards W3 C.
Pour l'utilisation des scripts LightBox ou ThickBox dans Xoops et ses modules, deux nouveaux sujets sont ouvert sur le forum, et un pour le gabarit Morphogenesis dans lequel nous pourrons poser nos questions et réponses, ainsi que nos réalisations :
Courant Janvier 2007, je publierai un nouvel article sur ce gabarit avec la documentation appropriée ainsi que quelques tutoriels en vidéo flash.
Kris,
Et maintenant à vous de travailler et de nous montrer votre ingéniosité, si vous désirez que je dépose en téléchargement quelques unes de mes réalisations
|
