Test de visibilite nouveau design cssRésolu/Fermé

Question

SALUT

 pour ceux qui me connaissent je suis sur une modif  importante de mon site  (2 versions une css et une flash peut etre 3 si je finalise la version  javasun!!!)
 je voudrais juste un test sur la visibilite des textes dans l ebauche de la version CSS!!(surtout la page home !!)
seul les liens  home et dhtml sont opérationnel 

 je sais ce que vous allez dire !! POURQUOI L ENGLAIS :-)) bah je maitrise mieux :)) loool  !!!

la version final seras bilingue :))

LE LIEN

Merci de vos appréciations et idees :-))

RAD

jee pee · Answer

bonjour,

joli, ça a de la gueule !

Comme toujours les commentaires sont des impressions personnelles :

- le >> en tete du texte associé à chaque titre de l'accueil fait moins moderne que le reste

- sur home, le fonds d'ecran reprenant l'accueil me gène pour lire sereinnement le texte.

- je n'ai pas une grosse taille d'ecran (ultra portable 12") mais j'ai un ascenceur au bas de la page qui ne se justifie pas par le contenu affiché

 cdt

RAD ZONE · Answer

SALUT Jee pee

joli, ça a de la gueule ! 
 merci :)

 les >> effectivement  je reverrais ca !!

 le scroll je n avais même pas fait gaffe ;) merci ! mais faut dire que j ai un écran  grand comme une baie vitrée  :-))
 je m  occuperais de ces 2 petit détails a la finalisation !

sur home, le fonds d'écran reprenant l'accueil me gène pour lire sereinement le texte. 
c est justement mon petit soucie car j aimerais garder le fond tel quel mais arriver a rendre la lecture texte plus "sereine" ;))
je vais essayer de travailler sur la couleur du texte ! mais je pense devoir rester dans des ton blancs !! ce qui ne laisse pas beaucoup de marge !! 

 enfin merci encore pour  tes appréciation intéressantes qui me servirons 
a+

RAD

Dalida · Answer

salut,

joli, super, bravo !
j'adore les idées, je félicite le travail.
bon, y a des trucs qui collent pas mais c'est tellement prometteur que je n'en retiendrais que ce qui m'a plu.

pour ce qui m'a déplu :

•  sur la page d'accueil je trouve 'home' et 'demo' trop proches.

•  les chevrons me semblent moi aussi un peu "vieillots".
en plus il manque parfois un espace avec le texte (pour les remplacer, je verrai bien un des caractères spéciaux dans les html entities).

•  le curseur en croix, bof, bof, bof…

•  (j'adore l'idée de la fenêtre fermable au dessus du fond d'accueil mais) c'est tout simplement illisible !
il faudrait que la fond soit affiché en filigrane ou peut être ajouter un fond semi-transparent à la pseudo-fenêtre (comme un papier calque).
je me demande ce que ça peut donner sur un moniteur sombre.

pour le dhtml, un des derniers topics de Jacobéo m'avait déjà mis l'eau à la bouche mais là, je suis sur le cul… grandiose !
il n'y a que le temps de chargement qui me surprend un peu, mais ça vaut le coup d'attendre. par ailleurs il n'y a pas de retour à l'index.
tu me laisse le temps de jouer encore un peu avec (oui, oui, je joue avec…) et on en reparle techniquement ?

encore bravo et bon courage pour la suite !

gryzzly · Answer

:s dhtml/ajax/tout ce que tu veux : trop lourd! 20 secondes a charger, ca me déprime... et tu a du penser a ta resolution d'ecran seulement, chez moi les images proposées sont coupées en haut et en bas... et restent en taille réelle lorsqu'on enleve le curseur.

sinon, bonne continuation, je prefere ce debut de nouvelle version a la precedente tres moche :p (pas taper moi!)

RAD ZONE · Answer

loool 

 vous affolez pas la page dhtml et juste la pour  remplir le lien :))))

 je metrais une moins lourde en ouverture sur le final  :-))

mais 20 secondes ?? ca me parais enorme ???

meme en wifi en thailand avec 256K les bon jours ;)) !! je n est jammais mis plus de 12 secondes ??

 RAD

king · Answer

Je dois être dans la 4éme dimension car le new est une page noire, peu importe le navigateur ???

le: http://radservebeer.free.fr/ est apparemment peu compatible IE/Firefox (mais ça doit être l'ancien)

Bref aucune idée, mais l'important est de participer ;-)

Dalida · Answer

re,

le temps d'arrêter de jouer avec la page dhtml que j'adore toujours autant de par sa simplicité&hellip;
(oups, ça va grogner&hellip;)

