JRRVF - Tolkien en Version Française - Forum

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Formulaire - Mise en forme

J'ai repris le formulaire pour poster un message pour lui ajouter les fonctions de mise en forme, telles que l'on en avait parlé il y a un temps certain...

Pour l'instant, ce n'est pas achevé, mais pour vous montrer que ça avance, vous voyez ci-dessus les différents nouveaux boutons disponibles pour vous aider à la mise en forme.
Pour l'instant, ils ne sont visibles que dans la section "Webmaster", où les tests non concluants ne causeront pas de dommages à des fuseaux intéressants.

Cédric.

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Cedric a dit :

voyez ci-dessus les différents nouveaux boutons disponibles pour vous aider à la mise en forme.

A condition bien sûr de faire "Répondre" pour afficher le formulaire, évidemment.

Cédric.

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Cedric a dit :

voyez ci-dessus les différents nouveaux boutons disponibles pour vous aider à la mise en forme.

A condition bien sûr de faire "Répondre" pour afficher le formulaire, évidemment.

Cédric.

Sylvae

Inscription : 2002

Messages : 684

Re : Formulaire - Mise en forme

Essai de gras, italique, souligné

(moi !) a dit :

essai de citation

essai de rouge, vert, bleu, rouge encore et à nouveau bleu

Petit

Merci-merci-merci pour les nuls en HTML !

Rien que ça m'incitera à poster un peu plus (enfin... Je pense... ;o)

Laegalad

Lieu : Strasbourg

Inscription : 2002

Messages : 2 998

Site Web

Re : Formulaire - Mise en forme

Yeeeppeee

Allez, je fais quelques tests avec FF1.5.0.4... (pas trop le temps de faire sur autres navigateurs, peut-être à midi)

Silver flow the streams from Celos to Erui
In the green fields of Lebennin!
Tall grow the grass there. In the wind from the Sea
The white lilies sway
And the golden bells are shaken of mellos and alfirin
In the green fields of Lebennin,
In the wind from the Sea!

D'argent coulent les flots du Celos et de l'Erui
Dans les prés verts du Lebennin !
Haute y pousse l'herbe. Au vent de l'Océan gris
Les lis blancs se balancent
Et dansent les clochettes d'or du mellos et de l'alfirin
Dans les prés verts du Lebennin,
Au vent de l'Océan gris !

Sylvae-des-bois a dit :

Merci-merci-merci pour les nuls en HTML !

Et pour ceux qui ne sont pas fichus de retenir par coeur les codes

Dans le Vaste Monde, [les Elfes Silvan] traînaient dans le crépuscule de notre Soleil et de notre Lune, mais ce qu'ils préféraient, c'était les étoiles. [...] Leurs arbres favoris étaient les hêtres.

Bilbo le Hobbit

Voyons donc... (prévisualise) :
génial

(comportement un peu déroutant des boutons "g", "i" et "u" : ils font remonter en haut du message. Et il faut recliquer dessus pour refermer la balise. Bon, il suffit de comprendre que quand il y a une petite étoile sur le bouton, il faut recliquer )
Mm, tiens, autre test, je clique sur "i", j'enlève le "i", l'étoile est toujours là. Logique, la page n'est pas rafraîchie... Mm, oui, il faut rafraîchir pour voir s'il reste encore des étoiles quelque part... le texte ne disparaît pas, c'est déjà ça

Par contre, le fait de surligner de la souris un passage et cliquer sur "g", pour que ça mette automatiquement les balises au bon endroit, c'est bien

Mais comme le comportement de ces boutons (g, u, i) n'est pas le même que ceux "citer", "ref", "trad" et "url" (ces derniers sont sous la forme : balise ouvrante, "votre texte", balise fermante), peut-être mieux les séparer des trois autres, en mettant les trois premières à gauches, les autres à droite ?

Pour l'utilisateur, les différences de comportement seraient plus clair ?

