5) Onglets, partie 2 : colorisation de l'onglet actif
Une fois les onglets réalisés, certes, ils étaient beaux, colorés mais il manquaient quelque chose. Pouvoir coloriser l'onglet actif, c'est à dire, l'onglet qui reprénte la page sur laquelle on navigue.
Pour un onglet d'un lien vers un module, ce n'est pas si simple que cela. En effet, l'onglet doit rester dans sa colorisation active tant que l'on est sur une page du module donc faire un test sur la racine de l'url du module ne fonctionnera que sur la page index.html du module. Il nous faut donc trouver un autre test.
En parcourant les forums, j'ai trouvé des infos interessantes ainsi qu'en éditant mon site en mode SMARTY.
Pour les modules, j'utilise cette méthode :
<{if ($xoops_requesturi|truncate:18:"":true) == "/modules/wordpress"}>
ou
<{if ($xoops_requesturi|truncate:14:"":true) == "/modules/xhld0"}>
Modif (Merci Skalpa) Pour les modules j'utilise maintenant cette methode :
<{if $xoops_dirname == 'wordpress'}>
<{if $xoops_dirname == 'xhld0'}>
Pour un onglet qui pointe vers un fichier c'est plus ou moins compliqué selon le lien :
Pour accueil
<{if $SCRIPT_NAME == "/index.php"}>
Pour Login/inscription
<{if ($xoops_requesturi|truncate:24:"":true) == "/user.php?xoops_redirect"}>
En effet, l'onglet doit être actif dans le cas d'une redirection vers la demande de login
Enfin, je fais un test pour remplacer l'onglet "login/inscription" par "Mon compte" quand le visiteur est loggé.
<{if $xoops_isuser}>
// Onglet "mon compte"
<{else}>
// Onglet "login/inscription"
<{/if}>
6) Validations W3C
Validation XHTML
Validation CSS
7) Téléchargement du thème
Ce nouveau thème est donc disponible en libre téléchargement ici.
|