Version imprimable du sujet
Cliquez ici pour voir ce sujet dans son format original
Forum TourDeJeu > Annonces et suggestions > [fait] Screenshots Et Bbcode


Ecrit par: Oelita Mercredi 16 Septembre 2009 à 11h48
Tâche suivante sur la todo liste : améliorer le look des fiches de jeux en y intégrant des images (screenshots ou autres) et un peu de mise en forme de texte, sous forme de bbcode.

Pour les screenshots, je pense que l'admin de la fiche les uploadera, je les retaillerai à un format donné pour la fiche, et ferai aussi une petite miniature pour les listes de jeux.
Au niveau présentation, vous avez des suggestions ? comme la fiche de jeu est assez large, je peux les mettre en colonne à droite. Ou bien faire les mettre en bas de fiche.

Un clic sur l'image et on l'ouvre en grand en fausse pop-up (j'utilise scriptaculous) ?
Je propose de mettre un texte en légende sur l'image ?

Pour le bbcode, je vais voir sur je peux réutiliser ce qu'il y a sur le forum. Sinon, si qqun connait une façon simple d'intégrer un éditeur de bbcode, cela m'intéresse.

(une fois fait, je pourrai l'intégrer aussi sur les news)(pourquoi pas une photo sur une news, aussi, tiens... )

Ecrit par: Lunch Mercredi 16 Septembre 2009 à 13h11
Excellent smile.gif
Pour la présentation, une vignette cliquable qui ouvre un popup de l'image en plus grand, et légendé, me semble pas mal.

Ecrit par: Oelita Mercredi 16 Septembre 2009 à 15h42
Oui, je pense que LightBox 2, qui utilise Scriptaculous, sera pas mal pour ça.

Ecrit par: 'Christa Samedi 19 Septembre 2009 à 11h24
Pour les screenshots, ya http://www.robothumb.com/ aussi qui fait des trucs bien ^^

Mais pour le bbcode... Sur mon forum phpbb3, je me sers précisément des fonctions de phpbb3 pour avoir du bbcode là où on est pas sensé en utiliser, mais à partir de zéro, c'est pas mon truc T.T

Et sur ce forum, il n'y a pas de balises [center] ni [justify], c'est mal.

Ecrit par: Aruarian Dimanche 20 Septembre 2009 à 13h02
Retailler toi-même les screenshots à la main ? Tu veux pas plutôt imposer une taille maximale ? (en disant ça je me rends compte que je n'ai aucune idée de si ça peut se faire avec des balises ???)

Ecrit par: omgreg Lundi 21 Septembre 2009 à 18h43
Voici les bbcode que j'utilise, y'en manque surement mais l'essentiel est là. Tu peux créer une fonction pour pas avoir à tout remettre à chaque fois bien sur.

CODE

//Retour à la ligne
$contenu = nl2br( $contenu);

   // Gras
   $contenu = preg_replace('#\[b\](.+)\[/b\]#isU', '<strong>$1</strong>', $contenu);
// italique
   $contenu = preg_replace('#\[i\](.+)\[/i\]#isU', '<em>$1</em>', $contenu);
// souligné
$contenu = preg_replace('#\[u\](.+)\[/u\]#isU', '$1', $contenu);
// centré
$contenu = preg_replace('#\[center\](.+)\[/center\]#isU', '<center>$1</center>', $contenu);
// couleur
   $contenu=str_replace("[/color]", "</span>", $contenu);
   $regCouleur2="\[color= ?(([[:alpha:]]+)|(#[[:digit:][:alpha:]]{6})) ?\]";
$contenu=ereg_replace($regCouleur2, "<span style=\"color: \\1\">", $contenu);
   $contenu = preg_replace('#\[color=(red|green|blue|yellow|purple|olive)\](.+)\[/color\]#isU', '<span style="color:$1">$2</span>', $contenu);
// image
$contenu = preg_replace("!\[img\](.+)\[/img\]!Ui","<img src=\"$1\" alt=\"\" border=\"0\">",$contenu);
  // lien simple
  $regLienSimple="\[url\] ?([^\[]*) ?\[/url\]";
  // lien étendu
  $regLienEtendu="\[url ?=([^\[]*) ?] ?([^]]*) ?\[/url\]";
  if (ereg($regLienSimple, $contenu)) $contenu=ereg_replace($regLienSimple, "<a href=\"\\1\">\\1</a>", $contenu);
  else $contenu=ereg_replace($regLienEtendu, "<a href=\"\\1\" target=\"_blank\">\\2</a>", $contenu);
 
  $contenu = preg_replace("!\[url=([^\]]+)\](.+)\[/url\]!Ui","<a href=\"$1\" target=\"_blank\">$2</a>",$contenu);
  // taille
  $contenu=str_replace("[/size]", "</span>", $contenu);
  $regtaille="\[size= ?([[:digit:]]+) ?\]";
  $contenu=ereg_replace($regtaille, "<span style=\"font-size: \\1px\">", $contenu);


Ps: Oelita, peux-tu répondre à mon MP stp? Merci

Ecrit par: Oelita Mardi 22 Septembre 2009 à 00h51
QUOTE (Aruarian @ Dimanche 20 Septembre 2009 à 12h02)
Retailler toi-même les screenshots à la main ? Tu veux pas plutôt imposer une taille maximale ? (en disant ça je me rends compte que je n'ai aucune idée de si ça peut se faire avec des balises ???)

ah non, pas à la main, il y a des scripts pour ça :-)

Ecrit par: Oelita Mardi 22 Septembre 2009 à 00h53
QUOTE (omgreg @ Lundi 21 Septembre 2009 à 17h43)
Voici les bbcode que j'utilise, y'en manque surement mais l'essentiel est là. Tu peux créer une fonction pour pas avoir à tout remettre à chaque fois bien sur.

Merci !
Pour le MP, j'ai dû oublié, oups, j'y vais.

Ecrit par: Oelita Mardi 29 Septembre 2009 à 12h34
S'il y a des MJ un peu téméraires qui veulent tester, l'upload d'écrans et le bbcode dans la fiche détaillée sont actifs et en ligne. Ca mérite sans doute un peu de test supplémentaire avant d'en faire la pub plus largement sweatdrop.gif
Merci de m'indiquer vos retours sur le sujet !

(Vous devez aller sur votre page MJ pour pouvoir faire des uploads, sinon vous pouvez simplement modifier votre fiche pour mettre du bbcode)

Ecrit par: Natth Mardi 29 Septembre 2009 à 15h04
Pour ma part, le bbcode marche plutôt bien smile.gif

J'avais peur de ne pas choisir la bonne taille pour "size" (qu'il corresponde à une police en html par exemple). Mais apparemment, l'échelle de la taille ressemble à celle que l'on peut trouver sur les forums phpBB.

Par contre, je n'ai pas encore tenté la couleur. Il faut en trouver une qui se marie bien au fond vert ^^

Ecrit par: Lunch Jeudi 01 Octobre 2009 à 22h06
J'ai pu tester sur http://www.tourdejeu.net/annu/fichejeu.php?id=6939.
C'est super, le BB code fonctionne impeccablement et les images ont été insérées avec succès wink.gif

Merci beaucoup !

Ecrit par: Oelita Jeudi 01 Octobre 2009 à 22h22
Ah oui, 6 images pour ton jeu, c'est du bon test :-)
Bon, il y avait un bug au départ sur les PNG, qui a été corrigé, et le fonctionnement a maintenant l'air OK.
J'en ferai un peu de pub ce week-end !

Ecrit par: Lunch Vendredi 02 Octobre 2009 à 09h47
Oui je confirme que le PNJ fonctionne.
J'ai également testé le changement d'image principale, la modification des titres, l'affichage.
La seule chose que j'ai pas vérifié c'est la suppression, mais y'a pas de raisons que ça marche pas wink.gif

Ecrit par: 'Christa Mardi 06 Octobre 2009 à 12h54
On pourrait pas avoir un bbcode [justify] ? T.T Ces gros blocs de texte alignés à gauche, ça fait pas sérieux...

Ce serait bien aussi de préciser les tailles à utiliser pour size... sur phpbb3, on utilise des tailles en %, sur forumactif, on les utilise en pixels, ce qui fait que pour une petite police, on pourrait se demander s'il faut utiliser 85(%) ou 9(px)...

Ecrit par: 'Christa Lundi 04 Janvier 2010 à 08h18
Je réitère ma demande pour le bbcode justify en ajoutant aussi une demande pour le bbcode list qui permet, entre autres, de faire un retrait bienvenu du texte et ainsi aérer un peu le tout.

Ecrit par: Lunch Jeudi 07 Janvier 2010 à 19h55
Je reviens à la charge pour les balises images.
Est-ce qu'il serait possible de les autoriser au moins pour les images hébergées sur Tour de Jeu (c'est à dire celles qui font partie de la fiche de jeu, une redirection d'affichage peut-être ?).

Je dis ça parce que j'ai finalement remis http://www.tourdejeu.net/annu/fichejeu.php?id=6939 récemment pour le concours de Tour de Jeu, je l'avais écourtée à cause des images qui ne fonctionnaient pas, mais elle est clairement moins visuelle si j'ai pas les images (vu qu'ils sont les illustrations du texte roleplay).

Ecrit par: Oelita Jeudi 14 Janvier 2010 à 12h07
Pour le justify, voici un petit lien d'information sur pourquoi je n'ai pas spécialement envie de le mettre en place : http://www.kiwano.fr/ergonomie-accessibilite-site-crimes-web/. (Certes, il y a du boulot sur les autres sujets mentionnés sur cet article ;-) et je devrais retirer le bbcode de soulignement, aussi).

Pour les listes, oui c'est intéressant visuellement, c'est noté dans les choses à faire.

Pour les images, il faudrait que je fasse la différence entre les images uploadées et les autres, et que j'utilise le code d'aperçu. Ca veut dire faire du sur-mesure, donc ça prendre un peu plus de temps... mais c'est noté aussi.

(à noter que le hacker passé récemment sur le forum a justement utilisé une faille qui concerne l'insertion d'images pour réaliser son hack)

Ecrit par: Suditidus Jeudi 14 Janvier 2010 à 12h20
Je suis totalement d'accord pour l'utilité du justify qui n'est pas du tout ergonomique, car fatigant pour l'oeil, lourd d'affichage et souvent décourageant à lire, surtout sur le net.

Ce qui serait bien par contre, ça serait la possibilité d'espacer les interlignes, pour une lecture plus aérée =D

Ecrit par: Oelita Jeudi 14 Janvier 2010 à 12h36
Espacer les interlignes globalement sur TourdeJeu, globalement sur les fiches de jeux, ou bien laisser la possibilité d'avoir un bbcode d'interligne ?

Le code de liste pourrait permettre d'aérer un peu le texte, déjà.

Ecrit par: 'Christa Jeudi 14 Janvier 2010 à 13h57
J'insiste pour le justify tout de même =_= Pour moi, un texte justifié est au contraire beaucoup plus agréable à lire qu'un texte aligné à gauche. J'ai l'habitude de lire beaucoup de romans, et sauf erreur de ma part, tout roman est écrit en justifié u_u'

Bref, l'argumentaire est discutable, personnellement la lecture sur écran ne me pose pas plus de problèmes que ça, et elle est plus plaisante en justifié.

Quant au soulignement, on peut effectivement s'en passer, mais à condition d'avoir d'autres moyens de séparer les titres du reste du texte è_é Genre la balise list.

Ecrit par: Aruarian Jeudi 14 Janvier 2010 à 14h13
Le justifié est intéressant sur les gros pavés et effectivement il repose les yeux dans ce cas là car on ne fait pas de sauts constants. Mais sur un petit format comme la fiche de jeu, c'est plus risqué : les colonnes sont plus étroites, et on risque d'avoir des lignes avec trois mots super espacés, ce qui n'est pas plus lisible... Enfin ça concerne surtout les petits écrans, mais ils existent !

Ecrit par: 'Christa Jeudi 14 Janvier 2010 à 19h25
La fiche de jeu est un petit format ? O.o

Elle est extensible selon l'écran, et moi je suis en 1280 sur mes deux portables, et statistiquement parlant, c'est une taille plutôt standard (si j'en crois les statistiques des visites sur l'Enae, plus de 75% des visiteurs ont une résolution d'écran supérieure ou égale à 1280 de largeur)

Ecrit par: Aruarian Jeudi 14 Janvier 2010 à 22h13
L'ergonomie c'est justement penser aux 25% qui restent ! J'ai un écran 23 pouces donc je ne suis pas désavantagé moi-même mais c'est pas du tout le débat smile.gif

Ecrit par: 'Christa Jeudi 14 Janvier 2010 à 23h45
Je le sais bien, mais c'est quand même un peu gonflé de refuser d'ajouter une balise justify parce que 25% de gens ont un écran trop petit O.o Après tout, c'est celui qui crée sa fiche qui choisit, non ?

Ecrit par: brisecous Vendredi 15 Janvier 2010 à 02h34
D'un autre côté une balise "justify" qui s'affiche mal peut nuire à la qualité générale de l'annuaire auprès de ces 25% d'usager et lui causer du tort, non ?

Ceci dit c'est vrai qu'un texte justifié fait quand même sacrément plus propre dans la plupart des cas...

Ecrit par: Natth Vendredi 15 Janvier 2010 à 04h03
Disposant d'un écran 800x600 chez moi, je ne peux pas dire qu'un texte justifié sur les fiches de Tour de jeu me dérangerait. En 800x600, la colonne de la fiche est plutôt large, donc le texte ne risque pas de ressembler à une colonne de faits divers tant que l'auteur ne fait pas des paragraphes trop longs. Dans ce dernier cas, cela pourrait devenir gênant effectivement.

Cependant, je ne fais pas partie des gens ayant des problèmes de vue (en dehors du fait que je sois myope comme une taupe). Travaillant sur écran numérique toute la journée, j'ai juste les yeux qui saignent quand je tombe sur un site à fond noir et à écriture sombre. Avec un écran numérique, c'est pénible, mais avec un écran "classique", c'est insupportable.

De même, je suis d'accord avec Brisecous : si la balise est mal mise, il est encore préférable de ne pas la mettre. A ce niveau, ça gênera plus que 25% des usagers... Finalement, je dois avouer que je préfère un texte justifié, même sur les fiches, car je trouve cela plus propre, plus "fini". Mais cela ne me paraît pas une obligation si cela gêne d'autres personnes, quel que soit leur pourcentage. La présentation des fiches étant déjà bien travaillée, elles ne me paraissent pas négligées sans "justify".

Sinon, je dois dire que je trouve normal de se soucier du confort de l'ensemble des usagers, qu'ils soient 25%, 5% ou 1%, surtout lorsque l'on gère un site. Sans parler spécialement de "justify", les membres ne pensent pas forcément au fait qu'utiliser telle ou telle fonction peut être gênant. Si l'administrateur d'un site la propose, il est logique qu'ils l'utilisent... C'est donc au gestionnaire de penser à tout. Tout le monde n'a pas les mêmes priorités. Je connais des personnes qui ne veulent pas investir dans un nouvel ordinateur, même si le leur est très vieux, car l'informatique est très accessoire pour eux. Je ne pense pas que ce soit une raison pour ne pas se soucier de leur confort.

Personnellement, j'ai une préférence pour les sites aux largeurs gérées par pourcentages, aux thèmes qui s'adaptent à toutes les résolutions (type Prosilver sous phpBB3 par exemple) et à l'innovation de phpBB3, qui fait que la taille de la colonne d'un topic est toujours la même, alors que la taille du forum s'adapte à l'écran, quelle que soit la résolution smile.gif

Ecrit par: 'Christa Vendredi 15 Janvier 2010 à 14h35
Brisecous > Le truc est que si ces usagers ne peuvent pas avoir un écran assez large pour lire ma fiche, ils ne l'auront pas assez pour lire sur mon forum qui, je te le rappelle, est un forum d'écriture bien barbare avec plein de texte de partout. Justifié, le texte.

Et puis c'est pas comme si la couleur générale de Tour de Jeu ne lui nuisait pas déjà assez XD Entre ces boites grises sinistres et le vert-bleu dominant... (Qu'on ne se méprenne pas : j'adore le vert. J'aime tellement le vert que j'ai un site vert et un forum dont l'un des thèmes graphiques est totalement et résolument vert, mais à l'époque où je n'avais qu'un seul thème, j'ai déjà eu des commentaires comme quoi la dominante de couleur de mon forum faisait fuir u_u)

Ecrit par: Aruarian Vendredi 15 Janvier 2010 à 16h09
Sauf que 'Christa, ton exemple n'est que le tien : tous les jeux de l'annuaire de sont pas des JDR textuels ! Bon, pour le vert, c'est un autre débat, et là on rentre carrément dans la question du goût et plus de l'ergonomie, donc je ne me lance pas là-dessus, sinon demain on est en orange, gris et violet... Oh je rigole smile.gif

Ecrit par: Oelita Vendredi 15 Janvier 2010 à 16h36
Perso, je ne vois pas l'intérêt du justify, je trouve que ça n'apporte rien, à part des soucis dans certaines configurations. C'est un héritage du livre, où cela repose les yeux parce qu'on a des pages et des pages de texte qui se suivent (sans titres, sans gras, sauf exceptions), ou de la mise en page en colonnes des quotidiens (où on a des très grandes pages). Ce qui n'est pas le cas des pages web.
Du coup, je comprends que ça plaise parce que ça fait littéraire ;-)

