Design de WRI version 3

Olivier Duffez (admin)
Membre du personnel
J'achève la mise à jour de tout le site pour passer au design v3 de WRI, suite au concours organisé en juin... Plusieurs centaines de pages ont été analysées manuellement, ce qui explique mon retard (j'avais mal évalué le temps nécessaire).

Le changement sera progressif au cours de la journée, alors soyez indulgents. Je suis conscient qu'il reste encore des choses à corriger, aussi je vous invite à me les signaler en utilisant ce formulaire : https://www.webrankinfo.com/contact.php

En ce qui concerne le forum, un thème est déjà disponible pour ceux qui veulent le tester, mais il me reste des changements à faire.
 
WRInaute impliqué
Tres joli....

Mais il rame énormement (sous Mac OS X et Linux du moins), pourtant sur une config imposante....

(Et avec Deer Park comme navigateur)
 
WRInaute impliqué
Dans mywri:
Warning: Cannot modify header information - headers already sent by (output started at /home/web/webrankinfo.com/wri/index.php:2) in /home/web/webrankinfo.com/forums/includes/sessions.php on line 329
 
Olivier Duffez (admin)
Membre du personnel
[--Eric--] a dit:
Par contre pour le thème du forum la police me semble trop grosse et la revue de sujet en bas est en noir sur noir;-)
peux-tu préciser ce que tu appelles la "revue du sujet" ? es-tu sous IE ?
 
WRInaute passionné
Vraiment sympas ce nouveau design.
Par contre, y'a un truc qui me choque : La taille de la police dans les news sur la page d'accueil, c'est vraiment énorme...
 
WRInaute impliqué
tangui a dit:
arf! on va envoyer des doublons, voir triplons à olivier :oops:
Ouep, mais je pense qu'il est pas trop occupé en ce moment, ça lui fera de la lecture :lol: .
Pour la police je suis un peu d'accord avec e-kiwi, mais c'est surtout l'espace lettre qui me paraît un peu juste, non ?
 
Olivier Duffez (admin)
Membre du personnel
je viens de corriger le bug sur la page d'accueil (colonne de gauche)
pour le fond noir, je vais chercher quelle connerie nous fait IE car avec Firefox je n'ai pas de pb...

pour la taille de la police, précisez-moi où ça cloche SVP
 
WRInaute impliqué
Sur la page MyWri Résumé :
Effet pas très heureux sur la police et les couleurs dans le cadre donnant le résumé. Semblent être une taille et une couleur par défaut.

Edit: idem pour l'annuaire, sans doute tout cela est en cours de changement...
 
WRInaute discret
Ah ouais le bug réparé, ça rend bcp mieux la page d'accueil 8)
Pour la police, je sais pas dire exactement ce qui me gène, peut-etre qu'il faut simplement que je m'habitue..
C'est plutot dans les pages du forum, et quand la police est de petite taille et en gras.
 
WRInaute impliqué
Yes 8) ,
My wri est corrigé visiblement :D ,
Par contre dans le cadre "revue du sujet" toujours, il me semble qu'il y a la police par défaut :p ,
 
WRInaute impliqué
Recherche sur la page d'accueil de WRI

Salut,

Super le nouveau design.....

Le forumlaire de recherche en haut à droite n'affiche pas de résultat. Un petit bug?

exemple de recherche sur le mot rss
 
Olivier Duffez (admin)
Membre du personnel
Re: Recherche sur la page d'accueil de WRI

haderach a dit:
Salut,

Super le nouveau design.....

Le forumlaire de recherche en haut à droite n'affiche pas de résultat. Un petit bug?

exemple de recherche sur le mot rss
c'est corrigé
 
Olivier Duffez (admin)
Membre du personnel
je ne connais pas maxthon, je vais devoir attendre l'avis d'un spécialiste en CSS et des navigateurs...
 
WRInaute occasionnel
Bravo Olivier, je viens d'être très surpris en voyant cela.

Au sujet du problème ci dessus, c'est lié à la taille de la baseline. Le texte est en police de caractère plus grande que normalement et pousse le caque ce qui fait répéter le logo. Je t'enverrais la CSS modifié ce soir si tu veux.

