Pour parler des couleurs Le sujet est résolu

[Voyageuse]

Ici, un petit test de couleurs...
Pour pouvoir critiquer cette magnifique palette en connaissance de cause !
(je vais en profiter pour changer l'heure et tester la réorganisation
edit : ça marche du tonnerre !)

[Voyageuse]

première ligne de couleurs :
Envie de tester des couleurs...#000000.Envie de tester des couleurs...#000040Envie de tester des couleurs...#000080Envie de tester des couleurs...#0000BFEnvie de tester des couleurs...#0000FF.Envie de tester des couleurs...#004000Envie de tester des couleurs..#004040.Envie de tester des couleurs...#004080Envie de tester des couleurs...#0040BFEnvie de tester des couleurs...#0040FFEnvie de tester des couleurs...#008000Envie de tester des couleurs...#008040Envie de tester des couleurs...#0080800080BF0080FF00BF0000BF4000BF8000BFBF00BFFF00FF0000FF4000FF8000FFBF00FFFF

deuxième ligne :
4000004000404000804000BF4000FF4040004040404040804040BF4040FF4080004080404080804080BF4080FF40BF0040BF4040BF8040BFBF40BFFF40FF0040FF4040FF8040FFBF40FFFF

troisième ligne :
8000008000408000808000BF8000FF8040008040408040808040BF8040FF8080008080408080808080BF8080FF80BF0080BF4080BF8080BFBF80BFFF80FF0080FF4080FF8080FFBF80FFFF

les autres ne posent pas de souci de lisibilité je pense...
Mais les couleurs sont quand même pour certaines bien trop proches, est-ce bien utile d'en avoir autant ? (pas grave ça, hein, mieux vaut trop que pas assez )

Bilan : 20 couleurs plus ou moins illisibles parmi 125... disons une sur 6 en gros... ça fait pas tant

[Mornagest]

J'en profite pour poster le code actuel de la palette.

Comme ça, vous cesserez de dire que c'est ma faute si la palette est moche quand vous aurez réussi à comprendre comment ça marche, on en reparlera !

En vrai, ça génère un tableau dont chaque case contient une couleur. Les lignes et colonnes sont incrémentées d'un saut dans le code hexadécimal (on passe de 000000 (noir) à 000040 (noir un peu moins foncé). Etc.

J'aurais voulu remplacer ça par des couleurs qui possèdent un nom (green, yellow...), classées ou pas.

Code : Tout sélectionner

/**
* Get the HTML for a color palette table.
*
* @param {string} dir Palette direction - either v or h
* @param {int} width Palette cell width.
* @param {int} height Palette cell height.
*/
phpbb.colorPalette = function(dir, width, height) {
	var r, g, b,
		numberList = new Array(6),
		color = '',
		html = '';

	numberList[0] = '00';
	numberList[1] = '40';
	numberList[2] = '80';
	numberList[3] = 'BF';
	numberList[4] = 'FF';

	var tableClass = (dir === 'h') ? 'horizontal-palette' : 'vertical-palette';
	html += '<table class="not-responsive colour-palette ' + tableClass + '" style="width: auto;">';

	for (r = 0; r < 5; r++) {
		if (dir === 'h') {
			html += '<tr>';
		}

		for (g = 0; g < 5; g++) {
			if (dir === 'v') {
				html += '<tr>';
			}

			for (b = 0; b < 5; b++) {
				color = '' + numberList[r] + numberList[g] + numberList[b];
				html += '<td style="background-color: #' + color + '; width: ' + width + 'px; height: ' +
					height + 'px;"><a href="#" data-color="' + color + '" style="display: block; width: ' +
					width + 'px; height: ' + height + 'px; " alt="#' + color + '" title="#' + color + '"></a>';
				html += '</td>';
			}

			if (dir === 'v') {
				html += '</tr>';
			}
		}

		if (dir === 'h') {
			html += '</tr>';
		}
	}
	html += '</table>';
	return html;
};