(continu les tests)

En fait, seuls les boutons g i et u sont à part... c'est à dire, si je clique dessus, sans sélectionner de texte, je n'ai qu'une balise ouvrante. Alors que pour les autres, c'est balise ouvrante, balise fermante, qui s'affichent.
Pourquoi ne pas garder ce même principe pour toutes les commandes ? Ce serait plus simple et plus prudent, je pense... sinon, on risque de voir des balises non refermées un peu de partout...

Bon, ce que j'en dis, hein
C'est déjà super d'avoir ces commandes, et la prévisualisation en plus

S.

Pellucidar

Lieu : Boncelles, Liège (Belgique)

Inscription : 2005

Messages : 425

Re : Formulaire - Mise en forme

Petit test avec Safari, le navigateur de Mac OS X :

gras
couleur
italique
petit

Suspense...

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Laegalad a dit :

Pourquoi ne pas garder ce même principe pour toutes les commandes ? Ce serait plus simple et plus prudent, je pense... sinon, on risque de voir des balises non refermées un peu de partout...

Oui, effectivement, cela semble plus sain. Je vais tester cette solution et vérifier si cela n'occasionne pas de "dommages collatéraux". Ex : quand je sélectionne une portion de texte et que je clique sur "G".

Cédric.

Pellucidar

Lieu : Boncelles, Liège (Belgique)

Inscription : 2005

Messages : 425

Re : Formulaire - Mise en forme

Ouaaaiiis !!!
Merci Cédric !
Pour quelqu'un qui fait de la mise en page toute la journée, qu'est-ce que ça fait du bien !

J-M ("Pas un sou pour Microsoft !")

Sylvae

Inscription : 2002

Messages : 684

Re : Formulaire - Mise en forme

Je me suis posé moins de questions que toi, Steph ! J'ai écrit mon texte, puis mis en surbrillance avec la souris ce que je voulais mettre en forme, puis clic sur le bouton ad-hoc...
Sois basique, un peu ! C'est "mise en forme pour les nuls ©" !

Par contre, Cédric, si tu pouvais ajouter le bouton-miracle "insérer un lien" (dans une nouvelle fenêtre si possible, ça évite de tout fermer au lieu de reculer... ), ce serait parfait ! ;o)

PS : quand on sélectionne un mot à mettre en forme au milieu d'un texte et qu'on clique sur "Petit", ça met bien les balises d'ouverture et de fermeture "small", mais ça en rajoute aussi une en fin de texte qu'il faut enlever...

sosryko

Inscription : 2002

Messages : 1 955

Re : Formulaire - Mise en forme

Peut-être que Cédric a déjà oeuvré sans le dire, mais le bouton "URL" permet bien de placer un lien (mais pas dans une nouvelle fenêtre).
Tu vas pouvoir t'envoler vers de nouveaux horizons à l'image du petit oiseau que tu aimes tant ;-)

Petite remarque pour Cédric : pour éviter certains accidents qui pourraient être dus à l'enthousiasme de poster rapidement, ne pourrait-on grossir le bouton "prévisualiser" ou alors changer sa couleur ou la couleur de son fond (rouge ? vert ? une couleur qui détonerait pour attirer le regard et faire penser à vérifier ses balises)

Laegalad

Lieu : Strasbourg

Inscription : 2002

Messages : 2 998

Site Web

Re : Formulaire - Mise en forme

Ou peut-être, mettre prévisualiser avec un fond de la même couleur que poster, mais le mettre tout à gauche, alors que poster serait tout à droite ?
Bien séparés, et bien visibles sur le fond global des entrelacs...

Sylvie : j'ai pris le pli d'imaginer tous les comportements possibles d'essayer, du moins... les comportements humains, ça va, les comportements des navigateurs, c'est plus dûr

ISENGAR

Lieu : Tuckborough près de Chartres

Inscription : 2001

Messages : 4 906

