3246 sujets

Critiques de vos sites: code et design

[Résolu] Votre avis

Pages :
(reprise du message précédent)

Tu peux me donner la valeur de ton vert et je te refais le dégradé sinon.
Car un dégradé vers le transparent c pas gérable, car seul le PNG peut faire ça correctement et sous IE... hmmm comment dire... ça marche pas !

Sinon le vert est sympa, je réduirai encore un peu la taille du slogan (surtout qu'avec le dégradé, ça va se chevaucher) et pas de bleu...

Je sais je suis casse-******* mais les deux couleurs ne vont pas ensemble.

L'outil parfait : http://colormixers.com/mixers/cmr/
Pour le coup, il faudrait associer d'autres verts. (#6EA10A)
Pourquoi pas.

Sinon tu peux avoir du vert et du marron (c assez chaud comme couleurs)
En prenant ce vert : #548A00 (R: 84 G: 138 B: 0)
Et ce marron : #8A6300 (R: 138 G: 99 B: 0)
Voir sur colomixers les autres tons plus clairs...

Bon courage encore une fois.

Pour ton vert actuel : upload/499-champi3.jpg
Modifié par johanna33 (08 Jul 2005 - 10:13)
Bon ben voilà ...
Les dossiers tests ont été effacés
Dieteticien.biz est devenu vert.
dieteticien.biz est mort ; vive dieteticien.biz !!!

Chaque page a été modifiée au niveau code.
Reste à paufiner les feuilles CSS au cas où (j'ai tenu compte de certaines de tes remarques Joh, mais de toutes pour le moment)
Juste pour le fun ...
Un test vite fait (c'est pratique les feuilles de style Smiley cligne )

Un style "jaune"
(l'image ne restera pas puisque c'est du piqué via google)
Modifié par dieteticien (09 Jul 2005 - 02:12)
bouquins a écrit :
Les liens jaunes sur fond blanc...aïe les yeux!!

Quel(s) lien(s) jaune(s) sur fond blanc ??? Smiley rolleyes

bouquins a écrit :
Et dédicace au lieu de dédicasse Smiley cligne

Non, là, vraiment, je ne vois pas ... Smiley rolleyes


Smiley lol
Modifié par dieteticien (09 Jul 2005 - 21:03)
johanna33 a écrit :
J'aime bien en jaune Smiley smile


ça veut dire que : (*)

1 - tu voudrais voir ce style appliqué au site officiel ???

2 - tu souhaites que je ponde un styleswitcher ???

(* : possibilité de réponses multiples)
bouquins a écrit :
Quel(s) lien(s) jaune(s) sur fond blanc ???


Ben moi, je les vois toujours... Smiley biggol

Si c'est du menu que tu parles, c'est pas blanc, c'est #fffff6, soit blanc cassé Smiley sweatdrop
Je pensais que tu parlais du fil d'Arianne. Smiley confused (que j'ai évidemment modifié)

Tu le verrais comment toi ce menu ?
a écrit :

Si c'est du menu que tu parles, c'est pas blanc, c'est #fffff6, soit blanc cassé


Hmmm....bien sûr... Smiley ohwell

Concernant les couleurs du menu, je les verrais simplement plus visibles.
A toi de voir...maintenant, si toi, cela ne te dérange pas, ne change rien! Peut-être suis-je le seul à être gêné par ces couleurs, après tout...
dieteticien a écrit :


ça veut dire que : (*)

1 - tu voudrais voir ce style appliqué au site officiel ???

2 - tu souhaites que je ponde un styleswitcher ???

(* : possibilité de réponses multiples)


2 --> prévoir un styleswitcher, ou proposer ces couleurs pour l'été Smiley smile
bouquins a écrit :
Concernant les couleurs du menu, je les verrais simplement plus visibles.
A toi de voir...maintenant, si toi, cela ne te dérange pas, ne change rien! Peut-être suis-je le seul à être gêné par ces couleurs, après tout...


J'entends bien tes remarques et je t'en remercie.
C'est juste qu'au départ, c'était seulement un truc pour déconner.
Bien sûr, si ce "skin" est retenu, je passe le menu en écriture noir (je pense)
johanna33 a écrit :
prévoir un styleswitcher, ou proposer ces couleurs pour l'été Smiley smile


Ouaips ben avec un styleswitche, on est pas au bout de nos peines.
nul comme je suis ... Smiley ohwell Smiley sweatdrop

Cela dit, je trouverai ça super cool (bien que totalement inutile)
dieteticien a écrit :
Cela dit, je trouverai ça super cool (bien que totalement inutile)


L'utilité d'un style switcher ?

Il peut y en avoir de plusieurs sortes.

En premier lieu, bien qu'encore totalement inconnue de la plupart des internautes, la possibilité de choisir entre plusieurs présentations d'un site est cool. Elle peut contribuer à leur donner une expérience de navigation plus attirante.

Ensuite, les styles alternatifs peuvent être un moyen (limité) d'adaptation au média. Sur la base d'une présentation par défaut aussi interopérable que possible, on peut offrir par exemple des présentations plus spécifiques pour telle résolution.

Enfin, sur la même base par défaut aussi accessible que possible, des CSS alternatives peuvent être des réponses (limitées) à des problématiques d'accessibilité, en sachant que le visiteur doit toujours être laissé totalement libre dans le choix de ses solutions, et que ce n'est donc pas une excuse pour faire, par exemple, une CSS par défaut avec des tailles de caractères en px (IE). Les styles alternatifs figurent d'ailleurs parmi les solutions d'accessibilité officielle de la WCAG1.0

<edit>Il y a encore d'autres usages qui peuvent se révéler très rentables selon le site. Par exemple, proposer plusieurs rendus d'impressions différents d'un document</>
Modifié par Laurent Denis (11 Jul 2005 - 21:44)
Laurent Denis a écrit :


L'utilité d'un style switcher ?

Il peut y en avoir de plusieurs sortes.
(...)


Bonsoir Laurent,

J'ai déjà lu au moins une de tes remarques sur le style switcher.

Pour moi, ça serait juste de proposer des "styles pour le fun" et un style "nu" pour l'impression.
Peut-être un style avec du texte en 1,5em pour montrer qu'on peut le faire (je ne suis pas sûr du tout de le faire celui-là)

Je viens à l'instant de trouver ça :
http://css.alsacreations.com/Tutoriels-PHP/style-switcher-php

(via ce lien* http://css.alsacreations.com/xmedia/exemples/switcher/ donné par lemenuisier)

Alors merci à Olivier pour les explications en français parce qu'avec ça (trouvé via ce lien lui même trouvé via ce lien) j'étais pas sorti de l'auberge (je suis archi nul en anglais)

* : sur cette page "bac à sable", il faudrait noter le lien vers les tuto de façon plus clair car je ne pensais pas que l'image "bac à sable" renvoyait vers une autre page.
Salut,

Juste pour vous dire que je suis passé au style switcher (sans grande prétention vu mon niveau graphique).
J'ai mis mes 2 styles de couleur et une version sans CSS.
Je n'ai pas osé mettre mon test.

Merci à Olivier (Elmoustiko) pour le tutorial pas difficile à mettre en place (... si on prend soin de bien tout lire Smiley confused ).

Tests sous Mac avec :
- Safari 1.3 (v312)
- FF 1.0.4
- IE mac 5.2

Il me reste les tests sous W98 pour IE5.5 et FF1.0.4 + linux avec FF1.0.4 et Konqueror.

ça merdouille sous IE mac 5.2 à cause d'un mauvais positionnement du style switcher.

Question :
Je ne peux pas m'affranchir du formulaire et mettre juste des liens pour ce style switcher ?

Merci,
Bonne nuit
Modifié par dieteticien (15 Jul 2005 - 02:36)
Salut,

Rapidement, je dois filer :
Tu peux sans problème ne pas utiliser de formulaire.
- Tu créer tes liens : mapage.php?style=nomdustyle
- Tu remplaces les "POST" par des "GET" si tu n'a plus du tout de formulaire :

if(isset($_GET['change_style']))
// On vérifie que le formulaire a été soumis
{
	if(file_exists("./".$_GET['style']."/style.css"))
	{
		// On fait un cookie d'une année de durée pour garder en mémoire le style choisi et le récupérer à la prochaine visite

		setcookie('style', $_GET['style'], time()+(365*24*3600)) ;
		// Si le fichier *.css existe on définit une variable $css correspondant au style choisi
		$css = $_GET['style'] ;
	}
}


voilà, si t'as réussi, si personne ne t'a aidé (j'en doute). Je te detaillerai ça Smiley cligne
Merci

Je testerai dès que OVH aura réparé le serveur.
Auncu de mes sites n'est accessible par le net ni par le FTP Smiley sweatdrop
ça fait 20 minutes que je rame
Smiley decu Smiley fache

Edit ; ta technique ne marche pas.
En fait, je nai sans doute pas fait ce qu'il faut ...
(Mais mon incompétence est grande en la matière)
Modifié par dieteticien (16 Jul 2005 - 01:10)
Bon ; ben, j'en suis à la mise en place des raccourcis clavier Smiley cligne

Comme "on" m'a dit que XHTML et CSS ça fait pas tout Smiley cligne

mon site est donc :
- xhtml 1.0 strict
- valide CSS
- allégé via include PHP
- sans tableau
- avec style switcher (gadget avec 4 styles "couleur" et 1 style "nu")
- avec navigation par tabulation qui est OK

La navigation par raccourcis clavier est en cours ...

Pour l'accessibilité,
- La page http://www.acces-pour-tous.net/validateur/validateur.php me dit que c'est OK :

a écrit :
Bravo ! il y n'y a pas d'erreurs de détectées sur votre page, prenez tout de même le temps de vérifier les éventuels avertissements et de valider les points non vérifiables automatiquement.

Priorité 1 : Il y a 0 erreur et 1 avertissement
Priorité 2 : Il y a 0 erreur et 0 avertissement
Priorité 3 : Il y a 0 erreur et 1 avertissement



- Le site http://www.ocawa.com/Testez-votre-site_6_fr/ me dit (presque) aussi que c'est OK :

a écrit :
ELEMENTS :
Ensemble des éléments audités : 1 remarque
Recommandations génériques : Pas de remarque.
Les fenêtres : Pas de remarque.
L'organisation des pages : Pas de remarque.
Les cadres (frames) : Pas de remarque.
La présentation du texte : Pas de remarque.
Les tableaux : Pas de remarque.
Les hyperliens : Pas de remarque.
Les boutons, les menus, les 'roll-overs' : Pas de remarque.
Les formulaires et champs de saisie : 1 remarque.
Les moteurs de recherche et autres fonctions : Pas de remarque.
Les images : Pas de remarque.
Les scripts, applets et objets multimedia : Pas de remarque.
Le site : Pas de remarque.

Modifié par dieteticien (19 Jul 2005 - 11:43)
Je passe en [résolu] puisque je m'écarte doucement du sujet de départ.

Merci à toutes et tous pour l'aide directe et/ou les critiques.

Peut-être rdz-vs dans le forum accessibilité ...
Juste une petite faute en page d'accueil...

"Une logiciel"... c'est rigolo, ça fait un peu italien, mais je crois que ce n'est pas ton but Smiley cligne

Sinon, j'aime bien les différents styles.

Un petit css pour ton bouton de stylewitcher ne serait pas de trop... (couleurs / bordures).

Bon courage.
En tous cas ce petit site a bien avancé en quelques mois...
Pages :
Sujet clos
Aller à