Fin du vieux template Andlil le 24 mai 2017

[Benoist Rousseau]

Cela ne va pas ravir Falex et - mais je vais arrêter de maintenir le vieux template du forum. C'est trop de boulot avec la RGPD, il faut que je refasse tout le template, cela présente des risques de sécurité supplémentaire et franchement je n'ai pas le courage d'y retravailler des dizaines d'heures.

Vous n'êtes plus que 7 à l'utiliser sur plus de 13000 personnes qui visitent le forum tous les jours et il demande plus de maintenance que le template responsive.

2018-05-22_9-32-24.jpg (34.44 Kio) Vu 5149 fois

Donc désolé je n'ai plus le temps de la maintenir à jour, de le rendre compatible RGPD, de retoucher tous les formulaires etc et en plus cela peut-être reproché par la CNIL de ne pas avoir un template sécurisé aux dernières normes.

Je l'ai maintenu au maximummum de mes possibilités mais là c'est trop chronophage avec la RGPD

[falex]

je comprends.

Perso ce qui m'empêche d'utiliser le nouveau template c'est toute la place perdu.
Je vais te rmontrer en modifiant le css sur mon ordi.

[Benoist Rousseau]

Ok et je l'intégrerai dans le template responsive.

Je n'y connais rien en css

[falex]

je crois que - était de la partie des "vieux" :musique:

[fl9278]

J'ai moi aussi eu recours au vieux template qui m'a été bien utile pour imprimer, notamment, ma file "Diagonale des Fous 2017" et d'autres sujets qui m'intéressaient.
Je vais essayé de trouver un moyen pour faire de même avec la nouvelle version.
Si quelqu'un a une idée........
Merci Benoist pour tout ce travail...

[falex]

R.I.P. snif

Faut vraiment que je fasse les optimisation du nouveaut template ... je pleure de voir tout ces espace blanc

Allez faut avancer.

[falex]

Sur mon PC je viens de faire un test.
Sous FF j'ai utiliser Outils > Developpement web > Inspecteur
J'ai pointé sur le Div qui contient les pages (après 'est une liste UL)
J'ai fait un test en sortant l'ul div et en le remotnant juste au dessus.

Puis j'ai rétreci la largeur de ma feneêter poure faire un test en largeur iphone.

Donc sur PC en rouge ce qui m'énerve et qui pourrait être remonter (j'ai laissé une ligne en l'état)

Largeur_PC_20180524.PNG (44.63 Kio) Vu 4995 fois

et ensuite la meêm feneter en largeur iphone

Largeur_iphone_20180524.PNG (29.53 Kio) Vu 4995 fois

Quand je regarde le template le gars qui t'a fais ça a été en mode quick and dirty dans le sens où il y a des incohérence un peu partout avec des bouton mal placé de la place perdu (espace blanc inutile)
certains fonctionne qui ont disparu comme le tri d'une file par auteur (très pratique pour lire les propos d'une seule et même personne quand c'est dispersé dans le forum.

J'ai vu la file où un gars avait utilisé une extension pour passer le theme du forum en mode Black.
Je vais voir si c'est pas ça le bon outil pour faire toute les modification utile et necessaire.

[falex]

dans le code source de la page,
AVANT

Div_avant_20180424.PNG (6.74 Kio) Vu 4878 fois

APRES

UL_remonté-AvantleDiv_20180524.PNG (5.26 Kio) Vu 4878 fois

[cuitaslesbananas]

rip template

Fl = imprimer la page dans le menu du navigateur

[falex]

Bon j'me suis retroussé les manches et j'ai regardé ce matin plus en détail comment est codé la feuille css du forum.

Après plusieurs test et modification via greasemonkey voilà ce que j'obtiens pour une configuration d'écran de firefox supérieur à 1200px de large, voici ce que ça peut donner en optimisant la largeur et en modifiant juste une ligne dans le code de la page

Page "Nouveaux Messages", avec exactement la même largeur de fenêtre dans firefox.

Votre avis ?

AVANT

modifcontainer_listpagination_AVANT_20180525.PNG (88.8 Kio) Vu 4832 fois

APRES

modifcontainer_listpagination_APRES_20180525.PNG (74.21 Kio) Vu 4832 fois

[takapoto]

[Benoist Rousseau]

C’est superbe et ça reste responsive ? La sidebar est passé où ?

[falex]

même modifcation sur la file du jour

Ah mince fichier trop gros.

Oui ça reste 100% responsive car j'ai jsute rajouter des nouvellle largeurs pour les écran supérieur à 1200px.
Dit autrement ma modificaiton ne s'applique que pour les largeur supérieur à 1200px.
pour l'isntant j'suis au stade de modification locale, je te filerai le ficheir css modifié si tu veux tester sur tout le forum.

---

NB : Merci benoist de me faire décrouvrir les technos Css dans le détails ça faisait 15ans que j'attendais une xemple concret, là j'suis servi.

Le coding de ton dev est pas mauvais en soi mais il n'a pas fini le job ni pensé au fait que l'on a des écrans beaucoup plus large que 1200px aujourd'hui

[falex]

Pour la side bar : Elle est toujours là et à droite, j'avais juste pris un screenshot centré sur les messages.

[falex]

A y est j'ai resizé mes screenshot :
Exactement la même modifcaiton appliqué à la file du jour. Pour rappel largeur de mon FF environ 1800pixel. largeur du forum : j'ai mis 1600px histoire de respecter les bande griss laterale et de garder un côté "jolie" au forum.
C'est là que l'on voit que les avatar prennent une place fole.

La side bar est toujours là.

AVANT

modifcontainer_listpagination_AVANT_20180525_0954.PNG (169.46 Kio) Vu 4807 fois

APRES

modifcontainer_listpagination_APRES_20180525_0954.PNG (125.35 Kio) Vu 4807 fois

[falex]

En augmentant la largeur du div principale ont permet au navigateur de s'étaler un peu plus et d'avoir des polices un peu plus petites, moisn de retour à la ligne inutile.

Je vais affiner et fournir une première version de type script greeasemonkey/tempermonkey, après si c'est convaincant y'aura moyen de le porter assez facilement dans le css du forum (fichier bootstrap.css)

[takapoto]

C'est très convaincant !
Pour les avatars, il n'y a pas moyen de les redimensionner dynamiquement ?

[Chouini l'ourson]

Mode Newbie ON
C'est quoi un template ? ça sert à quoi ?
Mode Newbie OFF
Merci

[Amarantine]

C'est juste la présentation du forum, le design quoi!

[takapoto]

Ici, il s'agit de la description de la manière dont les données sont affichées à l'écran.

Cette description est effectuée dans un ou des fichiers distincts des données elles-même afin de pouvoir facilement modifier le look du site : il suffit de modifier le template ou d'en créer un autre.