Discussion Modèle:Fiche Musique (œuvre)

Un article de Wikipédia, l'encyclopédie libre.

Sommaire

[modifier] Les problèmes

  • le "de" : « Album de Erik Mongrain » -> « Album d'Erik Mongrain » ; « Album de Rolling Stones » -> « Album des Rolling Stones ». Bref ca va pas :( p..... de français :)
  • Un modèle utilisable dans les articles ne doit plus avoir de paramètres de couleurs (ou de style). Donc je les ai viré (id. instancier)
  • plutôt que "critique=", des paramètres "note Rolling Stone=", ... seraient préférables. De plus, dans l'assistance il faut que l'on puisse accéder directement au site pour obtenir la note. C'est là que l'assistance deviendra un super procédéTM Clin d'œil.
  • la mise en forme : ca se fera petit à petit
  • le bloc "Chronologie" est générique (c'est à dire que l'on peut le retrouver dans toutes les infobox qui sont datés) donc j'en fait une brique.
  • les "<<" et ">>" posent des problèmes d'alignement. Je serait pour leur remplacement par une image estompée (comme dans les titres).   <STyx @ 29 octobre 2007 à 19:05 (CET)
  • Eureka : voilà les images en question :

Elles sont trop grande malheureusement ; JSDX pourra arranger cela. {{User:STyx/Signature}} 30 octobre 2007 à 19:53 (CET)

[modifier] Diverses modifications

Bonjour, bon j'ai modifié complètement la partie "Chronologie" et mis des flèches qui me semblent plus adaptées, avec la désactivation de suivant au précédent s'il n'y en a pas.

Par ailleurs, je propose les modifications css suivantes pour les fiches (essentiellement) :

  • fond table par défaut de white à transparent (pour corriger divers pb)
  • suppression de l'ultra padding. [mode compact - tout aussi lisible/accessible]

