Demande #3138
ferméFaire une bannière commune à toutes les applications Chapril
Ajouté par Christian P. Momon il y a environ 6 ans. Mis à jour il y a plus de 4 ans.
0%
Description
Besoin d'un visuel de référence du Chapril sur les applications Chapril avec :
- le logo Chapril ;
- un lien vers https://www.chapril.org/ ;
- un lien vers les mentions légales/CGU ;
- un lien vers la page de contacts de l'April.
Une solution est de faire une bannière (voir exemple de Framasoft avec https://framadate.org/).
Mis à jour par Christian P. Momon il y a environ 6 ans
- Statut changé de Nouveau à En cours de traitement
Mis à jour par Christian P. Momon il y a environ 6 ans
Voici une première proposition : http://www.chapril.org/Banner/banner.xhtml
Le code est sur VM bastion:/var/www/chapril.org/Banner/
Mis à jour par Quentin Gibeaux il y a environ 6 ans
Je la trouve parfaite.
Quelques détails : j'imagine que les trois liens pointant vers www.chapril.org pointeront vers d'autres pages
Peut être centrer en hauteur le logo April, car collé en haut ça fait bizarre.
Mis à jour par Christian P. Momon il y a environ 6 ans
Vincent-Xavier JUMEL a écrit :
Pourquoi xhtml ?
Parce que c'est plus strict sur le code. Ça oblige à plus de vigilance et permet d'avoir moins d'erreur à l'arrivée :D
Ici, il s'agit d'un fichier HTML de test, seule la balise <header> sera incluse dans les pages cibles :-)
Mis à jour par Christian P. Momon il y a environ 6 ans
Quentin Gibeaux a écrit :
Quelques détails : j'imagine que les trois liens pointant vers www.chapril.org pointeront vers d'autres pages
Voui :
- Accueil Chapril : a priori directement https://wwww.chapril.org/, redondant avec le logo mais pour être certain d'être accessible à tout le monde ; éventuellement, ça peut pointer ailleurs ;
- Services libres : j'imaginais pointer vers la liste des services disponibles, genre https://wwww.chapril.org/#services ; éventuellement une autre page ;
- Mentions légales : oui, en attente du lien définitif.
J'ai fait ça en m'inspirant grandement de la bannière Framasoft (visible sur https://framadate.org/) en attendant de meilleurs suggestions.
Peut être centrer en hauteur le logo April, car collé en haut ça fait bizarre.
Fait.
Mis à jour par Christian P. Momon il y a environ 6 ans
Pour information, le dépôt de la bannière Framasoft : https://framagit.org/framasoft/framanav
Hmmm … me semble compliqué. Si nous n'avons pas besoin de sous-menu ni de grosse bulle, nous pouvons envisager de rester dans la simplicité.
Mis à jour par Quentin Gibeaux il y a environ 6 ans
J'ai inclu ta bannière sur chapril.org et date.chapril.org pour tester.
cf #3134 j'ai désactivé deflate sur lamp, et ça marche.
Juste une remarque : mettre le lien vers l'image april en absolu, car pas résolu quand le nom de domaine est différent
Si tu veux modifier en prod, c'est sur bastion: /etc/nginx/banniere-chapril
Mis à jour par Quentin Gibeaux il y a environ 6 ans
Déployé sur tout les sites chapril, ça ne marche pas pour certains qui ont du <body …> : sais-tu modifier le css pour positionner la banière en haut, et qu'on fasse en replace sur </body> qui est plus générique ?
Mis à jour par Christian P. Momon il y a environ 6 ans
Quentin Gibeaux a écrit :
J'ai inclu ta bannière sur chapril.org et date.chapril.org pour tester.
cf #3134 j'ai désactivé deflate sur lamp, et ça marche.
Clap-clap-clap \o/
Juste une remarque : mettre le lien vers l'image april en absolu, car pas résolu quand le nom de domaine est différent
Si tu veux modifier en prod, c'est sur bastion: /etc/nginx/banniere-chapril
Bien vu. Fait.
Et je vois que tu as fait attention à inclure aussi une ligne dans le <HEAD>, parfait :-)
Déployé sur tout les sites chapril, ça ne marche pas pour certains qui ont du <body …> : sais-tu modifier le css pour positionner la banière en haut, et qu'on fasse en replace sur </body> qui est plus générique ?
Je vois deux méthodes :
1) utiliser une regex dans le subs_filter pour gérer les <body …> (ça semble possible mais ajoute un coût en cpu) ;
2) jouer du CSS.
J'ai appliqué la solution n°2 (body padding-top 42px + banner en position asbolute top 0) : ça semble bien fonctionner.
Mis à jour par Christian P. Momon il y a environ 6 ans
Question : bannière toujours visible ou qui disparaît en scrollant avec la page ?
Mis à jour par Quentin Gibeaux il y a environ 6 ans
- Version cible mis à Mise en production Chapril
Mis à jour par Quentin Gibeaux il y a plus de 5 ans
- Statut changé de En cours de traitement à Fermé
Mis à jour par Christian P. Momon il y a plus de 4 ans
- Projet changé de Chapril à banner.chapril.org