Pages :
Salut à toutes et tous,

(Bonnes vancances pour ceux qui y sont déjà)

Je viens de faire des changements sur mon site.
Cela concerne le menu et le "header" principalement.
Merci à toutes et tous pour vos remarques précédentes et merci à Stephan pour la photo "made in son frigo"

En gros, ça passe de : http://dieteticien.biz
à : http://dieteticien.biz/nouveau/index.php

J'hésite aussi sur une variabilité :
http://dieteticien.biz/nouveau/index.php
ou
http://dieteticien.biz/nouveau/index2.php

Toutes les pages ne sont pas faites ; je bosse lentement Smiley confused du fait de mon incompétence.

J'ai aussi fait un test différenciel avec :
http://dieteticien.biz/nouveau/recettes.php
ou :
http://dieteticien.biz/nouveau/recettes.htm

Comme d'habitude --> Lachez vous ; même pas peur !

Je finirai en fonction de vos remarques ; je dois dormir un peu avant ma journée de 12h de boulot de demain Smiley confus alors autant pas perdre de temps.

@+


Message édité pour passer en résolu Smiley edit Modifié par dieteticien (19 Jul 2005 - 11:32)[/edit]
Salut,

je trouve cette dernière mouture pas mal du tout: claire, lisible,, etc...bien, quoi!!!

Petites remarques: je trouve que la couleur fuschia-violette des petits champis lorsqu'on passe la souris dessus, c'est moyen. Ensite, pas la peine de préciser ceci:
a écrit :
Je dois encore travailler pour améliorer ce site et le rendre totalement conforme aux règles mais l'informatique n'est pas mon métier.
N'est pas WebMaster qui veut !

Ca te dévalorise inutilement...
Coucou !

Et bien ya du changement !!

Je trouve cela assez réussit mais je ferai quelques "harmonisations" de couleurs...

