Win3x.Org

Der Siebte Schatten a écrit : *

18 mai 2017 20:37

Il y a également les vignettes dans les titres (tels que , ) qui n’apparaissent pas. Après ce n'est pas une issue majeure, le site est parfaitement fonctionnel et navigable dans l'état des choses....

Les vignettes dans les titres, c'est-à-dire ? Moi, je ne vois rien d'anormal dans les titres de sujets.

En fait cela ne concerne que les recherches "spéciales", comme les sujets sans réponses ou les messages non lus. Dans Legacy et le thème sombre, l'affichage des drapeaux type ne fonctionne pas, mais Legacy affiche une colonne avec les logos des sujets contrairement à l'autre thème (dû à prosilver peut-être) ?

En fait, ce que tu rapportes peut être séparé en deux choses bien distinctes, qui n'ont rien à voir l'une de l'autre :

1. drapeaux : tombcore ne l'a implémenté qu'à deux endroits, dans viewforum.php et viewtopic.php. Ce qui signifie que les résultats de recherche (générées par search.php) ne remplacent pas les codes [en] et [fr] par leurs images respectives. Tu peux le constater aussi dans tes sujets épinglés en favoris ou abonnements (ucp.php), ainsi que pour la prévisualisation des messages (posting.php).
    
2. icônes de sujet : c'est un bug des résultats de recherche (search.php) sous proSilver, qui a d'ailleurs été rapporté (cf. http://tracker.phpbb.com/browse/PHPBB3-15002) et qui devrait être corrigé sur phpBB 3.2.1.

J'ai regardé pour si l'on souhaiterai implanter facilement le code JS de modification des couleurs pour le thème sombre :

1. Créer un fichier JS contenant la fonction correctionCouleur

   Code : Tout sélectionner function correctionCouleur(couleur) { if (couleur.length < 6) { couleur = couleur[0]+couleur[0]+couleur[1]+couleur[1]+couleur[2]+couleur[2]; } // Découpage de la valeur en Hexa en couleur var rouge = couleur[0]+couleur[1]; var vert = couleur[2]+couleur[3]; var bleu = couleur[4]+couleur[5]; var couleurCorrigee = couleur; // Blanc if(couleur == "FFFFFF") { couleurCorrigee = "BBBBBB"; } else { // Noir if(couleur == "000000") { couleurCorrigee = "333333"; } else { // Cas où la couleur est trop sombre if(rouge == "00" && parseInt(vert, 16) <= 129 && parseInt(bleu, 16) <= 129) { var nouveauVert = parseInt(vert, 16); nouveauVert = nouveauVert + 65; nouveauVert = nouveauVert.toString(16); var nouveauBleu = parseInt(bleu, 16); nouveauBleu = nouveauBleu + 65; nouveauBleu = nouveauBleu.toString(16); couleurCorrigee = rouge + nouveauVert + nouveauBleu; } else { if(bleu == "00" && parseInt(rouge, 16) <= 129 && parseInt(vert, 16) <= 129) { var nouveauRouge = parseInt(rouge, 16); nouveauRouge = nouveauRouge + 65; nouveauRouge = nouveauRouge.toString(16); var nouveauVert = parseInt(vert, 16); nouveauVert = nouveauVert + 65; nouveauVert = nouveauVert.toString(16); couleurCorrigee = nouveauRouge + nouveauVert + bleu; } else { if(vert == "00" && parseInt(bleu, 16) <= 129 && parseInt(rouge, 16) <= 129) { var nouveauBleu = parseInt(bleu, 16); nouveauBleu = nouveauBleu + 65; nouveauBleu = nouveauBleu.toString(16); var nouveauRouge = parseInt(rouge, 16); nouveauRouge = nouveauRouge + 65; nouveauRouge = nouveauRouge.toString(16); couleurCorrigee = nouveauRouge + vert + nouveauBleu; } else { // Cas où la couleur est trop claire if(rouge == "FF" && parseInt(vert, 16) >= 192 && parseInt(bleu, 16) >= 192) { var nouveauBleu = parseInt(bleu, 16); nouveauBleu = nouveauBleu - (nouveauBleu - 128); nouveauBleu = nouveauBleu.toString(16); var nouveauVert = parseInt(vert, 16); nouveauVert = nouveauVert - (nouveauVert - 128); nouveauVert = nouveauVert.toString(16); couleurCorrigee = rouge + nouveauVert + nouveauBleu; } else { if(bleu == "FF" && parseInt(rouge, 16) >= 192 && parseInt(vert, 16) >= 192) { var nouveauRouge = parseInt(rouge, 16); nouveauRouge = nouveauRouge - (nouveauRouge - 128); nouveauRouge = (nouveauRouge-0).toString(16); var nouveauVert = parseInt(vert, 16); nouveauVert = nouveauVert - (nouveauVert - 128); nouveauVert = nouveauVert.toString(16); couleurCorrigee = nouveauRouge + nouveauVert + bleu; } else { if(vert == "FF" && parseInt(bleu, 16) >= 192 && parseInt(rouge, 16) >= 192) { var nouveauBleu = parseInt(bleu, 16); nouveauBleu = nouveauBleu - (nouveauBleu - 128); nouveauBleu = nouveauBleu.toString(16); var nouveauRouge = parseInt(rouge, 16); nouveauRouge = nouveauRouge - (nouveauRouge - 128); nouveauRouge = nouveauRouge.toString(16); couleurCorrigee = nouveauRouge + vert + nouveauBleu; } } } } } } } } // Retour de la couleur corrigée return couleurCorrigee; }

2. L'inclure au début du document HTML via la balise script

   Code : Tout sélectionner <script type="text/javascript" src="chemin/couleur.js"></script>

3. Appeler la fonction via une autre balise script placée cette fois en fin de document HTML (avant la fermeture de la balise body)

   Code : Tout sélectionner <script type="text/javascript"> var elements = document.querySelectorAll(".content span, .signature span"); // <-- Les balises span de couleur dans les messages et les signatures for(var i = 0; i < elements.length; i++) { if(elements[i].hasAttribute("style")) { if(elements[i].getAttribute("style").indexOf("color") != -1) { elements[i].style.color = "#" + correctionCouleur(elements[i].getAttribute("style").substr(elements[i].getAttribute("style").indexOf("#") + 1, 6)); } } } </script>

4. Pensée à ceux qui désactivent JavaScript : la couleur blanche/noir leur serait dès lors imposée via le CSS (à inclure en bas de document HTML avant la fermeture de la balise body) :

   Code : Tout sélectionner <noscript> <style> .content span, .signature span { color: inherit !important; } </style> </noscript>

5. A tester pour les vieux navigateurs mais je pense que l'on peut carrément se passer du JS pour ces cas là ou imposer une couleur unique avec la ligne CSS.

raymater a écrit : *

19 mai 2017 08:58

5.    A tester pour les vieux navigateurs mais je pense que l'on peut carrément se passer du JS pour ces cas là ou imposer une couleur unique avec la ligne CSS.

proSilver (et donc aussi ne-blackgreen) n'est de toute façon pas prévu pour les vieux navigateurs (c'est-à-dire antérieur à IE8, voire IE9), et je n'ai pas du tout l'intention d'alourdir Legacy pour résoudre un problème qui ne se pose pas pour les thèmes clairs.

Quant à implémenter ton script à ne-blackgreen, ce n'est de toute évidence pas la solution préconisée par les modérateurs. Après, s'il y a une réelle demande pour pouvoir utiliser les couleurs dessus, j'envisagerais ta solution mais ce n'est pas ce qui ressort des premières réactions suite à l'installation de ce style...

Mais merci quand même pour ta contribution.

Big Monstro a écrit : *

19 mai 2017 12:15

pour résoudre un problème qui ne se pose pas pour les thèmes clairs.

Bah si justement. Genre si j'écris comme ça : oui là comme ça, ou bien comme ça, ou encore comme ceci , c'est quand même pas top pour ceux qui sont sur un thème clair alors que ça passe très bien sur le thème sombre, et inversement pour les couleurs sombres.

Big Monstro a écrit : *

19 mai 2017 12:15

et je n'ai pas du tout l'intention d'alourdir Legacy

Si vraiment ça pose problème sur les vieux navigateurs sous Legacy alors on peut osef le script JS de correction de couleur et laisser comme c'est à la limite. Le script ne s’exécuterait que pour les navigateurs récents.


Après si j'ai l'air d'insister sur la couleur c'est que justement c'est quand même un peu dommage de se priver d'un élément de mise en forme important visuellement. J'utilise le thème sombre depuis hier et le besoin est quand même présent.

Ah un thème sombre cela fait du bien cela soulage réellement mes yeux... (à savoir que j'utilise aussi windows 10 en mode "nuit" et que j'ai f.lux pour éviter d'avoir mal aux yeux en fin de journée), j'ai vu ce topic j'ai adopté immédiatement le thème. Le fond blanc juste avant quand j'ai aperçu ce topic m'éclatait les yeux, c'est une bonne idée et une bonne avancée pour le forum

@ Der Siebte Schatten > de toute évidence, le problème de contours blanc s'est produit lors du redimensionnement des images. Tu peux le refaire si tu peux.

subSilver2 utilise par défaut un logo de 170x94 pixels, tandis que proSilver utilise un logo de 149x52. J'ai adapté en conséquence. Matthias avait produit un logo de 160x100, car c'étaient les dimensions de l'ancien logo, mais cela ne correspondait à aucune valeurs par défaut.

A la limite, je pourrais très bien remettre le logo 160x100 à Legacy (on ne perdrait que 6 pixels de haut) mais remettre le même logo à proSilver (dont le logo original a une hauteur de moitié) ne donne vraiment pas bien, d'où la réduction de taille forcée.

raymater a écrit : *

19 mai 2017 13:32

Genre si j'écris comme ça : oui là comme ça, ou bien comme ça, ou encore comme ceci , c'est quand même pas top pour ceux qui sont sur un thème clair alors que ça passe très bien sur le thème sombre, et inversement pour les couleurs sombres.

Sauf qu'il n'y avait pas de thème sombre jusqu'il y a peu. Par conséquent, aucun membre de Win3x.Org n'a dû écrire de messages en utilisant des couleurs confondantes avec les fonds clairs. Et la minorité d'utilisateurs qui utilisera le thème sombre ne va pas se mettre à coloriser leurs messages en clair puisque, en l'état, seule la couleur blanche s'affiche en mode sombre.

valentin57 a écrit : *

19 mai 2017 14:40

Le fond blanc juste avant quand j'ai aperçu ce topic m'éclatait les yeux

Je suppose que tu ne fais jamais de recherches sur Google , et comment tu faisais pour troller sur Win3x.Org au bon vieux temps si tu ne supportes pas les fonds clairs ?