Voici le code (basé sur la dernière version css du monobook.css d'Antaya) :

.fiche {
 border: 1px solid #aaaaaa;
}
 
table.fiche {
 width:300px; 
 float:right; 
 clear:right; 
 margin: 0 0 1em 1em; /* haut droite bas gauche */ 
 padding: 0; 
 border-width: 1px 2px 2px 1px; /* haut droite bas gauche */ 
 background-color: transparent;
}
 
.fiche th, .fiche td {
 font-size: 95%; 
 vertical-align:baseline;
 text-align:left;
 line-height: 1em;
 padding: 0 2px 0 2px; /* haut droite bas gauche */
 border:none;
 background-color:#f0f0f0;
}
 
.fiche th {
 font-weight:normal;  /* désactive le "th {font-weight:bold;}" */
}
 
.fiche th a {
 color:black;  /* désactive la couleur des liens à gauche et dans les titres */
}
 
.fiche .ficheimage { /* emplacement pour les photos */
 background-color: white;
 text-align:center;
}
 
.fiche .ficheimage div { /* la légende des photos */
 font-size:80%;
}
 
.fiche .fichetitre { /* titre */
 text-align:center; 
 vertical-align:middle;
 font-size: 135%;
 font-weight:bolder;
 border: 1px solid #aaaaaa;
 background-color:#d8d8d8;
}
 
.fiche .fichesoustitre { /* sous-titre */
 text-align:center; 
 font-size: 125%;
 border-style: solid; 
 border: 1px solid #aaaaaa;
 background-color:#e8e8e8;
}
 
.fiche tr.ficheseparateur { /* séparateur */
 height: 2px;
}
 
.fiche tr.ficheseparateur td {
 border: none;
}
 
.fiche dl { clear:both }
.fiche dt {
 float:left;
 clear:left;
 width:35%;
}
.fiche dd { margin-left:20% }
 
//===charte_musique===
.charte_musique {
 border-spacing:0px;
}
 
.charte_musique td {
 width:200px;
 font-size:100%;
 background-color:transparent;
 line-height: 1.3em;
}
 
.charte_musique th {
 font-weight:bold;  /* réactive le "th standard" */
 font-size:115%;
 text-align: center;
 border: none;
 background-color:transparent;
 line-height: 1.3em;
}
 
.charte_musique th.fichetitre {
 background: url("http://upload.wikimedia.org/wikipedia/commons/e/e7/Infobox-music.png" ) no-repeat top right;
 height:55px;
 font-size:150%;
 border: none;
}
 
.charte_musique th.fichesoustitre {
 font-size:115%;
 border: none;
}
 
.charte_musique tr.ficheseparateur { /* séparateur */
 height:2px;
}
 
.charte_musique tr.ficheseparateur td.fichesoustitre {
 padding: 0px; 
 margin: 0px; 
}
 
//====charte_album====
.charte_album th.fichetitre {
 background-color: #F49F13;
}
 
.charte_album .fichesoustitre {
 background-color: #F1C073;
}
 
//====charte_single====
.charte_single th.fichetitre {
 background-color: #F9B822;
}
 
.charte_single .fichesoustitre {
 background-color: #FBD77D;
}
 
// ====charte_chanson====
.charte_chanson th.fichetitre {
 background-color: #FFD615;
}
 
.charte_chanson .fichesoustitre {
 background-color: #FFED96;
}

Cordialement, Educa33e 21 novembre 2007 à 06:12 (CET)

[modifier] Flèches

Haaaaaaaa !

Non mais les gars c'est quoi ces flèches eyecandy ! On est pas sur un blog là, ni sur un skin Firefox de 1995, ni sur une distrib linux qui a assurément de bons développeurs mais qui faute de graphistes se lancent dans GIMP. Franchement soit vous rechartez la box entièrement, soit on fait d'autres flèches, mais Dieu vous voyez pas que ca détonne ? Franchement je comprends pas comment on peut trouver cela classe, juste je comprends pas. Expliquez moi, franchement ca m'intéresse.

Les meilleures flèches et autre logotypes sont monochromes, pas de reflet, pas d'ombre, pas de couleur, pas de relief. C'est pas moi qui ai décidé ça, c'est une règle, une évidence, une norme, c'est comme ça. Comme un développeur web qui expliquera aux graphistes qui y comprennent que dal que les frames c'est le MAL.

Attention, je ne remets pas en cause les modifs de code qui ont l'air nickelles (affichage/desactivation auto, fleche cliquables, etc) et qui amélioreront la navigation, l'ergonomie. Juste l'esthétique, on est d'accord.

A l'époque des maquettes j'avais pris les flèches Windings qui sont utilisées de PARTOUT à toutes les sauces, à juste titre d'ailleurs parce qu'elles plaisent aux gens et qu'elles sont efficaces. Elles sont meme utilisées dans la typo public genre aéroport, gare. C'était ici : http://img405.imageshack.us/img405/8149/infoboxry9.jpg. Les "<<" et ">>" ont été finalement mises en place faute de compétences en code, en attendant mieux. Si vous voulez les PNG des windings, sans prob, sinon on peut utiliser des triangles un peu plus concept et un peu plus à la mode en ce moment (c'est très tendance mais ca peut vieillir vite) mais ca ne plaira peut etre pas aux néophytes.

A plus JSDX (d) 21 novembre 2007 à 09:32 (CET)

Merci. C'est constructif. Que l'on dise, les flèches ne correspondent pas, je vous propose ceci : mille fois Ok, en plus pas de problème et j'en serai le premier ravi d'autant que les flèches c'est mon dernier soucis (mais je comprends que cela puisse être important à d'autre) ! Mais là, si c'est pour avoir dans la manière ce genre de réflexion, il est clair que je ne vous embêterais plus sur ce(s) modèle(s), je laisse ça aux spécialistes. Tchao et bon courage à tous... Educa33e 21 novembre 2007 à 10:49 (CET) (non je ne suis ni vexé ni faché, mais un peu dépité dans la manière d'autant que je trouve le travail de JSDX fabuleux).
Bon yeu! On se clame JSDX... c'est vrai que le piti-graphiste-au-chocolat-en-crise-de-glucose a une tendance à la rétorique cassante (j'y ai gouté à l'époque), mais faut pas se laisser abattre EDUCA33E... ils sont comme ça les artistes; faut pas que ça jure sinon ils font un syncope et crient au scandale en étourdissant tout le monde avec des termes techniques spécialisés qu'au final, on s'en Saint-Tabarnak! (Se rapporter au lexique québécois)
En bref, je pense que EDUCA33E a fait de l'excellent travail (j'ai vu les dernières modifs, bravo!), et c'est un peu grâce à lui si tes infobox se sont implantées sur Wikipédia JSDX, ne l'oublions pas! Maintenant, faudrait bien faire aboutir ces Fiches si les questions de fond ne trouvent pas de réponses satisfaisantes, c'est en les utilisant qu'on saura le mieux, non? Parce que là (et je dis ça comme ça), il y a comme qui dirait de l'impatience dans l'air pour ces modèles en brique! Mort de rire Mais j'ai remarqué quelques problèmes avec {{Fiche/Ligne}}, dont des espaces insécables non justifiés et introuvables...
Pour ce qui est des flèches, je me fie à JSDX parce que je ne veux pas le mettre en colère, mais je verrais bien aussi les flèches de STyx en background... ou celle de JSDX en bonne humeur! Clin d'œil Bref, choisissez et je m'y replonge! En passant, faudrait faire des tests en dehors de l'espace de nom "Projet:"... Et JSDX, je ne sais pas si tu avais testé la Fiche, mais essaie la syntaxe {{Fiche Musique (œuvre)/Aide}}, c'est innovation signée STyx (À compléter éventuellement) --Antaya     21 novembre 2007 à 13:40 (CET)

