Theme pour forum s'il vous plait

Demandes de réalisation d'images déterminées avec Gimp.

Modérateur : Ze Techos

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Theme pour forum s'il vous plait

Message par Bridget Sharpe » ven. nov. 14, 2008 10:53 pm

N'ayant pas encore le courage de réaliser moi même, chaque chose à la fois comme on dit :l0l: J'aimerais un thème pour forum en fond rouge et noir s'il vous plait un peu dans ce style http://fdaettm.xooit.fr/index.php avec des roses rouges si possible. C'est pour un de mes forums qui raconte des fans fictions romantiques. Étant donné que je n'y connais rien, j'ignore si la banniere est comprise dans un thème, si oui, je vous donnerais demain les photos.
Merci à ceux et celles qui voudront bien m'aider
Bridget

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6636
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » sam. nov. 15, 2008 1:16 am

C'est quoi comme type de forum ?
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » sam. nov. 15, 2008 1:21 am

Bonjour.

C'est pour quelle version de Forumactif ? Phpbb2 ? Phpbb3? Punbb? Invision?

Car cette information est assez importante, afin de partir de la base choisie et d'y rester, surtout si je décide d'ajouter du CSS pour améliorer encore plus le rendu. (qui dit version différente dit classes différentes).

Je viens de libérer un de mes forums de test pour commencer à me familiariser avec les nouvelles versions.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » sam. nov. 15, 2008 8:58 am

Ah pardon j'ignorais tout cela. C'est un forum actif mais avec le design invasion http://beaconforever.forumsactifs.com/forum.htm
Bridget

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » dim. nov. 16, 2008 9:53 am

