jd
Vu que je repasse par là :
- pour les titres, il manque en effet quelques règles pour clear. Ça n'a (presque) rien à voir avec un modèle clr (t'inquiètes pas je sais les faire, les modèles 😉), il faut que j'ajoute quelques subtilités dans ma feuille de style. Le nombre de cas à gérer est assez élevé, si vous en voyez d'autres, n'hésitez pas à me le signaler ;
- je peux ajouter des styles pour les focus, oui. J'y pense jamais, mais c'est une bonne remarque de geek 😃 Si certains liens ne « s'allument pas » c'est sans doute qu'il s'agit de liens externes : je vais tâcher d'uniformiser le rendu tout en signalant d'une manière ou d'une autre que ce ne sont pas des liens internes au wiki. Sur Wikipédia, on utilise une icône mais elle n'apparait pas sous la plupart des IE, du coup on a gardé un style (couleur) un peu différent en doublon ;
- je me demande si je ne vais pas en plus d'un « alt » donner une infotab jolie avec jQuery. Je testerai et vous me donnerez votre avis, il ne faut pas surcharger non plus ;
- tu as raison pour l'icône de recherche. Ce que je vais faire, je pense, c'est l'externaliser et la transformer en boutton submit. Ce sera moins fashion que dans le champ de recherche lui-même, mais plus intuitif vu qu'on pourra cliquer dessus. À l'intérieur, c'est juste un background et on ne peut pas imbriquer un submit dans le champ de recherche. Quoiqu'avec un déplacement relatif ou un float… encore un truc à tester 🙂 ;
- onglets, comme tu l'as vu, cf. ci-avant ;
- preneur de ta photo dans le même style (clavier, doigts en position sur la rangée du milieu) si tu peux ! Et de toutes autres photos sympa… ;
- pour ce qui est du footer, c'est plus du détail. J'ai pas trop étudié la question cela dit, MediaWiki renvoie tout un bordel sans id à partir d'une seule variable php, styler ça requière de faire appel à quelques règles CSS mal supportées par IE, comme toujours. Disons que je vais pouvoir faire joli dans les navigateurs corrects et que ce sera en vrac dans les IE 🙂
Flamme
J’aime beaucoup.
Encore quelques défauts:
- il faut remettre la police des boîtes colorées à leur taille d’avant, car ça dérègle l’affichage des icônes (et c’est moins lisible);
- je trouve que les boutons [modifier] sont trop gros, àmha, pas assez discrets;
- de surcroît, ceux-ci perturbent parfois un peu l’affichage de part leur position en dessous du titre.
Voir:
http://bepo.fr/wiki/Menu
Accessoirement, j’aime assez les pieds de page volumineux est aérés. 🙂
nemolivier
Merci pour toutes ces explications. Je précise que je regarde ça sur un relativement petit écran. Que se passe-t-il sur un grand ? Les lignes ne sont-elles pas super longues ?
Flamme
Pas plus longues qu’avant.
D’ailleurs, la largeur maximale a été limitée, à quelque chose comme 1280, au jugé.
jd
Le conteneur principal est limité à 1500px en sup, 840px en inf. Je vais peut-être adapter la borne inf pour éviter un débordement par l'image du clavier, en page d'accueil…
Delavy
Rapidement encore quelques idées en vrac
* un petit lien "retour en haut" en bas de page, se serait cool :-)
* l'en tête est peut être un peu grande... Elle est jolie, mais sur l'accueil sa mettait le texte des liens "découvrir installer ..." en dessous du "pli" de l'écran (j'ai baissé un peu la hauteur des titre pour régler çà), aïe.
* un mini détail : les onglets "selected", enfin actif, dans le haut de la page à droite, en blanc, n'ont pas l a même couleur/transparence que le corps de la page, ce qui casse l'effet "onglet".
* pour l'importation de modèles, chouette ! J'en vois quelques un vraiment necessaires, comme ceux de langue (pour signaler la langue du lien).
* c'est vrai que le "modifier" sur les en tête de section, en bas, et un peu gros, à vrai dire en "haut" de la barre de césure, il gènerais moins. Je ne pense pas que ça dérange trop avec le titre, mais c'est à voir.
jd
! -- Bien faire un refresh complet des pages pour voir la dernière version (ctrl+F5 ou ctrl+R). -- !
J'ai uploadé une version un peu plus avancée, en ayant corrigé et retravaillé sur la base de vos remarques du mieux que j'ai pu. Grosse surcouche de jQuery au final 🙂 C'est censé se répercuter sans accrocs particuliers si javaScript est désactivé (ce qui devient rare, même en entreprise, m'enfin…)
En plus de pied-de-page, Il subsiste un certains nombre de problèmes de taille de polices, mais c'est lié à des modèles actuellement utilisés par le thème Monobook et c'est codé en dur dans les modèles eux-mêmes. Extermaliser ces règles de styles pour pouvoir gérer plusieurs thèmes à la fois serait une perte de temps et une prise de tête certaine, aussi je verrai ça en temps utile, si on fait le changement ^^
jd
Je me disais ce matin qu'en fait, ce serait peut-être plus sympa et réussi de refaire les boîtes et autres modèles pour que ce soit plus en conformité avec le thème. Actuellement, ce sont des modèles extirpés de fr.wikipedia, donc en rapport avec le thème Monobook. Outre le fait qu'ils sont quand même assez moches (non ?), leurs couleurs donnent un contraste étrange, plus le problème des polices. Je vais bricoler un nouveau modèle de boîtes/encadrés sur une page de test, allez 😉
jd
Note à moi-même : TODO
> <li class="lastnav">[[{{FULLPAGENAME}}]]</li>
dans le modèle navigation.
Delavy
Pour les boites et modèles, si tu as le lien de la page test (j'ai cherché par moi même dans tes contrib, pas troubé de page test), j'aurais surement un peu de temps à y passer demain, pas sur tes test mais histoire de centraliser tout sur la même page, (sourtout que ça fait assez longtemps que j'ai plus fait mumuse avec ces trucs là).
;-)
jd
Pour le moment je n'ai rien fait concernant les modèles, j'essaye de debug un truc bizarre avec mon style de pre contenant les numéros de lignes. Il y a un super léger décalage, pas important, mais pour le principe… J'ai intégré les fils d'ariane issus des modèles {{navigation}} que j'avais créé pour le thème actuel. Avec un peu de jQuery encore, je trouve que ça donne un truc léger et sobre. J'ai un peu retouché le modèle pour pouvoir gérer les deux thèmes en concurrence, il faudra pas que j'oublie de le nettoyer si jamais (d'où ma note à moi-même ci-dessus 😉)
Pour la fameuse page de test, je mettrai de toute façon un lien dans ma page utilisateur.
À noter que je pars en Bretagne (!) le 19, donc mercredi, jusqu'au 1er septembre grosso modo. Pas de connexion internet je pense, donc deux semaines de pause 🙂
jd
Au cas où : je suis entrain de mettre à jour MediaWiki pour faire fonctionner correctement certaines extensions. Pas de panique. Et j'ai fait un backup avant 😉
edit -- il semblerait que nous ayons atteint notre quota d'espace disque. J'avais en effet vu qu'on flirtait avec la limite à 10mo près, il y a quelques jours. Il y a un gros backup de l'ancien site. Pour le moment, je vais en mettre un peu de coté, ie. faire un backup local et faire de la place sur le serveur (les anciens dump ne servent plus à rien sur le serveur, par exemple…) mais évidemment je les garde à disposition.
edit -- mis à jour en 1.16alpha réussi, avec l'aide d'A2 pour trouver un peu d'espace disque.
jd
Bien, je m'en vais jusqu'au 1er septembre dans un coin sans connexion, donc je stoppe là mes update. Un bug est apparu dans IE, mais cet imbécile de navigateur ne me donne qu'un numéro de ligne, pas le fichier concerné. J'ai pas encore eu le temps de voir ça, à mon avis ça attendra...
Hier, j'ai refait les modèles de touches et j'ai ajouté des détections de la largeur minimale à appliquer en fonctions des onglets et de la barre supérieure ; Agnès, ça devrait régler ton problème sous l'eeePC.
jd
Finalement, je suis revenu plus tôt.
Pour ceux qui n'auraient pas le réflexe « Modifications récentes », j'ai créé une page
Skin bépo dans mon espace utilisateur pour documenter un peu le thème et le processus de création.
Ça remarche sous IE.
J'ai fignolé les bandeaux d'avertissement créés par les modèles {{note}} et son nouveau dérivé, {{attention}}. J'ai refait le pied-de-page, pour une version plus sobre et discrète qui, il me semble, n'est pas trop hideuse 🙂 J'ai ajusté un certain nombre de taille de polices et le menu, en suivant les remarques de A2 et nemolivier, dites-moi s'il subsiste des soucis.
Il me reste à bricoler un nouveau style de boîtes (page d'installation…) et chasser les petits bugs. Toute aide dans leur relevé sera appréciée 🙂 Je vais peut-être encore améliorer le modèle pour créer les touches : on pourrait se passer du modèle au pluriel {{touches}} désormais, car j'ai nommé les arguments et on peut avoir une infinité d'arguments anonymes (nom des touches), mais ça nécessiterait de mettre à jour tous les appels du modèle {{touche}}, car pour le moment, ma version gère les appels avec et sans arguments nommés. C'est un peu technique, mais bon, retenez que si j'ai le temps et l'envie, je travaillerai à simplifier ce truc-là 🙂
Il faudra que je teste la réactivité de l'ensemble avec un ordinateur moins puissant. Mon code jQuery est potentiellement un peu lent, je crois que je pourrais opter pour une version compressée et plus astucieusement codée quand tout sera fixé ! Chez moi, ça charge vite et bien, mais chez vous, y a t-il des « préchargement d'animation » visibles car trop lents (par exemple, des trucs qui deviennent difficilement transparents, qui disparaissent tout d'un coup, etc.) ?
loup
jd a écritFinalement, je suis revenu plus tôt.
Il me reste à bricoler un nouveau style de boîtes (page d'installation…) et chasser les petits bugs.
En parlant de la page d'installation, la page actuelle (pas pour ton apparence) a quelques soucis:
— Les boîtes ne sont pas de taille égale. Cela rend l'installation Windows plus difficile à trouver. En particulier, je trouve qu'il y a trop de texte dans la case Unix. Je pense même que nous devrions placer Windows en premier, dans la liste. Je suis moi même sous Linux, mais je ne suis pas exactement la majorité.
— Les liens pour télécharger ne sont pas évidents. Les icônes sont jolies mais ambiguës. Il faut s'y reprendre à deux fois pour trouver le bon lien (téléchargement ou instructions).
— Sur mon petit portable, la page déborde vraiment trop à droite. Je ne vois plus du tout l'archive nomade.
Dans tous les cas, bon boulot. Le site fait tout de suite plus « pro » avec ta nouvelle apparence.
loup
Je viens de remarquer sur la
page de présentation que le début du texte n'est pas super lisible. Le clavier en image de fond gêne la lecture. Il faudrait peut être l'éclaircir encore un peu ?
jd
Je trouve également que la page principale d'installation est trop chargée et découpée pour le moment, et qu'elle ne devrait pas privilégier l'extension horizontale car c'est incontrôlable (résolutions écran). Pas trop fan des liens directs de téléchargement non plus (je ne les avait même jamais remarqué jusqu'à ce que je survole les icônes décalées par l'application du thème bepo). Keep it stupid simple ? J'ai une idée, à tout à l'heure 🙂
jd
Bon depuis la dernière fois que j'ai posté, il y a eu quelques nouveautés intéressantes : nouveaux modèles, un rendu plus conforme dans les différents Internet Explorer, etc. Comme ça me gonfle de faire une liste là tout de suite, je me fendrai d'une liste sur la page de doc de la skin 😉
Maintenant, c'est essentiellement un travail sur le contenu et les pages qui commence. Il faut :
- passer en revue les pages (Loup s'en occupe) ;
- si nécessaire, fusionner ou au contraire externaliser du contenu entre ces pages ;
- homogénéiser toutes les pages (style, utilisation des modèles) ;
- gérer les catégories (à la façon de tags, hiérarchie souple) ;
- gérer les fils d'Ariane (hiérarchie stricte) ;
- etc
On m'a demandé d'essayer d'autres couleurs que le rouge bordeau. Je vais tester (je ne sais pas encore quand) un vert et un bleu, en créant deux variantes de la skin qui seront disponibles dans les préférences.
loup
Petits détails sur l'apparence :
Il n'est pas évident au premier coup d'œil que les titres en rouge sont plus « importants » que lest sous titres en noir. En effet, les titres en rouges ont une graisse moins importante. Résultat, on se retrouve avec des pages
comme celle là, où la structure est assez bancale.
Les liens externes sont marqués en tant que tels. C'est très bien. Pas les liens vers la Wikipédia. C'est moins bien. Un petit indice, du style « wp » en petit et en exposant, serait idéal. Autrement, il faudrait le même petit signe que pour les autres liens externes.
Le texte de tout le wiki est justifié. C'est plus joli, mais les ergonomes (cf le fil à ce sujet) disent que c'est moins lisible qu'un simple alignement à gauche. C'est à cause de l'absence d'un système de césure, ça fait des lignes avec de trop gros espaces.
nemolivier
Je ne suis pas d’accord concernant le justifié. Le gris typo est moche sans césures, mais de la à dire que c’est aussi désagréable (et moche) qu’un fer à gauche… j’ai un doute.