/**
* Register a color palette.
*
* @param {jQuery} el jQuery object for the palette container.
*/
phpbb.registerPalette = function(el) {
	var	orientation	= el.attr('data-color-palette') || el.attr('data-orientation'), // data-orientation kept for backwards compat.
		height		= el.attr('data-height'),
		width		= el.attr('data-width'),
		target		= el.attr('data-target'),
		bbcode		= el.attr('data-bbcode');

	// Insert the palette HTML into the container.
	el.html(phpbb.colorPalette(orientation, width, height));

	// Add toggle control.
	$('#color_palette_toggle').click(function(e) {
		el.toggle();
		e.preventDefault();
	});

	// Attach event handler when a palette cell is clicked.
	$(el).on('click', 'a', function(e) {
		var color = $(this).attr('data-color');

		if (bbcode) {
			bbfontstyle('[color=#' + color + ']', '[/color]');
		} else {
			$(target).val(color);
		}
		e.preventDefault();
	});
};

[Voyageuse]

Disons que c'est à mon avis totalement différent de gérer une palette en dégradé en ajoutant 40 à chaque saut de case, que de gérer une palette avec des couleurs prédéfinies : dans le second cas faut les déclarer une à une à la main dans le code.
Mais franchement, ça doit pouvoir se faire...

[VelCheran]

Il y avait déjà des couleurs illisibles sur VBulletin, donc à mon avis ça ne change pas grand-chose sur ce point

[Voyageuse]

Il y avait déjà des couleurs illisibles sur VBulletin, donc à mon avis ça ne change pas grand-chose sur ce point

Non, on est plutôt en progrès au niveau lisibilité globale. Il manque des gris par contre, on s'en sert assez régulièrement..
Le seul souci pour le RP c'est que ce ne sont pas les mêmes couleurs qu'avant... donc au lieu de cliquer sur une case faudra que je tape les noms (donc que je les mémorise quelque part...)... ou que chaque PNJ subisse une mue subite (bien plus probable!)

[Mornagest]

J'ai posté pour demander de l'aide sur phpbb-fr et j'ai obtenu une réponse d'un membre qui a un gros bagage technique, et qui m'a dit qu'il essaierait de voir comment ajouter les couleurs nominatives dans les boutons de rédaction d'un message

Suite au prochain épisode !

[Mornagest]

Bon, on a une palette un peu plus étoffée : 140 couleurs !

Le seul souci, c'est qu'elle apparaît en liste plutôt qu'en joli tableau. Pas de panique, c'est en HTML donc je peux mettre ça en forme pour que ce soit plus lisible

Faut juste me laisser un peu de temps pour ça

[Freddy_Gwendo]

Si je te donnes le code couleur rouge bordeaux SHS, tu peux le mettre dans la liste ?

[Mornagest]

C'est pas vraiment l'idée ; je pensais plutôt mettre les couleurs portant un nom réel.

[Mornagest]

Voilà, c'est sous forme d'un tableau, désormais.

Le nom de la couleur apparaît au survol de la souris sur la case correspondante.

[Voyageuse]

Trop beau !
Même si je n'imaginais pas qu'il existe autant de blancs différents...
C'est top !
C'est qui le courageux codeur ? Toi ?

[Mornagest]

Non, un membre du forum francophone de phpBB ; j'ai adapté son code (qui listait toutes les couleurs les unes à la suite des autres) en tableau pour avoir quelque chose de compact mais de lisible.

edit : voici le lien vers le sujet où j'ai fait ma demande : https://www.phpbb-fr.com/forums/viewtop ... 8&t=214980 rendons à César...

[Voyageuse]

vraiment sympa à lui
quelques essais pour voir...

[Mornagest]

Yes.

Amélioration donc : au lieu d'avoir la balise COLOR avec le code hexadécimal de la couleur, on a désormais le nom de la couleur qui s'affiche en cliquant sur la couleur correspondante dans la palette.

Idéal pour retrouver facilement quelle couleur on a employé sans devoir reconvertir le code hexa en nom...

[Voyageuse]

Ouah... trop bien !

[Voyageuse]

