Logo

Faites part de vos remarques/problèmes/solutions pour les sites pyromaths.org.

Modérateur : Développeurs

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 02 oct. 2006, 19:51

Envois moi un screen par mail pour que je vois.

C'est clair que le rose du fond ne va plus du coup. Je voulais proposer de faire un prototype de page d'accueil du site, qui ne serait qu'une petite amélioration de ce que tu as fait, mais ça devra attendre les vacances de la Toussaint.

Je crois qu'il n'y a plus grand chose à faire pour avoir un site très attractif.

Pour ma part, tu pourrais mettre le dégradé tout en haut sur toute la longueur, et mettre le reste du fond du site en blanc.

Autre possibilité : faire un cadre arrondi, comme sur le site de mon lycée ( dfglfa.net/dfg ), mais cela demande plus de travail.

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 02 oct. 2006, 21:58

Tu peux aller voir là.
http://jerome.ortais.club.fr/tmp/index.html

Je ne sais malheureusement pas comment faire pour remonter la bannière en haut de la page, ni pour qu'elle fasse toute la longueur.
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 02 oct. 2006, 22:52

C'est bizarre, ce n'est pas la même structure html.

La bannière est dans un paragraphe "p", alors que dans l'officiel c'est un lien "a".
Donc la bannière hérite de toutes les propriétés de "p" du css.

De plus le corps de la page "body" possède une marge intérieure ( padding ) de 20px ( dans les 4 directions ).

Enlever cette marge mettrait la bannière au bord, mais mettrait également le reste ( les menus, etc.. ) au bord du navigateur.
Une solution serait de ne pas mettre de marge dans body, et de créer un body2 dans le css qui contiendrait tout de la page, sauf la bannière, avec la marge de 20px ( ou ce que tu préfères ).

Je ne sais pas si j'ai été clair :oops:

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 04 oct. 2006, 16:21

Je ne sais pas si j'ai été clair
Honnêtement ? Ben pas trop ... :)
Mais bon, je suis un garçon de bonne volonté, alors en faisant un petit effort, j'ai compris où tu voulais en venir.
Je n'ai pas réussi à créer un body2, car apparemment, l'expression body est une expression générique qui ne peut être remplacée. J'ai donc créé des marges négatives pour le bandeau, et ça fonctionne. Le site de test est toujours sur http://jerome.ortais.club.fr/tmp/index.html
J'attends les commentaires.
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 04 oct. 2006, 18:07

Ben pas trop ...
Hum...Mais bon, ça a porté ses fruits, donc ce n'est pas forcément pédagogiquement mauvais :)

Ca a déjà une meilleure tête.

A mon goût la couleur de fond su site ne va pas : par exemple elle ne met pas assez les éléments beige en contraste.
Il faudrait voir ce que ça donne avec un fond blanc ( et du coup enlever la bordure basse de la bannière pour que cela reste continu ).
On peut aussi essayer avec un jaune très pâle et garder cette bordure : à toi de voir :D

Le cadre des brèves et "sur le web" ne sont pas de la même couleur qu'au centre.
Concernant ces cadres, on peut également imaginer un dégradé de fond ( comme celui de la bannière, mais de 18px de haut ).
Une telle image de fond pèse peut et décore d'un coup tout le site.

Puisque je me défoule, allons-y gaiement :D :
- dans le cadre qui contient l'info de changement d'hébergement, ce ne serait pas mal de mettre un padding, car la date qui colle à la bordure...Je ne parle pas du fond jaune de ce cadre qui me sort par les yeux...:D
- pareil dans le menu d'insscription à gauche ( sur le site officiel ) : sauter qq lignes entre les deux cadres et mettre un petit padding, on aura moins l'impression "d'étouffer" dans ce coin
- il faudra trouver une nuance de beige plus foncée, ou un fond plus marqué pour les articles au centre, car les liens ne sortent pas assez ( penser aux personnes ayant des problèmes de vue )

