#15 Support des icônes de trophées

Відкрито
5 місяці тому відкрито Darks · 11 коментарів
Darks прокоментував(ла) 5 місяці тому

Ajouter le support des icônes de trophées

  • affichage là où y’a besoin
  • modification des formulaires d’ajout et de modification
  • modification du script master pour ajouter automatiquement les icônes des trophées par défaut
Ajouter le support des icônes de trophées - affichage là où y'a besoin - modification des formulaires d'ajout et de modification - modification du script master pour ajouter automatiquement les icônes des trophées par défaut
Darks added the
bug
label 5 місяці тому
Darks removed the
bug
label 5 місяці тому
Lephenixnoir прокоментував(ла) 3 місяці тому
Власник

Le code ne le supporte pas encore, mais j’ai déjà fait quelques icônes, dans l’ordre :

  • Membre d’honneur
  • Grand manitou (TODO, mon croquis est assez difficile)
  • Gourou
  • Grand Maître des Traits d’Esprit
  • Premiers mots
  • Beau parleur
  • Plume infaillible
  • Romancier émérite
  • Pédagogue
  • Encyclopédie vivante
  • Guerrier du savoir
Le code ne le supporte pas encore, mais j'ai déjà fait quelques icônes, dans l'ordre : * Membre d'honneur * Grand manitou (TODO, mon croquis est assez difficile) * Gourou * Grand Maître des Traits d'Esprit * Premiers mots * Beau parleur * Plume infaillible * Romancier émérite * Pédagogue * Encyclopédie vivante * Guerrier du savoir
Eragon прокоментував(ла) 3 місяці тому
Співавтор

C’est un peu pixelisé non ? En svg ce serait pas mieux ?

C'est un peu pixelisé non ? En svg ce serait pas mieux ?
Lephenixnoir прокоментував(ла) 3 місяці тому
Власник

Pixelisé ? C’est du 16x16 donc je les ai agrandies pour la lisibilité. Je ne les fais pas plus grandes parce qu’il faut que ça reste discret à côté d’une ligne de texte.

En SVG le rendu risque d’être mauvais à petite taille. Et c’est aussi bien plus compliqué à faire - je ne m’y risque pas, je n’ai pas l’expérience.

Pixelisé ? C'est du 16x16 donc je les ai agrandies pour la lisibilité. Je ne les fais pas plus grandes parce qu'il faut que ça reste discret à côté d'une ligne de texte. En SVG le rendu risque d'être mauvais à petite taille. Et c'est aussi bien plus compliqué à faire - je ne m'y risque pas, je n'ai pas l'expérience.
Eragon прокоментував(ла) 3 місяці тому
Співавтор

Ah oui j’ai du mal à me rendre compte de la taille autant pour moi

Ah oui j'ai du mal à me rendre compte de la taille autant pour moi
Lephenixnoir прокоментував(ла) 2 місяці тому
Власник

Au passage, pour l’affichage sur la page de profil on compte afficher en grille (genre avec les icônes en assez grand et le nom et la description à côté) avec 3 lignes de JS pour passer en mode réduit avec uniquement les icônes.

Au passage, pour l'affichage sur la page de profil on compte afficher en grille (genre avec les icônes en assez grand et le nom et la description à côté) avec 3 lignes de JS pour passer en mode réduit avec uniquement les icônes.
Darks прокоментував(ла) 2 місяці тому
Власник

Pour l’affichage, on a décidé d’une interface mixte à la LeekWars : une vue condensée et une autre plus verbeuse, le passage de l’une à l’autre se fait avec une ligne de Javascript.

Quelques visuels :

Pour l'affichage, on a décidé d'une interface mixte à la LeekWars : une vue condensée et une autre plus verbeuse, le passage de l'une à l'autre se fait avec une ligne de Javascript. Quelques visuels :
Kirafi прокоментував(ла) 1 місяць тому

Je pensais à un truc, pourquoi ne pas tout simplement utiliser des icônes libre de droit genre Flaticon ou encore des icônes de Font Awesome ? En plus avec ceux de Font Awesome on peut facilement les afficher dans des lignes des textes.

  • Membre d’honneur : une médaille
  • Grand manitou : une chapeau magique (j’ai rien trouvé de mieux)
  • Gourou : un tipi (je sais pas trop quoi mettre là aussi j’avoue)
  • Grand Maître des Traits d’Esprit (je ne saisi pas ce que tu as voulu représenter, je vois une bière ?)
  • Premiers mots : une bulle
  • Beau parleur : plusieurs bulles (ou un mégaphone que je trouve marrant)
  • Plume infaillible : une plume
  • Romancier émérite : un livre
  • Pédagogue : un prof ou des lunettes
  • Encyclopédie vivante : une chapeau d’étudiant à l’américaine
  • Guerrier du savoir : un poing (les icônes d’épées sont dans la version pro dommage…)

Pour des icônes couleur et plus grand aussi, il y a Flaticon (d’autres sites doivent exister) et faut faire attention à bien choisir pour garder une cohérence dans les icônes.