d'ailleurs je suis bien couillon… je voulais me pencher sur le DOM alors que j'ai codé la semaine dernière la sonorisation d'un site avec une temporisation aléatoire qui utilise le DOM. je n'avais même pas fait le rapport&hellip;
(bleubite&hellip; vous pouvez chambrer&hellip;)

j'ai essayé mes propositions.
effectivement, étant donné ta charte ni le filigrane (j'ai assombri les textes de l'accueil) ni le fond transparent (du noir pur en jouant sur l'alpha) ne peuvent donner de solution correcte.
dommage, j'aime beaucoup l'idée.
en inversant les couleurs pour la fenêtre ? mais je suppose que les couleurs de fond claires c'est pas ta tasse de thé&hellip;

sur la présentation en générale, je suis déçu par le comportement quand on agrandit la taille du texte. je pensais que tout resterait centré. mais au premier clic ça déborde à droite, au deuxième y en a carrément la moitié dehors !

bref, bon courage !

RAD ZONE · Answer

SALUT
 Dalida

oui je fait en sorte que mes sites soit pile poils pour 800 X 600 mini!! en dessous la  je garanti pas que tout rentre :))

FFOX

IE7

OPERA la il y as une legere difference!!

 oui le Ø est bien mieux ,
 j avais essaye le ¶ 
mais j ai essayer de creer un &ipara;  qui bien entendu est une entities qui n existe pas ,pour la fin de phrase  :-)) on peut rever !! mais cela aurais ete pas mal visuelement !

 sinon je  fait toujours des essais pour ameliorer la lecture et au vue des resultat !! ca s annonce coton :)) je vais essayer le braille :)) loool

A+

RAD

Gihef · Answer

Bonjour,

Oui, vraiment, bonnes idées.

Pour la lisibilité, il me semble que si tu assombris les textes de fond, l'identité restera présente.
J'ai essayé :.bgtext, .footertext {
	color: #121212;
         …

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7 , div#text8 {
	color: #1c1c25;
         …et, bien que ça soit plus discret, ça reste présent.
Tu peux peut-être faire encore plus sombre ?
Ou peut-être qu'en colorant imperceptiblement le texte du #content (color : #eef;) ?


+
Dans Safari, le “Loading…” reste affiché. Même lorsque c'est loaded.

Gihef · Answer

Ah, tiens.
Ceux-là rappellent le &para; :
  &#8268; &#8268;
  &#8269; &#8269;
Je n'ai pas eu le temps de voir tes chevrons, mais ceux-là sont de simples caractères :
 &#8920;  &#8920;
 &#8920;  &#8921;
 &#8810;  &#8810;
 &#8811;  &#8811;

king · Answer

Bon tite correction à ce que j'ai dis ce jour plus haut :-)

Tit test aujourd'hui (héhé)
-la page est toujour noire mais quelques lien en bleu foncé??? (une cata pour les yeux).
-les liens ne réagissent pas sous maxthon (le seul essai d'aujourd'hui). Donc déjà qu'il faut deviner qu'il y a des liens et en plus ils posent problèmes, suis pas sûre que celà soit en bonne voie :-)

En plus c'est un test sur la visibilité... :-)

RAD ZONE · Answer

SALUT  A TOUS :-))

 tout d abord je vous remercie  de vos conseils !!

 et vais essayer ces solutions  (Gihef) merci !!

 maintenant pour ce qui est de la visibilite general ( prob de King) ! la je suis assez surpris car bien qu il soit tres sombre (gihef me conseil meme de l assombrir :-))!Tu peux peut-être faire encore plus sombre ? ) cela ne semble pas poser de probleme pour les autres ?, et j ai moi meme essaye sur different pc  et non !! pas de prob ! on vois bien les liens ! le bgtexte et la couleur orange sur lien  quand mouseover ?? donc vraiment  je ne vois pas pourquoi tu ne vois rien ?? 

je n ose te dire que c est ton ecran !! mais  tu est le seul  a avoir ce probleme !!
cela dit je te remerci d essayer !! l important etant de participer :))

PS :pour les liens seul 2 sont ope king :)) home et dhtml (ce dernier juste pour faire un lien)

 je vous tient au courant  des evo !!mais j ai pas mal de boulot au bureau en ce moment  alors ca vas peut etre pas aller aussi vite que je voudrais :(
Merci encore

A+   RAD

Dalida · Answer

salut la compagnie,

je t'avais posé la question de ce qui se passerait sur écran sombre car j'ai eu le même problème avec une présentation tout simple (dont j'étais assez content, d'ailleurs&hellip;) :

le fond est #010101.
les liens en #6C4A2D et les traits en #333 sont invisibles (oui, oui, totalement invisibles) sur le moniteur de mon graphiste.
car monsieur a paramétré son écran pour l'impression offset (plus sombre et plus de jaune si j'ai bien écouté). moralité je vais obligé d'éclaircir tout ça, moi qui ai du mal à accorder les couleurs&hellip; on verra quand j'aurai fini le php !!!

