Daily NewZ

Après un essai infructueux et un autre en court de finition, j'ai commencé il y a quelques semaines (voire un mois et plus ? je ne sais plus trop) un nouveau design.
J'ai souhaité attendre d'avoir quelque chose de potentiellement présentable avant de le présenter.

Le Daily NewZ me vient donc d'un rapprochement entre le Site du Zér0 et les brèves que l'on peut remarquer dans le journal du même homonyme.

Cette nouvelle présentation est axé contenu, ce qui fait que le menu et la speedbarre doivent prendre le moins de place possible pour une lecture facile.
Mais j'essaierai de ne pas rendre aussi austère que ça le paraissait, surtout à ses tout débuts.

Ce qui a été le plus difficile, c'était de choisir de faire non pas un mais 2 design : le premier, celui que l'on peut voir sous les navigateurs les plus récents, et le deuxième sous les navigateurs un peu plus retardés (sur le plan temporel entendons-nous).

Le fond est texture journal et le texte est gris presque noir. Les différentes zremarques ont un fond pâlot coloré de même façon que le l'image informative.

Les citations sont faites d'une ligne grise à gauche de celles-ci, qui s'épaissit à la hauteur du mot clef Citation.

Le menu, la speedbarre et la publicité tiennent en position fixe au haut de la page, et le menu s'ouvre sur deux niveaux lors du passage de la souris.

Attention : La plupart des images ne sont pas modifiées encore, et ça sera la prochaine grosse étape.

Salut! L'idée de design est bonne. En tous cas les menus. Ca change. Celui de droite est bien...par contre celui à gauche est difficilement naviguable.
Et pour les couleurs à peine trop gris.

Sinon déjà un grand bravo pour ce que tu as fait.

Bonne chance pour la suite

salut,

J' aime aussi bien ton idée, mais je ne pense pas que les couleurs sont adapter ensemble.Tu devrais, faire un thème vieux journaux.Avec écriture des années 1800.Viellir ton design.La sa serais cool.Mais c' est un bon début lol

@+

Pas mal

Mais je suis d'accord avec bmatthieu3. Ce serai plus "stylé" si ça ressemblait à un vieux journal

menu difficilement naviguable a gauche et couleurs bof sont les seuls défault

Sinon, certains texte se voit pas, comme ici : http://philias.mastaweb.com/sdz3/connexion.html

Le connectez vous en gris sur fond gris, ca le fait pas

C'est bien mais ca serait avec un style de vieux journal de la fin du 19eme, début 20eme.

Par contre je trouve que les nexs ne sont pas assez bien séparés

je pense que stile journal serait mieux et je trouve que les menus sont pas pratique et que les news sont pas assez bien séparé

J'aime pas trop... C'est trop clair on voit pas vraiment la séparation entre les différentes choses...

Ok, j'essairai d'appliquer ce que vous dîtes pour l'instant

Pour le Connectez-vous, en effet, ce n'est pas sensé, j'ai remarqué juste avant de me coucher hier. Je réparerai dès que possible.

Je noircirai sensiblement la teinte des lettres, mais je ne connais pas à ce jour de meilleure polices que Times ou Arial pour l'effet journal.

Je pourrais ajouter un effet chez les plus jeunes navigateurs où l'effet journal serait rehaussé par des plis ou du jaunissement épart.

Pour le menu, je ne sais pas comment rendre plus pratique. Peut-être qu'en mettant le sous menu à droite des titres ? Je verrai.

Pour le reste, je ne suis pas sûr du comment faire ressembler à un vieux journal Je ferai le tour des vieilles gazettes.

Merci

Ok tu nous tiendras au courant ok?

Pour la police, je pense que Old English serait pas mal non?

c'est vrai que ça ressemble à un journal. l'idée du menu est super je trouve, mais dans celui de gauche il faudrait mieux séparer les "morceaux" qui se superposent, car c'est un peu fouillis (par exemple mettre un gris plus foncé)

* Texte plus foncé
* Times plutôt que Arial
* Titres en Lucida BlackLetter, avec la première lettre en Old English
* Première lettres de chaque news en Old English, 2 em
* La speedbarre est maintenant en onglets séparés
* Le menu est, fermé, de la grandeur d'un icône, et ouvert, semblable à sa forme sur Internet Explorer.

es-tu sur que tout le monde a la police du design dans les titres de news ?
sinon de mieux en mieux

Je le suis un peu plus qu'avant :), j'ai mis plus de choix dans le style. Cependant il faudra que je m'informe sur les polices de base de Windows, Apple et Linux.
De nouvelles images :
* Menu terminé
* Moitié speedbarre
* Quelques options
* Citer / Éditer / Supprimer
Le texte du corps est plus gros (1em plutôt que l'étrange 0.8em qui s'était perdu dans le design) et le livre d'or est sur 3 colonnes.

tres jolie ton design, innovant,
je ne vois rien a dire opur le moment, peut etre pour le menu, le "bouton" est peut etre un peut trop petit...
bon courage pour le finir

J'aime beaucoup l'idée, mais il y a quelques problèmes:

1_ Je trouve que dans les news c'est un peut le bordel pour si retrouver
2_ Le menu de gauche n'est pas très pratique, et il se ferme/s'ouvre souvent tout seul
3_ La pub google qui suis l'écran gene la lecture.
4_ ça serait pas mal je trouve de centrer le header et le footer
5_ Les images "new", "old", "fermer" etc... ne collent pas bien avec les couleurs du design
6_ ça serait bien de mettre une barre au dessus de "x visiteur sur ce sujet (x membre et x anonymes)"