Re : Formulaire - Mise en forme

Intéressant...
Je vais pouvoir me remettre à mes pamphlets anti-jaxoniens lourdement HTMLisés. La mise en forme prenait tellement de temps...

Bien entendu, je plaisante ;p

I.

ISENGAR

Lieu : Tuckborough près de Chartres

Inscription : 2001

Messages : 4 906

Re : Formulaire - Mise en forme

moi-même a dit :

Intéressant...
Je vais pouvoir me remettre à mes pamphlets anti-jaxoniens lourdement HTMLisés. La mise en forme prenait tellement de temps...
Bien entendu, je plaisante ;p

Je vérifie juste si ça marche...

Laegalad

Lieu : Strasbourg

Inscription : 2002

Messages : 2 998

Site Web

Re : Formulaire - Mise en forme

Continuons le pinaillage :
pour les couleurs, le gris est assez souvent utilisé dans les messages -- notament pas Yyr l'Etoilé, mais pas que . Il permet d'estomper une partie du message si elle n'est pas dans le sujet (en plus du small), et d'accrocher plus vite ce qui est important si l'on est pressé. Est-il pertinant/possible de l'insérer dans la liste déroulante ?
Peut-être pas le gris #cccccc, un peu trop clair, mais le gris #808080 ?

Sympa, la nouvelle présentation de la barre du haut, on perd moins de place

Melilot

Inscription : 2003

Messages : 1 094

Re : Formulaire - Mise en forme

Yope! C'est pratique. On va pouvoir s'amuser sans s'user. :-)

Merci Cédric. :-)

Merci pour le p'tit truc, Sylvie. :-)

Isengar : attends, qui va oser dire "dommage", et qui va oser dire "tant mieux"; :-D :-D :-D

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Quelques retouches :
- J'ai réorganisé et changé les intitulés des boutons.
- Insérer la couleur grise.
- Rendu les liens externes.

Cédric.

Dior

Inscription : 2004

Messages : 984

Re : Formulaire - Mise en forme

Génial !!! Merci Cédric !!!

Hyarion

Inscription : 2004

Messages : 2 309

Re : Formulaire - Mise en forme

Test général : en espérant ne plus avoir à recopier les formules du fameux fuseau "Un peu d'HTML"... ;-)

Blabla... (en gras)
Blabla... (en italique)
Blabla... (en souligné)
Blabla... (en petit)

Le locataire de l'Elysée a dit :

Blabla

Le locataire de la place Beauvau a répondu :

Blabla toi-même...

(citation)

Blabla

de chez Blabla

Blabla

de chez Blabla

(référence)

Blablabla

signifiant Blabla

Blabla

Blablabla

signifiant Blabla

(traduction)

Blabla...(lien)

Blabla... (bordeaux)

Alors ?

Hyarion

Inscription : 2004

Messages : 2 309

Re : Formulaire - Mise en forme

Une vraie révolution dans l'histoire du forum de JRRVF. Très bonne idée d'avoir mis les liens en externe... Vivement une application à tout le forum ! Que de temps gagné ! Merci beaucoup, cher webmestre... :-)

Cordialement, :-)

Hyarion.

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Bien, malgré quelques défauts et ajustements encore à apporter, je crois que les tests sont concluants.

La mise en forme est disponible sur l'ensemble des sections du forum.

Cédric.

Gurth

Inscription : 2003

Messages : 147

Re : Formulaire - Mise en forme

Et maintenant, on veut des avatars :-p

Le Whining pour les Nuls vol. II

On veut des avatars!

Non je rigole

Saint Emilion a dit :

Il n'est point d'éloge flatteur sans un peu d'humour...

Ben c'est bien chouette tout ça, je vais veiller à ce que Rebeca l'utilise abondamment :-D

G.

rebeca

Inscription : 2004

Messages : 546

Re : Formulaire - Mise en forme