Il y a aussi un aspect "goûts et couleurs" très subjectif. C'est pourquoi j'ai donné un lien de spécialiste en ergonomie : j'ai plusieurs fois lu cet avis négatif de leur part, alors ça donne un peu de poids à mon avis personnel.

Maintenant, bon, je ne dis pas que les autres options offertes de bbcode donnent forcément des résultats magnifiques non plus si elles sont utilisées à tort et à travers. Donc c'est certes un peu injuste de refuser celui-là spécifiquement...

Omgreg (merci à lui !!!) m'a donné un bout de code pour traiter les justify et les list, donc il n'y a plus qu'à. Il faudra qu'en même temps je mette le lien vers une page d'aide au bbcode (cf. celle qui est donnée par le forum en dessous des smileys, à gauche, là, qui s'ouvre en pop-up, qui est à modifier un peu).

Ecrit par: 'Christa Vendredi 15 Janvier 2010 à 19h17
A propos de bbcode justifié ou pas, tu pourrais le permettre aussi dans les profils des alterna joueurs ? ^^ Certains mettent leur fiche en tas là dedans et ça rend pas terrible.

Ecrit par: Suditidus Samedi 16 Janvier 2010 à 15h21
http://www.nytimes.com/ Voilà un grand journal mondial. Rien de justifier et pourtant, il est clairement affiché que ce n'est pas brouillon, et propre. Une lecture facile et agréable. Après, si ça arrange certains de mettre une balise pourquoi pas. Tant que ce n'est pas généralisé à tout le monde.