bonne journée à tous !

RAD ZONE · Answer

SALUT

 BON  mal grès que  je n est pas fait toutes les modifs voulu !! j ai décide de mettre la nouvelle version en ligne !! je  vais donc continue le développements  et apporter les modifs au fur et a mesure !! j en avais mare de l ancienne version !!

 donc comme d habitude !! critiques et conseil sont les bienvenues !! :)) enfin pas trops les critiques ;-)) looool 

RAD ZONE

RAD

RAD ZONE · Answer

SALUT

 impeccable ta modif !! ca m'éviteras  la vs  clair que j avais mis et qui ne m emballais pas !! merci !!

 pour la barre scrol je verrais  + tard !! sur ffx elle est noir et vraiment  moins gênante c est  vrais que sur IE et opera elle fait tache !! 

RAD

Dalida · Answer

no no no,
suis sous win FF 2 et c'est la barre par défaut !
mais pourquoi ne pas laisser la fenêtre s'étaler normalement vers le bas ?

pour le son, je préfère lorsqu'il est désactivé par défaut et qu'on peut le mettre quand on le veut. sinon c'est trop "intrusif" à mon goût.

RAD ZONE · Answer

regarde le png de bg noir devient gris !!!!!!

http://radservebeer.free.fr/newsite/2_couleurs/home1.html

RAD ZONE · Answer

j ai pris le tien !!! html,css et png sont les tiens j ai juste change le nom du css du html et leur  liens

RAD ZONE · Answer

ok le png dans le rar est bon 

par contre encore des probleme avec IE :((( sur les entites !! 

les &#10070; et d autres ne passe pas sur ie !!! sur opera et ffx c est bon !!


RAD

H · Answer

Bon dans l'ensemble, par contre, évite les images en background dans le forum, surtout si il y a trop de différence avec l'arrière plan qui est noir.

Sinon, juste une petite remarque, il faudrait plus de marge pour le texte du div qui se scroll et aussi, mettre un scroll en JS, cela sera beaucoup plus beau qu'un truc lamba auto généré par le navigateur. 

Aussi, le blanc du texte est un peut trop "blanc".

Sinon rien à redire, s'est dans l'air du temps.

RAD ZONE · Answer

SALUT H

 oui le forum je sais !!
 c est l ancienne version !! 
mais je refait tout au fur et a mesure !! par contre pour le js  oui  mais le but est de faire un  pur css sans java ou autres !! 
( sauf bien sur dans les parties  comme dhtml   qui en présenteront !!)

A+

 RAD

H · Answer

Okey okey ^^, Adepte du Dhtml and others ? Tiens, je ne sais pas si tu connais, mais c pas mal du tout cet API : https://mootools.net/


Bon allé, j'y vais, en tout cas bonne chance pour le futur de ton site...

RAD ZONE · Answer

Merci pour le liens !!:))

 je connaissais mais j avais perdu le nom !! :)

hop c enregistre !!

RAD ZONE · Answer

SALUT

 bon j avance dans la mise a jour de mon site !!

 juste un petit probleme !! quelqu un connait il un tres bon traducteur ( softs ou online )!!

 car j avais fait des tuto !! mais tout en englais !! et je voudrais les mettre en francais pour la version francaise du site !
mais me taper 200 pages a traduire et refaire  :(((

si les modif du site ont des default  a vos yeux  dite le moi !!
si vous avez des idees !!:) merci

RAD

RAD ZONE · Answer

MERCI  Dalida 

 Mais ca j ai :))
 c est la flemme de tout  traduire surtout :-))

sinon la navig sur le site ca vas ??

RAD

gryzzly · Answer

y'a un truc qui est moche. quand tu cliques sur une section, tu as mis un "back" dans le titre.
Le lien 'a' est en police de grande taille, le lien 'a:hover' est en police de petite taille. donc si tu te positionnes sur la partie haute de BACK, ca clignote...

je sais pas si c'est clair...

RAD ZONE · Answer

SALUT Gryzzly

 oui ! merci j avais oublier  de changer ca !! :-)) 
c est parce que j utilise la croix en haut a droite quand je teste  !! merci  je vais voir ca toute a l heure !!

RAD

pouete · Answer

Bonjour, bien le site, mais:
je trouve ça grave le nombre de gens qui s'approprient des ressources sur internet sans citer l'origine de leur copier/coller
CQFD...

Test de visibilite nouveau design css

28 réponses

Discussions similaires

Newsletters