Hum, je crois avoir fait le tour de ce que je pensais, et ce ne sont que des petits détails...et surtout mes goûts !
Faut tester et voir si ça donne qqch de mieux ou pas.... ( comment ça tu croyais déjà être en week-end ? )

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 04 oct. 2006, 18:15

comment ça tu croyais déjà être en week-end ?
:cry: Ben oui !!!
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

jgd

Message par jgd » 04 oct. 2006, 19:31

Jérôme Ortais a écrit :Mais bon, je suis un garçon de bonne volonté,
Oui, heureusement :) parce qu'avec le boulot que te donne Arnaud … Oh là, là :!:

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 04 oct. 2006, 20:05

J'ai effectué quelques modifications.
Je n'ai pas su comment espacer la zone d'inscription.
J'ai modifié quelques couleurs et ai laissé le fond jaune qui te plaît tant :)
Je suis toujours prêt à rediscuter des choix esthétiques... Ce n'est pas encore le week-end, je l'ai bien compris. :)
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 04 oct. 2006, 20:08

Heu...c'était juste qq propositions, des trucs à tester...

Mais bon si ça va pas pour demain, je veux bien laisser un délai jusque la semaine prochaine :D :D :D.

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 04 oct. 2006, 21:41

Bah c'est malin de vous moquer de moi comme ça. N'empêche que j'ai mis en ligne le test et que j'attends vos remarques "constructives" :D
http://jerome.ortais.club.fr/tmp/index.html
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

jgd

Message par jgd » 04 oct. 2006, 22:04

C'est Arnaud le critique et le censeur, pas moi!
Je n'ose pas dire que je trouve ça plutôt bien, après les remarques du spécialiste :cry:

quand même un truc: "Pyromaths déménage", n'est peut-être pas la plus heureuse des formulations :wink:
Mais j'ai un très mauvais esprit :evil:

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 04 oct. 2006, 22:23

Nan mais je déconnais quand je disais demain... :D

Et puis je ne me moque pas et je ne suis en aucun cas un spécialiste...je donne mon avis, c'est tout :(

Je trouve que ça a plus de gu.... maintenant, bien que le jaune du fond soit encore un peu trop voyant.
Je viens de voir ce qui n'allait pas à droite : la bordure n'a pas la même couleur que les menus à gauche.

Je m'arrête là ce soir :D

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 04 oct. 2006, 22:53

Tout à fait d'accord sur le fait que toutes les suggestions ont contribué à un embellissement notable du site ainsi qu'à une meilleure lisibilité.
Voici donc mon dernier mot pour ce soir. Toujours au même endroit. http://jerome.ortais.club.fr/tmp/index.html
J'ai réglé les problèmes des cadres, de l'inscription du jaune moche et du jaune trop foncé.
Allez, lâchez vous maintenant :)
PS: J'ai tenu le délai ! :D
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

Avatar de l’utilisateur
Arnaud
Critique officiel de pyromaths
Messages : 609
Inscription : 26 août 2006, 21:49
Localisation : Allemagne
Contact :

Message par Arnaud » 05 oct. 2006, 17:55

Le rendu est quand même mieux :D

Une question concernant l'organisation de la page :
tu as deux menus à gauche, l'un en-dessous de l'autre, puis encore une barre horizontale en haut, n'y aurait-il pas moyen de simplifier ?

Avatar de l’utilisateur
Jérôme
Administrateur - Site Admin
Messages : 1105
Inscription : 26 août 2006, 13:10
Localisation : Nantes
Contact :

Message par Jérôme » 05 oct. 2006, 17:59

Arnaud a écrit : tu as deux menus à gauche, l'un en-dessous de l'autre, puis encore une barre horizontale en haut, n'y aurait-il pas moyen de simplifier ?
Heuh... J'ai pas compris... :oops:
Pyromaths génère des fiches d'exercices et leur corrigé en toute simplicité.
Un programme multi-plateformes libre et gratuit sous licence GPL

Répondre