TourDeJeu, le réseau des jeux en ligne alternatifs : jeux web multijoueurs, jeux par forum. En savoir +

Flux RSS des discussions du forum : pour les joueurs, et pour les créateurs et MJ
Pages : (2) [1] 2   ( Aller vers premier message non lu ) Reply to this topicStart new topicStart Poll

> [fait] Screenshots Et Bbcode
Oelita
Ecrit le : Mercredi 16 Septembre 2009 à 11h48
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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... )


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Lunch
Ecrit le : Mercredi 16 Septembre 2009 à 13h11
Quote Post


Ouf
*

Groupe : Membre
Messages : 337


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.


--------------------
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Mercredi 16 Septembre 2009 à 15h42
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


Oui, je pense que LightBox 2, qui utilise Scriptaculous, sera pas mal pour ça.


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
'Christa
Ecrit le : Samedi 19 Septembre 2009 à 11h24
Quote Post


Pro
*

Groupe : Membre
Messages : 131


Pour les screenshots, ya robothumb 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.


--------------------
user posted image
user posted image
PMEmail Poster
Top
Aruarian
Ecrit le : Dimanche 20 Septembre 2009 à 13h02
Quote Post


Pro
*

Groupe : Animateur
Messages : 154


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 ???)


--------------------
Un roman : c'est un miroir qui se promène le long d'un chemin — Saint-Réal
PM
Top
omgreg
Ecrit le : Lundi 21 Septembre 2009 à 18h43
Quote Post


Pro
*

Groupe : Membre
Messages : 168


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


--------------------
user posted image
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Mardi 22 Septembre 2009 à 00h51
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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 :-)


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Mardi 22 Septembre 2009 à 00h53
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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.


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Mardi 29 Septembre 2009 à 12h34
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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)


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Natth
Ecrit le : Mardi 29 Septembre 2009 à 15h04
Quote Post


Ouf
*

Groupe : Animateur
Messages : 615


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 ^^
PMEmail PosterUsers WebsiteYahoo
Top
Lunch
Ecrit le : Jeudi 01 Octobre 2009 à 22h06
Quote Post


Ouf
*

Groupe : Membre
Messages : 337


J'ai pu tester sur ma page.
C'est super, le BB code fonctionne impeccablement et les images ont été insérées avec succès wink.gif

Merci beaucoup !


--------------------
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Jeudi 01 Octobre 2009 à 22h22
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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 !


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Lunch
Ecrit le : Vendredi 02 Octobre 2009 à 09h47
Quote Post


Ouf
*

Groupe : Membre
Messages : 337


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


--------------------
PMEmail PosterUsers Website
Top
'Christa
Ecrit le : Mardi 06 Octobre 2009 à 12h54
Quote Post


Pro
*

Groupe : Membre
Messages : 131


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)...


--------------------
user posted image
user posted image
PMEmail Poster
Top
'Christa
Ecrit le : Lundi 04 Janvier 2010 à 08h18
Quote Post


Pro
*

Groupe : Membre
Messages : 131


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.


--------------------
user posted image
user posted image
PMEmail Poster
Top
Lunch
Ecrit le : Jeudi 07 Janvier 2010 à 19h55
Quote Post


Ouf
*

Groupe : Membre
Messages : 337


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 ma description entière 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).


--------------------
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Jeudi 14 Janvier 2010 à 12h07
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


Pour le justify, voici un petit lien d'information sur pourquoi je n'ai pas spécialement envie de le mettre en place : 10 crimes d'ergonomie. (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)


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
Suditidus
Ecrit le : Jeudi 14 Janvier 2010 à 12h20
Quote Post


Kid
*

Groupe : Membre
Messages : 12


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


--------------------
user posted image
PMEmail PosterUsers Website
Top
Oelita
Ecrit le : Jeudi 14 Janvier 2010 à 12h36
Quote Post


Alien
*

Groupe : Admin
Messages : 1589


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à.


--------------------
Oëlita la Gentille Hérétique
Admin TourDeJeu
user posted image

Le moyen le plus efficace pour me contacter ? @Oelita sur Twitter
PMEmail PosterUsers Website
Top
'Christa
Ecrit le : Jeudi 14 Janvier 2010 à 13h57
Quote Post


Pro
*

Groupe : Membre
Messages : 131


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.


--------------------
user posted image
user posted image
PMEmail Poster
Top
Aruarian
Ecrit le : Jeudi 14 Janvier 2010 à 14h13
Quote Post


Pro
*

Groupe : Animateur
Messages : 154


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 !


--------------------
Un roman : c'est un miroir qui se promène le long d'un chemin — Saint-Réal
PM
Top
'Christa
Ecrit le : Jeudi 14 Janvier 2010 à 19h25
Quote Post


Pro
*

Groupe : Membre
Messages : 131


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)


--------------------
user posted image
user posted image
PMEmail Poster
Top
Aruarian
Ecrit le : Jeudi 14 Janvier 2010 à 22h13
Quote Post


Pro
*

Groupe : Animateur
Messages : 154


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


--------------------
Un roman : c'est un miroir qui se promène le long d'un chemin — Saint-Réal
PM
Top
'Christa
Ecrit le : Jeudi 14 Janvier 2010 à 23h45
Quote Post


Pro
*

Groupe : Membre
Messages : 131


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 ?


--------------------
user posted image
user posted image
PMEmail Poster
Top
brisecous
Ecrit le : Vendredi 15 Janvier 2010 à 02h34
Quote Post


Ouf
*

Groupe : Membre
Messages : 736


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...


--------------------
Annuaire forum rpg : L'antre du RPG
PMEmail PosterUsers Website
Top
« Sujets + anciens | Annonces et suggestions | Sujets + récents »

Pages : (2) [1] 2  Reply to this topicStart new topicStart Poll