Un vert un peu plus dynamique pour le header : (#4B9900)
Plus de rouge car il ne va pas avec, mais plutôt un marron clair (#998200) et un fond moins rose (#F5EEDE).

Propositions bien sûr Smiley smile

Sinon, pour le header je mettrai le titre en moins gros, et plutôt : deteticien.biz que http://dieteticien.biz .

Pour le survol des boutons je ne suis pas fan non plus.
Le principe est sympa mais avec d'autres couleurs Smiley smile

upload/499-bande.jpg
Modifié par johanna33 (06 Jul 2005 - 14:00)
Salut,

Merci pour les remarques.

Pour le survol du champi-barre (re-merci Stephan), c'est "juste" un test en négatif.
Je vais chercher autre chose
En fait, je voulais différencier le lien simple, le lien hover et le lien visité.
Je reverrai donc le hover cette nuit.

Pour le bandeau ; Merci Jo mais ... heu ... "comment c'est-y qu'on fait un fondu" ; surtout avec des moufles et des doigts gauches (pouces en plus) à chaque main ???

Je vais tester les couleurs mais pour le fondu, c'est raté d'avance (je sais pas faire)
Je pensais aussi rester en bandeau texte avec inclusion de l'image et ne pas faire un bandeau entièrement graphique (car j'ai pas les outils pour le faire)
C'est du fait d'un bandeau non graphique que j'avais pas la même couleur de vert que la feuille de laitue.

Pour le bordeau ... c'est pas du bordeau ; c'est du "cerise" Smiley cligne

En tout cas merci à vous 2 ; je me remets au boulot ce soir ...

Par contre, quelle version ?
http://dieteticien.biz/nouveau/index.php
ou
http://dieteticien.biz/nouveau/index2.php

Perso, je trouve la version http://dieteticien.biz/nouveau/index.php moi agressive, non ?

bye
Je préfère la première moins agressive effectivement.
Si tu veux, je te fais l'image du champignon juste avec un fondu que tu pourras utiliser.

Pour un bandeau non graphique, je ne vois pas le problème pour le vert...
La solution que je t'ai proposé est uniquement textuelle mis à part le champignon... C'était juste pour illustrer ma pensée de "texte trop gros".

Bon courage.
johanna33 a écrit :
Si tu veux, je te fais l'image du champignon juste avec un fondu que tu pourras utiliser.

Heu ... C'est si gentillement proposé que je ne me vois pas refuser ; ça serait mal poli de ma part Smiley biggrin Smiley langue


johanna33 a écrit :
Pour un bandeau non graphique, je ne vois pas le problème pour le vert...

Je testerai les codes couleurs que tu as donné alors. Si tu as fait ce bandeau en texte, je dois y arriver aussi Smiley cligne


johanna33 a écrit :
La solution que je t'ai proposé est uniquement textuelle mis à part le champignon... C'était juste pour illustrer ma pensée de "texte trop gros".

Je le note et vais donc suivre cette remarque qui me semble pertinante

Question :
C'est "valide" de redimensionner les <H1> et <H2> via CSS pour modifier leur taille ?

En effet, je souhaite avoir une logique sur mon site (pour les navigateurs texte) et donc le titre du site en <H1> ; le sous titre en <H2> puis les titre de "page" et/ou paragraphes (selon les pages) en <H3>

@+
a écrit :
C'est "valide" de redimensionner les <H1> et <H2> via CSS pour modifier leur taille ?


Oui!



a écrit :
En effet, je souhaite avoir une logique sur mon site (pour les navigateurs texte) et donc le titre du site en <H1> ; le sous titre en <H2> puis les titre de "page" et/ou paragraphes (selon les pages) en <H3>


En respectant cet ordre, tu peux redéfinir chaque taille.
dieteticien a écrit :

Question :
C'est "valide" de redimensionner les <H1> et <H2> via CSS pour modifier leur taille ?

En effet, je souhaite avoir une logique sur mon site (pour les navigateurs texte) et donc le titre du site en <H1> ; le sous titre en <H2> puis les titre de "page" et/ou paragraphes (selon les pages) en <H3>

@+


Oui Diet Smiley cligne mais pas pour les navigateur texte, par définition, il ne lisent pas les css... par contre, tu peux pour les navigateurs graphique.

Les navigateurs qui ne lisent pas les css feront ce qu'il faut Smiley murf
Modifié par dominique (06 Jul 2005 - 18:02)
Bon ben, un truc vite fait :
http://dieteticien.biz/nouveau

Je trouve le vert trop fluo mais comme j'ai piqué le dégradé de Jo, j'ai été obligé de resté dans le ton Smiley cligne

A priori, "parfait" sous safari ; sous FF1.0.4 mac ; sous FF1.0.4 windows98 et sous IE5.5 w98
Merdouille sous IE5.2 Mac car la phrase en <H2> dépace du header Smiley decu

ça roule pour vous ?

Edit ; un ami m'annonce que ça merdouille sous linux FC3
firefox
konqueror
Modifié par dieteticien (06 Jul 2005 - 23:02)
Pour le vert trop fluo, tu me donnes celui que tu veux utiliser et je te fais le dégradé en fonction.

Tu veux vraiment garder le "cerise" Smiley smile ?
johanna33 a écrit :
Pour le vert trop fluo, tu me donnes celui que tu veux utiliser et je te fais le dégradé en fonction.

Je cherche, je cherche (mais là, je suis au boulot donc juste le soir) ...
Le problème, c'est le rendu des couleurs qui est différent selon les écrans.
Je pense utiliser la boite à couleur (trouvée sur pourpre.com) pour tester des verts issus de la feuille de salade.
Mes tests d'hier soir se sont rapidement arrêtés du fait de l'utilisation de ton dégradé Smiley cligne (fallait que je reste sur TA couleur)
En tout cas, merci d'avance Smiley biggrin


johanna33 a écrit :
Tu veux vraiment garder le "cerise" Smiley smile ?

Ben, je trouve que ça donne un peu de joie et de vie Smiley sweatdrop Non ?!? Smiley ohwell
Cela dit, c'est juste du CSS, ça se change facilement en fonction du sens du vent Smiley cligne

Edit :
Ma stagiaire diététicienne me suggère de faire un style en fonction des saisons !
Pamplemousse et style jaune pour l'été ; Marron et style marron pour l'hiver ; ...
C'est rigolo les stagiaires ... ça croit que tu dors pas la nuit ...
Modifié par dieteticien (07 Jul 2005 - 12:01)
Oui le cerise est sympa comme couleur mais je trouve qu'il ne va pas avec le vert...

L'idée de ta stagiaire est sympa Smiley smile
Tu n'as qu'à créer des profils couleurs et tu changes ta css le jour des saisons, en 2 sec Smiley cligne

Pour le vert, celui là est-il mieux : 83BD39 (tiré de la salade).

Voici le dégradé pour celui-ci. (il faudrait mieux la photo de base du champi car la qualité de l'image se dégrade un peu qd même).

upload/499-champi2.jpg
Modifié par johanna33 (07 Jul 2005 - 12:54)
Salut,

J'ai jeté un rapide coup d'oeil et il y a visiblement des problèmes lorsqu'on agrandit la police sous IE 6 (win)... le menu déborde sur le texte.

@+, Cédric.
a écrit :
il y a visiblement des problèmes lorsqu'on agrandit la police sous IE 6 (win)... le menu déborde sur le texte.


Vu le nombre de coups de roulette de souris nécéssaires, ça ne me semble pas rédhibitoire...
AAAARRRRGGGGG !!!!!

Je viens de passer 2 heures dans mon bureau sur le vieux PC windows écran CRT 15 pouces à refaire les couleurs et ... en revenant tester sur le Mac, le vert est TOTALEMENT différent Smiley decu

C'est vraiment pénible ces différences d'interprétation des couleurs selon les écrans !

La version est http://dieteticien.biz/nouveau avec modif des 4 feuilles de style CSS
(seules les 5 1ères pages sont en ligne))
Bravo ! Ça a nettement plus de saveur !

Petite remarque : personnellement, j'utiliserais une lettrine seulement sur le premier paragraphe d'une nouvelle section, pas à chaque paragraphe...
a écrit :
personnellement, j'utiliserais une lettrine seulement sur le premier paragraphe d'une nouvelle section, pas à chaque paragraphe...

+1

Pourquoi n'uilises-tu pas le dégradé proposé par Johanna33 pour ton bandeau?
Stephan a écrit :
Bravo ! Ça a nettement plus de saveur !

Merci ; c'est pour beaucoup grâce à toi ! Smiley smile


Stephan a écrit :
personnellement, j'utiliserais une lettrine seulement sur le premier paragraphe d'une nouvelle section, pas à chaque paragraphe...

OK ! Je vais modifier ça ; merci.


bouquins a écrit :
Pourquoi n'uilises-tu pas le dégradé proposé par Johanna33 pour ton bandeau?

Ben ... Heu ... C'est encore un vert différent alors le dégradé ne marche pas Smiley confus
En fait, il faudrait un dégradé qui parte du blanc de l'image et qui aille vers la gauche en se "dégradant" en transparent afin que je puisse utiliser le même dégradé quelque soit la couleur de fond Smiley cligne

Là, je suis sur un PC fixe avec un écran CRT 14 pouces et le vert est joli.
Je ne sais plus que choisir.

Reste plus qu'à faire un thème jaune/pamplemousse ; un thème marron/chataigne ; un thème orange/clémentine et un styleswitcher Smiley sweatdrop
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)
Pages :