[esup-utilisateurs] Re: [Fwd: [uportal-fr] Skin et onglet : une nouvelle méthode plus légère !!]

[Raymond Bourges < >]

Fabrice Jammes a écrit :

> Eric Da Costa wrote:
>
> > Bonjour,
> >
> > Je serai intéressé par la méthode (ci dessous) pour pouvoir utiliser 
> > les onglets comme http://www.imaputz.com/uportal/tabstyles.html
> > (ou comme sur le portail de Rennes1 http://portail.univ-rennes1.fr).
> > Mais avant de me lancer la dedans j'ai quelques questions... il faut 
> > d'abord avoir installé les fichiers fournis sur 
> > http://www.imaputz.com/uportal/ ? La modification du types des 
> > onglets (Bar Style, Beveled, MacOS, ZDnet Style, ...) se fait 
> > directement dans la CSS du skin ? Y a t il beaucoup de chose à 
> > modifier dans le fichier integratedModes (car j'ai déjà fait quelques 
> > modifs dans le notre, je ne peux donc pas simplement le remplacer) ?
> > (Nous sommes en version 2.5 d'uportal)
> > Et si vous avez d'autres conseils, n'hésitez pas.
> > Merci,
> >
> > Eric Da Costa.
> > Université d'Artois.
> En fait dans la CSS fournie avec esup tous les onglets sont sous forme 
> de tableau HTML avec des transparents.gif
> dedans. Ce qui est peut satisfaisant pour l'accessibilité

Ce point est important. Nous comptons y travailler dans le cadre des 
développements ESUP. Pour participer à ces travaux vous pouvez 
participer à la liste des développeurs ESUP (cf : 
http://esup-portail.org/consortium/espace/Normes_1C/communaute/communaute_esup.html#1)

A+

> et même pour la pesonnalisation (toutes les skins ont
> les même forme d'onglet).
>
> Le changement de la feuille XSL se fait uniquement au niveau des 
> templates pour les onglets (ceux où il y a "tab"
> dans le nom) et consiste à virer tout le tableau HTML (plusieurs 
> dizaines de lignes) pour le remplacer par un élément de liste et un 
> style CSS. Ensuite il "suffit" d'appliquer la CSS de son choix. Rennes 
> 1 a fait cela aussi mais
> ils ont généré un tableau à la place (avec le plugin webdevelopper de 
> Mozilla on peut changer ou même virer
> une CSS). Je pense que c'est la manière la plus élégante de générer 
> des onglets, mais elle demande des compétence en CSS (enfin ou doit 
> trouver plein d'exemples sur le WEB).
>
> > Fabrice Jammes a écrit :
> >
> > > Bonjour à tous,
> > >
> > > Avec Pierre Devos, nous avons modifié les onglets esup
> > > portail pour pouvoir utiliser ceux de 
> > > http://www.imaputz.com/uportal/tabstyles.html
> > >
> > > Ces onglets s'appuie sur des CSS et sont donc facilement modifiables,
> > > de plus le code pour un onglet passe de plusieurs centaines de lignes
> > > dans integratedMode.xsl à seulement une dizaine.
> > >
> > > Je vous transmet le XSL 
> > > (uPortal-2.4-esup-1.07/Perso/uPortal/webpages/stylesheets/org/jasig/portal/layout/AL_TabColumn/integratedModes/integratedModes.esup_fr_FR.xsl) 
> > > et la feuille de style associée (style.css) (ou il reste quelques
> > > modifs à faire, notamment pour le menu préférence).
> > >
> > > Pour l'instant seuls les onglets de type Beveled ont été testé mais 
> > > les autres
> > > devrait être faciles à intégrer (quelques modifs dans la CSS).
> > >
> > > Si vous souhaiter de l'aide, je reste à votre disposition.
> > >
> > > Vous pouvez admirer les onglets (et le nouveau look) sur le site 
> > > esup de Paris 1:
> > >
> > > http://annuaire.univ-paris1.fr


--
*********************
Raymond Bourges
CRI – Université de Rennes 1
Tel : 02.23.23.71.32
*********************