En tout merci de m'aider, c'est vraiment une aide précieuse, je serai incapable de réaliser tout cela moi même :(
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. nov. 16, 2008 10:00 am

Maintenant qu'on sait qu'on part d'une base invision, j'aurais besoin de savoir les couleurs de base. Tu peux utiliser l'outil palette que t'as dans la gestion des couleurs, pour me donner quelques codes. Je commence toujours par cette étape quand je commence un thème FA.

En général, pour une bonne lisibilité : texte clair sur fond sombre, texte foncé sur fond clair
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » dim. nov. 16, 2008 10:08 am

Dans les tons sombre, noir un peu dans ce genre si cela peut vous donner une idée http://fdaettm.xooit.fr/index.php
Bridget

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » ven. nov. 21, 2008 11:26 pm

Avez vous toutes les réponses à vos questions ? Je regrette je m'y connais si peu en graphisme que j'ai du mal à comprendre tous vos termes :(
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » sam. nov. 22, 2008 12:32 am

Désolée de l'attente. J'ai bien compris, mais je viens d'avoir une semaine très occupée et j'ai eu à peine le temps de pouvoir travailler dessus. J'ai changé les couleurs, mais des corrections avec le CSS sont nécessaires et je n'ai pas encore fini.
Les corrections que j'ai faites jusqu'à maintenant :
- Correction de la couleur du bas des tableaux et du bas des pages qui prenait la même couleur que celle des liens -> pas encore terminé, reste les pages internes.
- Correction de la superposition des petits liens et du texte "toutes les heures sont au format GMT" dans le footer -> fait
- Correction de la couleur des liens de navigation pour les mettre en blanc pour qu'ils soient plus lisibles -> fait
- Correction d'un cadrage blanc inesthétique au milieu du premier bloc des statistiques -> fait

Voici le résultat partiel : http://testbatmat86.forumactif.com
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » sam. nov. 22, 2008 9:33 am

Non, non ce n'est pas grave, prend ton temps. Comme je l'ai dit je n'y connais rien. Je voulais simplement savoir si de mon coté j'avais bien donné tous les renseignements nécessaire. Merci de ton aide.
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. nov. 23, 2008 4:26 am

Voilà, j'ai pas mal fini les corrections CSS.
Corrections effectuées :
- Couleur du bas des tableaux et des séparations, ainsi que du footer du forum
- Champs de formulaire
- Blocs des citations, codes et spoilers
- Liens de navigation (couleur du texte)
- Positionnement des liens du footer pour que ça ne se chevauche plus
- Autres corrections proposées par Placehold dans les trucs et astuces du forum de support FA anglophone.

Pour le moment, je n'ai testé que sous Firefox 3.0.4 et Opera 9.62

Voilà le lien : http://testbatmat86.forumactif.com/index.htm

Tu peux te connecter avec ces identifiants pour les tests : test + test00

Si les couleurs sont à ton goût, on pourra passer aux images.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6636
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » dim. nov. 23, 2008 10:38 am

Si je peux me permettre... ;)

Je trouve quand même les couleurs très agressives pour le regard... Que ce soit le blanc sur noir ou le rouge sur noir. Si j'étais l'internaute moyen, j'avoue que ça me ferai un peu fuir... :o
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
pop
Maître du Recyclage
Messages : 1365
Inscription : dim. févr. 13, 2005 7:03 pm
Localisation : Brest (tout près)

Message par pop » dim. nov. 23, 2008 11:02 am

D'accord avec flamme, lire demande un effort (aussi bien le rouge que le blanc). Changer le noir ???
[url=http://www.imagehotel.net/?from=c0e3d0ae13.gif][img]http://images.imagehotel.net/c0e3d0ae13.gif[/img][/url]
Animateur GA

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. nov. 23, 2008 12:21 pm

> Flamme et pop : Bin... Bridget demandait quelquechose qui est dans les mêmes couleurs que le thème Flower of Evil qu'elle a montré... donc c'est ça que j'ai fait.

Mais pour le rouge, ça aurait pu être pire si je n'avais pas fait les corrections CSS, car le fond du footer, ainsi que celui du bas des tableaux et des séparations entre les posts suivent la couleur des liens visités et des liens actifs qui sont... rouges dans ce cas-ci.

La version IPB est très récente et encore immature. En comparaison, je n'ai pas de corrections CSS à faire quand c'est avec la version phpbb2 (la version native de FA), je n'ajoute du CSS que si je veux amincir le cadre autour des tableaux du forum, ou si je veux un arrière-plan fixe, ou bien ajouter un dégradé dans les cellules. Pour cette raison, je préfère encore mieux travailler avec la version phpbb2 qui est la plus aboutie au niveau de la gestion simple.

Pour le blanc sur noir, c'est rare que je vois du monde avoir de la misère à lire du blanc sur noir, car d'habitude, les sites qui offrent un CSS pour malvoyants ont ce style généralement en noir avec textes blancs. Et encore récemment, sur phpbb-fr, un membre malvoyant cherchait un style noir avec textes blancs car il est plus à l'aise avec ça qu'avec les styles clairs. En plus, parmi les thèmes par défaut d'Ubuntu, il y a deux thèmes "constraste élevé" (l'un des deux utilisant des gros caractères) qui suivent le même principe.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » dim. nov. 23, 2008 12:34 pm

Ishimaru Chiaki a écrit :Voilà, j'ai pas mal fini les corrections CSS.
Corrections effectuées :
- Couleur du bas des tableaux et des séparations, ainsi que du footer du forum
- Champs de formulaire
- Blocs des citations, codes et spoilers
- Liens de navigation (couleur du texte)
- Positionnement des liens du footer pour que ça ne se chevauche plus
- Autres corrections proposées par Placehold dans les trucs et astuces du forum de support FA anglophone.

Pour le moment, je n'ai testé que sous Firefox 3.0.4 et Opera 9.62

Voilà le lien : http://testbatmat86.forumactif.com/index.htm

Tu peux te connecter avec ces identifiants pour les tests : test + test00

Si les couleurs sont à ton goût, on pourra passer aux images.
Merci, je viens d'aller voir : c'est parfait
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. nov. 23, 2008 12:40 pm

Pour les dossiers (nouveau message, pas de nouveau message, verrouillé, etc.), tu voulais des roses rouges, c'est ça ?

Si oui, je pourrais regarder dans les cliparts libres sur le site Open Clipart Library.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » dim. nov. 23, 2008 12:53 pm

Oui en effet des roses rouge
Bridget

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6636
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » dim. nov. 23, 2008 7:59 pm

Ishimaru Chiaki a écrit :> Flamme et pop : Bin... Bridget demandait quelquechose qui est dans les mêmes couleurs que le thème Flower of Evil qu'elle a montré... donc c'est ça que j'ai fait.
Peut-être... Mais ce n'est pas une raison pour ne pas signaler le problème que ça peut poser. :(
Ishimaru Chiaki a écrit :Pour le blanc sur noir, c'est rare que je vois du monde avoir de la misère à lire du blanc sur noir, car d'habitude, les sites qui offrent un CSS pour malvoyants ont ce style généralement en noir avec textes blancs. Et encore récemment, sur phpbb-fr, un membre malvoyant cherchait un style noir avec textes blancs car il est plus à l'aise avec ça qu'avec les styles clairs. En plus, parmi les thèmes par défaut d'Ubuntu, il y a deux thèmes "constraste élevé" (l'un des deux utilisant des gros caractères) qui suivent le même principe.
Attention ! Les designs pour malvoyants ne sont pas forcément les plus adaptés à la majorité de le population ! Parfois même loin de là... D'ailleurs, d'après les istes spécialisés en ergonomie, selon la façon dont sa vision est affectée, un malvoyant pourra préférer tel ou tel type de contraste (ainsi, pour certains, c'est le jaune sur bleu qui est recommandé...)

Et il ne faut pas non plus confondre "lisibilité " et "confort de lecture". Ce n'est pas sans raison qu'on n'a pas gardé les couleurs en mode "terminal" (style blanc/vert/orange sur noir) quand les écrans sont passés en couleur. ;). Ils étaient lisibles, mais ils "flinguaient" les yeux... je m'en souviens encore ! :P

Sur les sites d'ergonomie, les contrastes trop violents sont en général considérés car peu recommandables car il y a un effet de scintillement à la limite des deux couleurs. Pour des gens "standard" comme Pop et moi, cette effet de scintillement est très présent et provoque un véritable inconfort qui rend la lecture pénible, et c'est le cas pour la majorité des gens que je connais. Il est normal que Bridget Sharpe le sache... ;) Après, elle peut faire son choix en toute connaissance de cause.