Hésites pas si tu as encore des questions en tout cas, je suis dispo !

Aussi, pour le menu de droite et le lien forum, il faut que l'image du bas au dépliement soit plus longue afin de faire le raccord avec le haut.


Mais je regrette quand même les images originales des pages : http://www.accessinet.fr/webrankinfo/index.htm http://www.accessinet.fr/webrankinfo/analyses.htm

Merci encore à Jérome Meunier de m'avoir aidé à gagner ce concours sympathique.
 
WRInaute discret
Très beau design ;)

Juste sur l'index, les news sont pas assez mise en avant je trouve (par rapports aux sujets du forum)
 
WRInaute occasionnel
Un grand bravo à toi Olivier pour ce travail conséquent (mais aussi aux vainqueur du concours ;)).

Je vois effectivement que l'image d'arrière-plan originelle a été supprimée.

Celle du concours a dû être jugée inadaptée (?), mais personnellement je pense qu'un arrière plan dans le header le ferait mieux ressortir, non ?

Et ce serait plus convivial, plus "style" aussi. Ne crois-tu pas ?
 
Olivier Duffez (admin)
Membre du personnel
Le header est déjà très haut, je ne suis pas pour ajouter une image. D'ailleurs Julien (le vainqueur) est au courant ;-)
 
WRInaute occasionnel
juliofromlille a dit:
En XHTML 1 Strict tu ne peux pas mettre de _blank, sinon tu ne valide plus. Voila l'explication
Oui en fait, au-delà de l'aspect "technique" et "valide", c'est plutôt une question d'"éthique" et de respect de la navigation de l'utilisateur (le but étant de ne rien imposer au visiteur).
Sinon il est assez simple de contourner cet aspect de validation pure.
 
Nouveau WRInaute
belle version qui prolonge l'ancienne sans nous désarmer. L'identité du site reste, et ce nouveau look très travaillé rend la navigation beaucoup plus simple et plus pratique.
Bravo
 
WRInaute discret
Bof autant j'adorais le design (notemment le header) qui avait gagné le concours autant la je trouve ca moins bien qu'avant, moins claire...etc
 
WRInaute impliqué
J'aime bien la nouvelle version en largeur réduite. Avant de voir cette option, en étant en largeur proportionnelle et en 1280, fenêtre maximisée, j'ai pas trouvé ça terrible (j'ai eu la même réaction que Provok : moins clair, moins lisible). Mais en réduit, vraiment c'est sympa.

Par contre ce qui serait bien, et puisque la nouvelle version est sensée apporter un plus au niveau accessibilité, ergonomie, etc., ce serait de faire enfin une couleur différente pour les liens visités, au moins dans la partie éditoriale.
Et au cas où vous auriez besoin d'arguments, voici un papier du célèbre Jakob Nielsen sur le sujet :
http://www.useit.com/alertbox/20040503.html
 
WRInaute discret
Salut...

Je préfère aussi la taille réduite. Il y'a plusieurs chose qui me gène moi personnelement.
J'aime pas trop la police de caractère du site en lui même, ou dans les news.

Je suis un peu aussi comme les autres, les images header et autre donnait un style plus sympa... et les options qu'avait mit ceux qui ont conçu le layout, style rechercher sur la page accueil backlink et autre m'avait bien plus.

Une dernière chose me gène. Je trouve que le copyright, ou bien le footer comme vous préférez, en gris, est beaucoup trop gros, et que en plus certain mot sont en gras, et sur deux lignes comme c'est plutôt long. Je trouve que c'est un peu dommage.

Sinon le design en lui même est très bien, bien que je pense que je préférais le design du concour, comme il avait été fait au départ. :)
 
WRInaute occasionnel
+1 pour la taille réduite. Je n'ai jamais été fan des tailles qui bougent quand on agrandit la fenetre, ca chamboule souvent le design.
Avec une taille fixe, pensée, on clarifie le site...