Allez, pour le coup, je mets la nouvelle liste.
Vous croyez qu'elles y sont toutes ? (en tout cas, oui pour celles que je connais)
IndianRed et LightCoral et Salmon et DarkSalmon et LightSalmon et Crimson et Red et FireBrick et DarkRed et Maroon et Pink et LightPink et HotPink et DeepPink et MediumVioletRed et PaleVioletRed et Coral et Tomato et OrangeRed et DarkOrange et Orange et et Yellow et LightYellow et LemonChiffon et LightGoldenrodYellow et PapayaWhip et Moccasin et PeachPuff et PaleGoldenrod et Khaki et DarkKhaki et Lavender et Thistle et Plum et Violet et Orchid et Fuchsia et Magenta et MediumOrchid et MediumPurple et BlueViolet et DarkViolet et DarkOrchid et DarkMagenta et Purple et Indigo et SlateBlue et DarkSlateBlue et GreenYellow et Chartreuse et LawnGreen et Lime et LimeGreen et PaleGreen et LightGreen et MediumSpringGreen et SpringGreen et MediumSeaGreen et SeaGreen et ForestGreen et Green et DarkGreen et YellowGreen et OliveDrab et Olive et DarkOliveGreen et MediumAquamarine et DarkSeaGreen et LightSeaGreen et DarkCyan et Teal et Aqua et Cyan et LightCyan et PaleTurquoise et Aquamarine et Turquoise et MediumTurquoise et DarkTurquoise et CadetBlue et SteelBlue et LightSteelBlue et PowderBlue et LightBlue et SkyBlue et LightSkyBlue et DeepSkyBlue et DodgerBlue et CornflowerBlue et MediumSlateBlue et RoyalBlue Blue et MediumBlue et et et et MidnightBlue et Cornsilk et BlanchedAlmond et Bisque et NavajoWhite et Wheat et BurlyWood et Tan et RosyBrown et SandyBrown et Goldenrod et DarkGoldenrod et Peru et Chocolate et SaddleBrown et Sienna et Brown et White et Snow et Honeydew et MintCream et Azure et AliceBlue et GhostWhite et WhiteSmoke et Seashell et Beige et OldLace et FloralWhite et Ivory et AntiqueWhite et Linen et LavenderBlush et MistyRose et Gainsboro et LightGrey et Silver et DarkGray et Gray et DimGray et LightSlateGray et SlateGray et DarkSlateGray et Black

[Mornagest]

T'as dû bien t'embêter pour faire ça à la main alors que j'ai la liste en HTML et avec deux rechercher/remplacer je les faisais en BBcode

Normalement, il y en a 140.

[Voyageuse]

moque-toi pas
Je voulais juste voir ce que ça donnait sur le fond gris foncé du forum...
La plupart sont très lisibles
Bon, évidemment, ça casse la tradition RP de prendre des couleurs "hors palette de base" pour les PJ... mais c'est un détail

[Mornagest]

Bon, évidemment, ça casse la tradition RP de prendre des couleurs "hors palette de base" pour les PJ...

C'est-à-dire ?

[Voyageuse]

quand on crée un PJ, on choisit sa couleur, y'avait un topic pour les recenser, et habituellement on prenait une couleur avec un nom, mais "hors palette" (même si ça n'était pas une obligation) pour qu'aucun PNJ n'ait la même. Du coup, seuls les PJ (et quelques PNJ importants) avaient des couleurs hors palettes, uniques pour chacun.
Mais vu le nombre de couleurs qu'on a maintenant, on aura toujours du choix pour les PNJ.
Et c'est vraiment un détail... ça a l'avantage qu'on va gagner du temps pour taper les posts et c'est pas mal !

[Mornagest]

Ah. Euh oui, je sais pas, j'ai toujours choisi mes couleurs pour qu'elles soient lisibles ; la mienne n'a pas de nom (6C84FF), par exemple. Je la trouve juste jolie et lisible. Idem pour 3BBB34.

[Voyageuse]

Et ça t'amuse de retenir des codes pareils ???
Quel courage....
Je préfère les noms quand même !

[Mornagest]

Cfr ma signature

[VelCheran]

Pareil pour moi, j'ai mis mes codes couleurs en signature.