Les gens y sont plus ou moins sensibles. C'est particulièrement vrai pour un rouge vif sur noir, un peu moins mais vrai quand même pour du blanc sur du noir. L'une des solutions, c'est d'adoucir les contrastes : en remplaçant le noir par du gris très foncé, ou le blanc par un gris très clair, ou le rouge par un rouge plus pâle, un peu désaturé... Ce qui ne change pas grand chose mais peut améliorer de façon très notable la lisibilité du site. Ainsi que, à mon avis, son effet général qui sera plus distingué (avis personnel, je trouve le rouge cru sur le noir vulgaire, alors que si les couleurs sont adoucies, ça peut devenir au contraire très "classe").

Pour ce qui est de l'écriture claire sur du foncé, si elle est correctement contrastée, de façon assez importante sans heurter le regard, ça ne pose pas de problèmes. Il faut juste être conscient du fait que depuis notre plus jeune âge, nous avons l'habitude que l'écrit soit en sombre sur clair, et notre œil est donc mieux formé à déchiffrer ces caractères en ce sens (comme sur les livres, les cahiers, etc.). Ce qui fait que pour des textes longs, en particulier, c'est plus confortable - peut-être pas pour 100% des gens, mais pour une bonne majorité ;). Bête question d'habitude...
Dernière modification par Flamme le lun. nov. 24, 2008 5:39 pm, modifié 1 fois.
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Message par Bridget Sharpe » dim. nov. 23, 2008 8:35 pm