Mais je trouve ca génial d'avoir la possibilité de donner le choix : taille fixe, ou taille flotante (ou est passé le format épuré qui était prévu http://forum.alsacreations.com/wri/juli ... alyses.htm ?) Je devrais m'en inspirer (quand j'aurais le temps ;-) )
 
WRInaute impliqué
easyexpat> effectivement, c'était mieux équilibré
sinon, chti bug sur le menu de droite, quand on ouvre forums par exemple, le fond est coupé au bout de qq lignes.
Si le menu pouvait rester déplié tant qu'on est dessus (et pas suelement quand on est sur un lien) ce serait un plus...
 
WRInaute impliqué
Zut j'ai loupé l'évenement, moi qui arrive plus sur forum (n'ayant vu aucun changement). En tout cas chapeau au designer et à Wri pour la mise en forme :)
 
Olivier Duffez (admin)
Membre du personnel
pas évident de plaire à tous, alors on va tenter de plaire au plus grand nombre...

@Dmx : que suggères-tu pour mieux mettre les news en avant ? peux-tu préciser ce qui te gène ?

@rottman : le lien est corrigé, merci

@Provok|Nba : peut-tu me donner des exemples de choses moins claires qu'avant STP, afin que j'améliore ?

@yanhl : j'ai mis une couleur différente pour les liens visités (rose/violet). Toi aussi si tu pouvais me donner des exemples de choses moins claires qu'avant...

@ZironeTheCylon : à part l'image du haut que manque-t-il d'après toi sur la home ? Tu parles des quelques outils qui étaient présentés ? Si vous êtes nombreux à en vouloir, je peux en mettre effectivement.

@EasyExpat : le mauvais lien en page d'accueil a été corrigé, merci.
 
WRInaute impliqué
[quoteberberber a écrit:
Hello, pourquoi pas la version large par defaut ?

A la base le design est en mode extensible Wink[/quote]

oui, mais si je reviens, c est a nouveau en mode 800px
 
WRInaute discret
Je ne sais pas si cela à déjà été signalé mais sous FF (pas testé sous IE) le fond du menu droit ne s'étend pas au déroulement.

Sinon le tout est sympa et +1 pour la version réduite
 
WRInaute occasionnel
pc07 a dit:
Je ne sais pas si cela à déjà été signalé mais sous FF (pas testé sous IE) le fond du menu droit ne s'étend pas au déroulement.
Tu veux dire le menu du Forum ?
Ca marc he tres bien chez moi sous FF.
C'est aussi OK sous Netscape 7.02. Par contre sous Opera le menu ne s'étend pas. Mais c'est pas grave, on accede tout de meme au forum. Je crois que c'est un probleme de javascript qui n'est pas compris par Opera... j'ai un pb identique sur EasyExpat.

(je n'ai regardé que la page d'accueil)

EDIT: Ah le fond... j'avais mal lu... :oops:
 
Olivier Duffez (admin)
Membre du personnel
je l'ai pourtant déjà corrigé (avant le message de pc07) et chez moi c'est OK maintenant. C'est pas le cas pour vous ?
 
WRInaute impliqué
Pour la home: Sur IE, quand on ouvre en fenetre reduite, le menu de gauche se trouve au milieu, et quand on agrandit ensuite la fenêtre, le menu reste au milieu, cachant le contenu principal.
Bon courage.
 
Olivier Duffez (admin)
Membre du personnel
vpx a dit:
J'utilise le mode par defaut en arrivant sur https://www.webrankinfo.com/ et je suis en 1280*1024.
tu utilises le mode stocké dans ton cookie...
je suis moi aussi en 1280 et je n'arrive pas à reproduire ton pb. Bon, ça viendra peut-être plus tard !

@Madrileno : j'ai corrigé un certain nb des pb que tu as listés, mais pas encore tous.
 
WRInaute occasionnel
Pour info, je suis en 1680x1050. Sur Firefox pas de pb a priori. Par contre sur IE le mode étendu génere des problemes avec des logos qui se répetent (le logo WRI apparait 1 fois 1/2 comme sur une copie d'un post précédent). Pas de pb par contre avec le mode fixe.
 
WRInaute discret
Bonjour !

Un grand bravo pour cette nouvelle présentation, agréable et à laquelle on s'habitue très vite.

Sous Firefox, en 800x600 et pour ce que j'ai pu tester, no problem.. 8)

1f_chinois.gif
:D
 
WRInaute passionné
Bonjour,

Globalement, j'apprécie :D

Ce qui me dérange (façon de parler parce que je ne l'utiliserai pas :wink: ) c'est le menu déroulant sur "Forum" (menu de droite) : si j'utilise la mollette pour atteindre les items du bas ou si je déplace à peine la souris (même involontairement), il se referme :eek:
Ce script ne fonctionne pas avec Opera 8.

Amicalement,
Monique
 
WRInaute passionné
:eek: C'est pour pouvoir indexer les recherches, en plus il y a pas de noindex, et une optimisation avec le mot clé en h1 dans le noframes :eek:
 
WRInaute passionné
oui j'avais bien remarqué rottman mais c'est extrémement pénible d'utilisation je trouve sans parler de l'aspect utilité/éthique d'un tel système
 
Olivier Duffez (admin)
Membre du personnel
tom_sawyer a dit:
oui j'avais bien remarqué rottman mais c'est extrémement pénible d'utilisation je trouve sans parler de l'aspect utilité/éthique d'un tel système
qu'y a-t-il de si "extrêment pénible" ??? les frames ?
 
WRInaute passionné
Bonjour olivier,

ce que je trouve pénible (je retire le extremement ;) ) c'est que quand on fait une recherche ensuite si l'on continue de naviguer on conserve l'url de la recherche effectuée.
par exemple si je recherche un sujet c'est quelquefois pour l'indiquer dans une message, hors dans ce cas quand j'accède au sujet du forum que je cherche je ne peux pas accéder à son url réelle.

edit : ces pages ne seront pas indexées dans Google (balise meta robots)
Belle réaction bravo et félicitations pour la mise en place du design
 
Membre Honoré
Clic droit et propriétés pour ceux qui ont le courage ;)
De toute manière on met un ou deux liens des recherches en général donc clic droit et enregistrer le lien seulement non tom_sawyer ?
 
WRInaute occasionnel
En effet, je n'avais pas vu mais je suis d'accord avec tom_sawyer. Apres la recherche, si on continue a naviguer on conserve toujours la meme URL. A part pour les pros de FF, le visiteur lambda a du mal a envoyer par email l'url a un amis, ou a sauver dans ses bookmarks dans ce cas...
Ca part sur une bonne idée (savoir ce que font les visiteurs) mais le résultat apporte des désavantages...
 
WRInaute occasionnel
WebRankInfo a dit:
il y a un lien sur le titre de la discussion en haut de chaque page de discussion du forum
Oui, mais c'est seulement que c'est plus pratique... Parfois on modifie quelque chose sur le site pensant améliorer, et les visiteurs l'utilisent différemment, ou pas... je sais par expérience qu'on peut avoir des surprises :wink:
 
WRInaute occasionnel
En tout cas je suis ravi de remarquer que la nouvelle mouture plaît globalement à tout le monde.
Je me rappelle que lorsque l'idée a été lancée, peu de membres avaient été enthousiastes ;)
Comme quoi il ne faut pas toujours avoir peur de bouger les choses, quand c'est dans le bon sens :)
 
Olivier Duffez (admin)
Membre du personnel
Il reste un gros bug : sur l'annuaire, la feuille de styles supplémentaire de l'annuaire n'est pas prise en compte :-( (il s'agit de /styles/annuaire.css)
Je n'arrive pas à voir ce qui cloche, si vous avez une idée, je suis preneur.
 
Olivier Duffez (admin)
Membre du personnel
tu as sans doute raison mais je ne vois pas où se situe le mauvais lien ?
le code actuel est
Code:
<link href="/styles/annuaire.css" title="annuaire" rel="alternate stylesheet" type="text/css" media="all" />
 
WRInaute passionné
je pense qu'il faut mettre .. devant /styles/annuaire.css pour redescendre d'un niveau dans l'arbo
(voir le code de mon précedent post)
 
Olivier Duffez (admin)
Membre du personnel
normalement les adresse en absolu (commençant par un /) fonctionnent bien, la preuve avec les autres feuilles de styles... le pb vient d'ailleurs je pense
 
WRInaute passionné
hoops oui pardon j'ai regardé mieux ça viendrait pas de ça dans la css ?
Code:
a.link-cat, a.link-cat:visited   {
  color: #479EB4 !important;
  font-weight: normal;
  text-decoration: none !important;
   font-size: 75%;
}

essaie de remplacer !important; par ; peut-être
 
Olivier Duffez (admin)
Membre du personnel
non ce n'est pas ça non plus, c'est bon tel que c'est écrit.
d'ailleurs tous les styles propres à l'annuaire sont inactifs actuellement, pas seulement les liens que tu cites
 
WRInaute occasionnel
Tu as mis
Code:
rel="alternate stylesheet"
au lieu de
Code:
rel="stylesheet"
dans la balise link qui pointe vers la feuille de style de l'annuaire.
:wink:
 
WRInaute occasionnel
En fait, est-il vraiment possible de mettre 2 feuilles de style comme ça ?
Parce que maintenant ça a l'air de prendre en compte annuaire.css mais plus default.css...

Il faudrait peut-être reprendre le contenu de default.css dans annuaire.css et enlever la balise link qui pointe vers default.css ?
 
WRInaute passionné
tout à l'heure j'ai testé avec webdeveloper ça ne le faisait pas (elle n'apparaissait pas dans les feuilles de style) la modif de twister doit y être pour quelque chose.

edit: il doit probablement s'agir d'un problème de conflit entre la feuille default et annuaire
 
Olivier Duffez (admin)
Membre du personnel
"tout redevient normal"... oui à condition de ne pas aller voir une autre page de l'annuaire ! il reste un pb (idiot sûrement)...
 
WRInaute occasionnel
J'aime les énigmes.

Voici ce que je propose :
Essaye de ne pas donner de title à ton link, sinon la feuille de style sera considérée comme alternative. Or tu ne veux pas qu'elle soit alternative.

En clair : mettre un title à un <link rel...> dit au navigateur que la feuille sera alternative.

Je n'ai pas tout vu en détail, mais ça me parait déjà une chose à prendre en compte.
 
Olivier Duffez (admin)
Membre du personnel
Raphaël, t'es un CHEF ! ça semble être résolu comme ça.
c'est étonnant car la feuille default.css a un title et pourtant elle n'est pas déclarée comme alternative.

Bon, j'ai appris un truc ce soir. Avec tout ce que j'ai appris en refaisant le design de WRI et en lisant ton bouquin, je progresse petit à petit...

Encore merci
 
WRInaute discret
ZironeTheCylon ton ancien compte est toujours bugé ?

Ouaip mais pas grave :wink:

@ZironeTheCylon : à part l'image du haut que manque-t-il d'après toi sur la home ? Tu parles des quelques outils qui étaient présentés ? Si vous êtes nombreux à en vouloir, je peux en mettre effectivement.

Oui. Les formulaires qu'il y'avait sur la home du site était très pratique.
De plus, je n'aime pas trop le menu, ou alors il aurait fallut mettre l'option forum après le blog. Car a chaque fois que je tente de cliquer sur MyWri, j'ai le forum qui se déploit...

:wink: :wink:
 
WRInaute occasionnel
Toutes mes félicitations, un peu tardives, pour la réalisation et l'implémentation de ce nouveau design.
Je vais juste regretter la patate violette au profit de la tomate rouge, mais bon, le temps devrait aider à oublier ;)

Sinon, j'ai encore un peu de mal avec la police que je trouve un peu trop "compacte", surtout dans le forum.
Quelques espacements ici et là, notamment entre les titres des threads et leurs icônes (folder.gif...), ne seraient pas de refus.
Mais bon, on va s'y faire !
 
Haut