Je pensais à un truc, pourquoi ne pas tout simplement utiliser des icônes libre de droit genre [Flaticon](https://www.flaticon.com/) ou encore des icônes de [Font Awesome](https://fontawesome.com/icons?d=gallery) ? En plus avec ceux de Font Awesome on peut facilement les afficher dans des lignes des textes. - Membre d’honneur : une [médaille](https://fontawesome.com/icons/award?style=solid) - Grand manitou : une [chapeau magique] (https://fontawesome.com/icons/hat-wizard?style=solid) (j'ai rien trouvé de mieux) - Gourou : un [tipi](https://fontawesome.com/icons/campground?style=solid) (je sais pas trop quoi mettre là aussi j'avoue) - Grand Maître des Traits d’Esprit (je ne saisi pas ce que tu as voulu représenter, je vois une [bière](https://fontawesome.com/icons/beer?style=solid) ?) - Premiers mots : une [bulle](https://fontawesome.com/icons/comment?style=solid) - Beau parleur : plusieurs [bulles](https://fontawesome.com/icons/comments?style=solid) (ou un [mégaphone](https://fontawesome.com/icons/bullhorn?style=solid) que je trouve marrant) - Plume infaillible : une [plume](https://fontawesome.com/icons/feather-alt?style=solid) - Romancier émérite : un [livre](https://fontawesome.com/icons/book?style=solid) - Pédagogue : un [prof](https://fontawesome.com/icons/chalkboard-teacher?style=solid) ou des [lunettes](https://fontawesome.com/icons/glasses?style=solid) - Encyclopédie vivante : une [chapeau d'étudiant](https://fontawesome.com/icons/graduation-cap?style=solid) à l'américaine - Guerrier du savoir : un [poing](https://fontawesome.com/icons/fist-raised?style=solid) (les icônes d'épées sont dans la version pro dommage...) Pour des icônes couleur et plus grand aussi, il y a Flaticon (d'autres sites doivent exister) et faut faire attention à bien choisir pour garder une cohérence dans les icônes.
Kirafi прокоментував(ла) 1 місяць тому

Icônes libre sur Flaticon :

Icônes libre sur Flaticon : - Membre d’honneur : [médaille d'honneur](https://www.flaticon.com/free-icon/honor_1237634#term=honor%20medal&page=1&position=5), [médaille](https://www.flaticon.com/free-icon/certificate_214282#term=medal&page=1&position=1) ou [médaille avec une étoile](https://www.flaticon.com/free-icon/medal_610333#term=medal&page=1&position=2) - Grand manitou : [jesus](https://www.flaticon.com/free-icon/jesus_381801#term=god&page=1&position=5) - Gourou : un [totem tiki](https://www.flaticon.com/free-icon/tiki_2028351#term=tiki&page=1&position=6) - Grand Maître des Traits d’Esprit (je ne saisi pas ce que tu as voulu représenter, je vois une [bière](https://www.flaticon.com/free-icon/pint_135759#term=beer&page=1&position=1) ?) - Premiers mots : une [bulle](https://www.flaticon.com/free-icon/chat_2067785#term=bubble%20flat&page=2&position=4) - Beau parleur : un [mégaphone](https://www.flaticon.com/free-icon/megaphone_260285#term=megaphone&page=2&position=14), ou un [gars](https://www.flaticon.com/free-icon/businessman_1253767#term=megaphone&page=2&position=28) qui parle dans un mégaphone - Plume infaillible : une [plume](https://www.flaticon.com/free-icon/feather_717912#term=feather&page=1&position=50) - Romancier émérite : un [livre](https://www.flaticon.com/free-icon/book_1825330#term=book%20writing&page=1&position=13) en train d'être rédigé - Pédagogue : un [tableau](https://www.flaticon.com/free-icon/whiteboard_2065004#term=teacher&page=1&position=20) ou des [lunettes](https://www.flaticon.com/free-icon/glasses_167744#term=glasses&page=1&position=37) - Encyclopédie vivante : une [chapeau](https://www.flaticon.com/free-icon/world_2097146#term=graduation&page=1&position=51) d’étudiant à l’américaine posé sur le "web" - Guerrier du savoir : une tête de [chevalier](https://www.flaticon.com/free-icon/knight_1980136#term=warrior&page=1&position=9) ou une [épée plantée](https://www.flaticon.com/free-icon/excalibur_302134)
Lephenixnoir прокоментував(ла) 1 місяць тому
Власник

Je suis pas opposé à l’idée de récupérer des icônes. Merci d’en avoir trouvé !

La police ça me tente moins. Graphiquement c’est pas top (pas coloré) et souvent les icônes sont vues et revues.

En tous cas je vois des trucs prometteurs sur Flaticon, je pense que ça vaut la peine de creuser :smiley:

Je suis pas opposé à l'idée de récupérer des icônes. Merci d'en avoir trouvé ! La police ça me tente moins. Graphiquement c'est pas top (pas coloré) et souvent les icônes sont vues et revues. En tous cas je vois des trucs prometteurs sur Flaticon, je pense que ça vaut la peine de creuser :smiley:
Kirafi прокоментував(ла) 1 місяць тому

Ah content que l’idée te plaise, en plus les icônes Flaticon sont quasiment tous disponibles en SVG.

Ah content que l'idée te plaise, en plus les icônes Flaticon sont quasiment tous disponibles en SVG.
Darks прокоментував(ла) 1 місяць тому
Власник

J’aime beaucoup les Flaticon, en effet on peut regarder de ce coté là :smiley:

J'aime beaucoup les Flaticon, en effet on peut regarder de ce coté là :smiley:
Підпишіться щоб приєднатися до обговорення.
Етап відсутній
Немає виконавеця
4 учасників
Дата завершення

Термін виконання не встановлений.

Залежності

Ця проблема в даний час не має залежностей.

Завантаження…
Відмінити
Зберегти
Тут ще немає жодного змісту.