J'avoue ne pas trop comprendre vos termes de graphistes, mais sur le forum où j'ai vu cela, forum où je poste régulièrement, à l'exception d'une seule personne,mais bon elle n'est pas une référence car elle râle toujours pour le moindre changement dans tous les domaines :l0l:, mais autrement tout le monde a trouvé cela très beau et notamment une personne que je connais depuis 6 ans comme elle a les yeux clairs alors certaines couleurs ne lui conviennent pas mais là elle a trouvé cela reposant, au contraire. J'ai moi même des problemes de vues et cela me gêne pas. Par contre si il était possible d'augmenter un peu la police d'écriture, à moins que cela ne soit faisable depuis le panneau d'administration comme lorsque on met nous même des couleurs, je ne sais pas
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » lun. nov. 24, 2008 5:58 am

Bridget Sharpe a écrit :J'avoue ne pas trop comprendre vos termes de graphistes, mais sur le forum où j'ai vu cela, forum où je poste régulièrement, à l'exception d'une seule personne,mais bon elle n'est pas une référence car elle râle toujours pour le moindre changement dans tous les domaines :l0l:, mais autrement tout le monde a trouvé cela très beau et notamment une personne que je connais depuis 6 ans comme elle a les yeux clairs alors certaines couleurs ne lui conviennent pas mais là elle a trouvé cela reposant, au contraire. J'ai moi même des problemes de vues et cela me gêne pas. Par contre si il était possible d'augmenter un peu la police d'écriture, à moins que cela ne soit faisable depuis le panneau d'administration comme lorsque on met nous même des couleurs, je ne sais pas
Moi-même, j'ai du mal à m'y faire avec toutes ces conventions d'ergonomie au niveau couleurs...au point où je m'en viens à commencer à remettre en question ma section "analyse de design" sur mon forum parce qu'en voyant vos réponse, j'ai l'impression d'être cruche en ergonomie (alors que j'en connais un pan sur la taille des images, la qualité graphiques des icones, ainsi que la cohérence de l'ensemble) et ça va finir que je n'oserai même plus poster ma galerie des thèmes de forums réalisés si ça continue (j'ai déjà pas beaucoup confiance en moi, donc...) Je trouve les thèmes sombres relaxants parce que t'as pas la "pleine lumière bin vive" devant ta face quand yé 11h le soir et que ta lampe à côté de l'écran n'est pas toujours allumée, en plus que si t'as un début de migraine, tu deviens moins tolérant à la lumière vive. Les seules choses qui me sont évidentes en ergonomie c'est : 1) éviter de n'avoir QUE des couleurs ultra saturés mur à mur, genre un jaune pétant ici, un cyan pétant là, un rouge ultra flash là, pis le magenta ultra-vif comme fond (oui oui, j'ai vu des cas comme ça !), et 2) faire en sorte que les textes soient assez contrastés par rapport aux fonds, genre éviter les textes bleu marine sur un fond noir, et le rouge sur bleu moyen. Mais après, on tombe dans les subtilités qui sont plus difficile à saisir pour quelqu'un qui a des traits autistiques.

Et pour la première phrase de Bridget, ça me rappelle ce que Blood, mon modo, m'a dit au sujet des réponses postées sur GA quand je lui montrais les topics de mon WIP du webdesign bleu que j'ai finalement abandonné :
Blood a écrit :Et Gimp Attitude... entre des "tu "tapes" dans la couleure..." des " ca jure" et tout, j'ai rien compris ;D
Donc, il ne trouvait pas les explications assez accessibles. Et pourtant, il n'en est pas à ses premières armes dans les thèmes de forums : il a plusieurs thèmes forumactif (tous orientés fantasy) à son actif et il continue à progresser. Et j'ai remarqué que Bridget et Blood ne sont pas les seuls, j'ai vu d'autres cas.

> flamme : Quand je parlais de "site offrant un style pour malvoyants", je parlais de style alternatif, et non de style principal. Par exemple, ce site en a un comme style alternatif.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Répondre