Maiiiiiis non les codeurs, je voulais juste vous faire réagir sur ces problèmes de design.

Educa, je ne voulais pas te froisser - excuse moi en - juste te faire réagir sur l'esthétique/le webdesign, parce à mon sens Wiki a une petite carrence de ce côté là et je reste convaincu que le sérieux de l'encyclo passe aussi par la mise en page, l'esthétique, l'organisation. Le problème c'est pas le design a proprement parler des icones "eyecandy" (on qualifie d'eye candy les icones à mode : ombre, reflet, etc) qui n'ont pas leur place ici, ou à très petite dose. C'est juste un problème de contexte. Wiki est une encyclo qui se veut un maximum sérieuse, donc on laisse ces icones à la mode aux skyblogs et autres Myspaces. Pour les codeurs et rédacteurs, ceci n'est pas un problème, je trouve cela dommage, et c'est de ce côté là que je voudrais faire avancer les choses. Je laisse la rédaction et le code aux gens qui ont du talent pour cela (vous etes en bonne place tous les deux) pour me concentrer là où il y a des petits manques graphiques sur Wiki. Pour bosser dans la pub, je peux vous dire que pour qu'un message passe le contenant est aussi voire plus important que le contenu.

Imaginez l'interface de Wiki avec des reflets, des couleurs partout. Impossible ! Ce n'est pas un hasard l'interface de l'encyclo est d'une sobriété à toute épreuve.

Je pense qu'en meme avoir un minimum argumenté, tu dis que je n'ai pas fait de proposition, c'est faux, j'avais charté une maquette complète pour les box. Je vais vous filer de ce pas plusieurs PNG de flèches. JSDX (d) 22 novembre 2007 à 13:45 (CET)

voila c'est là : http://commons.wikimedia.org/wiki/Image:Fleche-gauche-infobox-music.png et http://commons.wikimedia.org/wiki/Image:Fleche-droite-infobox-music.png
Flèches Windings classiques, ce sont les flèches usuelles utilisées un peu partout, des affiches typos aux quais SNCF. Png transparent. A plus plus JSDX (d) 22 novembre 2007 à 14:07 (CET)

[modifier] Rendu compact

Bon pour ceux qui ont pas le css, voici le rendu avec style CSS compact (idem que style Fiche mais sans les padding) Image:InfoboxMusiqueCompact.png La chronologie a été externalisée dans le sous modèle {{Fiche/Chronologie}}. Les flèches de JSDX ont été intégrées. Toutes suggestions sont les bien venues. Cordialement, Educa33e 22 novembre 2007 à 23:02 (CET)

Il faut faire des modifs dans son monobook ou c'est le rendu final ? Parce que c'est pas mal différent à plusieurs niveaux des infobox actuelles/maquettes. Typo, espacement, align, proportions, bref tout change. Et puis, à quoi servent ces nouvelles infobox fiche (j'ai bien compris qu'Antaya & compagnie veulent faire passer cette appelation canadienne en force, envers et contre les choix du plus grand nombre, mais ça on verra plus tard) ? Quel est le problème avec les autres ? Esthétiquement j'espère que ce n'est pas fixé parce qu'on régresse violent là. Si, d'après ce que j'ai compris, vous voulez un code beaucoup plus propre que les autres, no problem, mais pourquoi changer le graphisme ?? JSDX (d) 23 novembre 2007 à 07:01 (CET)
Ok... zap... Educa33e 23 novembre 2007 à 10:11 (CET)
 ? JSDX (d) 23 novembre 2007 à 11:17 (CET)