Trop cool, je sens qu'y en a qui vont se lacher ^^

Merci Cédric )

... et juste pour le plaisir du principe je vais continuer à utilser mon mauve préféré

Vinyamar

Inscription : 2001

Messages : 1 813

Re : Formulaire - Mise en forme

Ca y est, j'ai trouvé LE défaut !
On ne peut plus utiliser la touche TAB pour aller du champ pseudo jusqu'au champ texte en trois mouvements.
Je crois qu'on peut y remédier facilement avec les ID des champs de formulaire, si tu peux configurer le champs texte en 3e position, ce serait chouette :-D

De même, la couleur bordeau étant plutôt utilisée pour tes liens (qui ne sontpas soulignés par ailleurs), ce serait bien de ne pas la rendre accessible, qu'on sache qu'un texte bordeau est un lien (sinon je passe ma souris sur les textes bordeaux pour voir si c'est un lien ou non...)

sinon, évidemment : bravissimo !!!

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Vinyamar a dit :

De même, la couleur bordeau étant plutôt utilisée pour tes liens (qui ne sontpas soulignés par ailleurs), ce serait bien de ne pas la rendre accessible, qu'on sache qu'un texte bordeau est un lien (sinon je passe ma souris sur les textes bordeaux pour voir si c'est un lien ou non...)

Remarque pertinente, la couleur bordeaux n'est plus ;-)

Pour l'ordre des tabulations, je m'en occupe.

Cédric.

Moraldandil

Lieu : Paris 18e

Inscription : 2001

Messages : 887

Site Web

Re : Formulaire - Mise en forme

Ca s'étoffe ! Très bonne idée Cédric que ces petits outils. C'est utile même quand on connaît un brin d'HTML... il n'est pas toujours aisé ne pas oublier une balise dans un message un peu long, ces fonctions de mise en forme faciliteront bien les choses. Je vais même pouvoir faire en deux temps trois mouvements des citations correctes

Le seul inconvénient, c'est que Rebeca en profitera encore plus pour ne poster qu'en petit. Parole, je finirai par croire que <small></small> est la seule balise HTML qu'elle retienne :-P

B.

rebeca

Inscription : 2004

Messages : 546

Re : Formulaire - Mise en forme

Non non, je sais aussi comment mettre du mauve et de l'italique ^^

Jecapitch

Inscription : 2004

Messages : 42

Re : Formulaire - Mise en forme

Si je puis me permettre, le bouton petit, quand on l'utilise sur une sélection, ouvre, ferme, et ouvre encore une fois, en tout cas chez moi. La preuve.<.SMALL>

Gawain

Lieu : Narbonne

Inscription : 2004

Messages : 476

Re : Formulaire - Mise en forme

Qui veut soigner une migraine
n'a qu'à boire toujours du bon
et maintenir

miam miam

glouglou

la table pleine

de cervelas et de jambon

Giligili a dit :

l'eau ne fait rien que pourrir le poumon

boute boute boute boute compagnon

Vide nous ce verre et nous le remplirons

C'est sur ça va plus vite !!

Cedric

Lieu : Près de Lille

Inscription : 1999

Messages : 5 768

Webmestre de JRRVF

Site Web

Re : Formulaire - Mise en forme

Sosryko a dit :

ne pourrait-on grossir le bouton "prévisualiser" ou alors changer sa couleur ou la couleur de son fond (rouge ? vert ? une couleur qui détonerait pour attirer le regard et faire penser à vérifier ses balises)

C'est fait. Un beau bouton bien rouge est maintenant visible ;-)

Cédric.

ISENGAR

Lieu : Tuckborough près de Chartres

Inscription : 2001

Messages : 4 906

Re : Formulaire - Mise en forme

Ah ça, oui. On ne peut plus le rater )

sosryko

Inscription : 2002

Messages : 1 955

Re : Formulaire - Mise en forme

Merci cédric ;-)