Pour ce qui est de l'interligne, (je sais j'ai un train de retard mdr), je pensais bel et bien à un autre BBCode. Ca permets d'aérer les textes et agrémente plutôt bien un texte biggrin.gif

Ecrit par: Oelita Lundi 25 Janvier 2010 à 12h26
Le bbcode a été enrichi des listes, des images uniquement si elles sont sur TourDeJeu, du justifié.
Une pop-up qui liste les bbcode utilisables avec des exemples a été mise en place en guise d'aide sur la saisie des fiches de jeu et des news.

Ecrit par: Lunch Lundi 25 Janvier 2010 à 13h22
Super, je regarderais ça quand je pourrais modifier ma fiche ^^

EDIT : Non en fait vu que j'avais déjà mis les liens pointant sur les images hébergées sur TourdeJeu, ça a été directement modifié et ça affiche les images.
Là c'est vraiment génial. Merci Oelita smile.gif

Ecrit par: Lunch Samedi 13 Février 2010 à 19h44
Je repasse un petit coup pour remercier de cette modification des images dans les descriptions.
Après moi je vois que d'autres s'y mettent, et franchement je trouve que ça donne des descriptions plus jolies, plus légères, et qui donnent plus envie, comme par exemple la plus récente avec la fiche de http://www.tourdejeu.net/annu/fichejeu.php?id=606 !

Bref, encore merci smile.gif

Ecrit par: Sawen Samedi 13 Février 2010 à 20h04
whistling.gif Je me suis amusé en effet, excellent principe pour faire de superbes fiches, merci des possibilités thumbsup.gif

P.S : Justify est bel et bien utile prie.gif 'Christa

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)