C'est bien que t'ais penser à mettre une couleur au input, car avec mon thème de bureau, la couleur de fond par défaut est gris très foncé et le texte gris très claire, et ça fait bien laid sur les designs. que la c'est nikel

Merci pour les commentaires
C'est bizarre, le bouton ne me semble pas petit... Si tu envoyais une image ?
--
J'essairai d'améliorer le border des news

Les problèmes avec le menu et la pub google viennent du fait que la pub ne doit pas être cachée d'une quelconque manière (par exemple avec visibility:hidden;). Je suis donc obligé de la faire apparaître à l'extérieur du menu qui lui est "caché".
Ainsi, quand on passe par dessus la pub google, puisqu'elle fait partie du menu, fait apparaître le menu.

Va pour le centrage du header/footer
Pour New, Old et autres, c'est pas sensé être là : j'ai basé Daily NewZ sur le design Console, donc plusieurs images ne sont pas encore à jour.

Parlant d'images, j'ai terminé la speedbarre et le menu, et j'ai mis quelques images textuelles (Nouveau, Fermé, Commenter) en une genre d'estampe... On verra ce que ça donnera.

Pour ce qui est du input, je dois t'avouer que j'ai pas trop compris ^^'' Si tu montrais une impression d'écran ça irait mieux

Citation : Philias

Sous Zmotion par exemple, il à pas penser à mettre de couleur au input, et donc je me retrouve avec ça: http://www.siteduzero.com/uploads/fr/files/39001_40000/39638.jpg ( pareil dans toutes les zone de texte sauf la textarea du forum ) Donc c'est bien que t'y ait pensé

Après plus d'un mois, update !

• Les ZBulles d'informations sont maintenant sous formes de boîtes creuse au lieu d'un fond de la couleur du texte en plus pâle.
• Ajout de la page Ajout d'un message personnel
• Retour aux anciens signes pour l'édition des messages.
• Pour hors ligne et pour en ligne.

Un mois et un jour plus tard, update !

• Le menu prend maintenant toute la longueur du côté gauche, mais apparaît toujours au passage de la souris
• Pour les news, les Commentaires et l'Auteur sont situé à droite à la même auteur que le titre

D'autres viendront je l'espère bien assez tôt.

Pour les boutons-images je pensais utiliser la police Fashion victim [dafont.com]. Ceux-ci seront simplement noir sur transparent.

j'aime vraiment ton design, l'idée du menu qui se cache est excellente, ca permet d'avoir une page plus large!

Parcontre, faudrait voir pour mieux séparer les news

Merci du commentaire, j'ai encadré chaque newz. Espérons que cela sera suffisant.

• Le design passe un peu mieux sous Internet Explorer 6 (menu gris à gauche, speedbarre comme Bluzaz mais à côté du menu). Faudra juste que j'arrange le fond "transparent" des png qui n'a apparemment pas fonctionné.
• Bannière à gauche plutôt qu'au centre.
• Puisque le menu s'ouvre complètement au passage de la souris (et non pas sous forme de petits menus comme avec Essential popups), je ne trouve pas nécessaire de mettre la publicité google à droite, ce qui encombre moins fortement la vue, et on peut toujours aussi bien le remarquer.
• Les premières lettres ne "flottent" plus. Elles sont simplement plus grande et calligraphiées.
• Plusieurs arrengements pour le forum (largeurs et textes) et les tutoriaux (marges, bordures et apparence)

Hop de la nouveauté en image
Les Images des Zbulles sont maintenant sous la police FashionVictim, avec laquelle j'ai aussi fait tous les textes en image - Tutos, News, Forum.

Le bas de page est maintenant gris et à droite.

Les titres des news sont maintenant noir sur gris (incluant commentaires et auteur).

J'ai l'impression que il faudrait quand-même mettre un peu d'espace a gauche et a droite, c'est gênant d'avoir tout étalé sur ta page, c'est trop large.....

VOili voilou..

Nouveau Zozor ! (À améliorer évidemment) D'apparence Sherlock Holmes. L'image que vous voyez n'est évidemment pas au même rendu que sur la bannière.
Faîtes la comparaison avec l'Ancienne et dîtes m'en ce que vous en pensez.
Devrais-je continuer dans cette voie ?

Pour continuer les nouveautés :

• Forums, administration, tableaux en zcode et messageries sous le même modèle que les news.

Je viens de remarquer, à l'aide de mon système de lecture du Site du zér0, que le les pages de membres (exemple, mon profil) ne sont pas changés. Je mettrai le même modèle que pour les news aux tableaux, et le reste sera corrigé un de ces temps.

Je l'aime bien ton zozor comme ça

bien pensé

Quelques temps plus tard ^^'

http://philias.mastaweb.com/design/dailynewz/

• Blocs de citations, de code et de secret modifié pour faire des boîtes
• Prise en compte des modules qui se trouvent maintenant sur la page d'accueil

Je trouve ton design difficilement navigable, celà est un peu bizard, c'est mon avis

Qu'est-ce que tu n'apprécie pas, que tout soit caché sur les côtés? Pourrais-tu me préciser ce qui est bizarre?

C'est vrai qu'il peut y avoir des ralentissements. À moins que, encore pire, tu sois sur Explorer, où le design n'est pas exactement le même (pas de :hover sur autre chose que les liens) et qu'il est possible que j'aie laissé beaucoup d'erreurs.

J'apprécierais beaucoup que tu me fasses une impression d'écran pour que je puisse vérifier que le tout est au moins semblable à ce que je vois.