Aller au contenu

Bludeal 2.0

Une nouvelle version. Un nouveau design. Consulter les bons plans

devient plus agréable. En ajouter est devenu plus simple.

Blusteel change de style

Un peu de transparence et quelques rondeurs,

On change d'apparence tout en gardant les mêmes couleurs.

Films & Séries

Partagez. Notez. Likez. Commentez. 

Venez découvrir les fiches, avec près de 150 séries tv et 140 films disponibles.

scaz

WYSIWYG : composer un message et bien plus encore...

Messages recommandés

Dans la version 4.0 du forum, la partie pour composer un message diffère de la version précédente, puisqu'elle utilise une interface dites WYSIWYG, qui signifie en anglais "What You See It's What You Get" que l'on pourrait traduire par "Ce que vous voyez est ce que vous obtenez".
 
Par définition et afin de mieux comprendre :

Un logiciel WYSIWYG est un logiciel qui dispose d'une interface qui donne à l'utilisateur la possibilité de voir son document tel qu'il sera publié. Ces logiciels donnent de plus un accès intuitif aux fonctionnalités et permettent de cette manière de réaliser la mise en forme du document sans avoir à mémoriser et à utiliser des commandes spécifiques.

 
1. Composition d'un simple message contenant du texte et sa mise en forme
 
Pas de grand changement de ce côté-là, c'est similaire à la précédente version (texte en gras, couleur, centré etc.. la mise en forme s'affiche directement dans l'éditeur)
 
15010606414866359.png
 
2. Ajouter une image et la redimensionner
 
Pour ajouter une image vous avez le choix entre importer votre image directement de votre ordinateur (en faisant un glisser-déposer ou en choisissant votre fichier) ou en insérant l'url de l'image si celle-ci est hébergée sur un site. C'est de cette dernière méthode que je vais parler ici car la façon de le faire est différente dans cette nouvelle version. Comme à votre habitude, copiez le lien de l'url de votre image mais au lieu de cliquer sur l'icône "insérer une image" (icône qui disparait dans la nouvelle version) il vous suffit tout simplement de coller votre lien dans l'éditeur :
 
150106070723898818.png
 
Il ne vous reste plus qu'à faire un espace ou de cliquer sur la touche "entrer" pour valider. Le lien est automatiquement reconnu comme étant une image (grâce à l'extension en .png, .jpeg etc...) et le lien disparait pour laisser place à votre image :
 
15010607095967623.png
 
L'image vous parait trop grande et vous souhaitez la redimensionner ? Pour cela il vous suffit de faire un double clic sur votre image et un pop-up apparait :
 
150106071144454470.png
 
Il ne vous reste plus qu'à modifier la taille :
 
150106071256348413.png
 
 
Et de cliquer sur "mettre à jour". Votre image apparaitra avec ses nouvelles dimensions :
 
1501060714205675.png
 
 
Vous pouvez aussi, si vous le souhaitez, ajouter une bordure, une marge, mettre votre image à droite ou à gauche et d'ajouter une url qui, lorsque vous cliquerez sur l'image, vous orientera vers le lien.
 
3. Spoiler
Dans l'éditeur de texte, lorsque vous souhaitez mettre une partie de votre message en spoiler, il vous suffit de sélectionner votre message à mettre en spoiler et de cliquer sur l'icône eye-icon.png

Le contenu de votre spoiler sera affiché dans un fond noir :

 

150106085003827598.png

 
Une fois votre message publié, le spoiler s'affichera sous cette forme :

 

150106085128944177.png

 

Comme d'habitude avec le spoiler, il suffit de cliquer dessus afin d'afficher son contenu :

 

150106085237809625.png

 

4. Citer un message
Pas de grande nouveauté sur la citation d'un message, si ce n'est l'ajout de cette petite icône 150108030042645928.png dans le coin supérieur gauche :

 

150108030136309626.png
 
Ce dernier sert à afficher/masquer le message cité. Utile lors des multi-citations lorsque celui-ci commence à prendre trop de place dans le corps du message et que cela gêne votre lisibilité pour l'ensemble des messages de la même page :

 

150108030339842422.png

 

L'autre icône 150108030451461789.png située dans le coin supérieur à droite, ne subit aucun changement puisque celle-ci sert à se rendre sur le message original qui a servit à la citation.

 

5. Ajouter un lien
 
     - lien externe : vidéo (youtube etc...) ou un message provenant des réseaux sociaux (facebook, twitter, vine etc...)
     Pas de réel changement sur la façon de mettre un lien, il vous suffira toujours de faire un copier-coller de l'url, la mise en forme se fera automatiquement.

 

     - lien interne : vers un sujet ou un message du forum 

     Si il vous faut mettre un lien vers un sujet ou un message posté sur le forum, lorsque vous collerez l'URL du lien celui-ci se présentera, dans votre message, sous cette forme :

 

Pour un message :

 

150110053548674670.png

 

Pour un sujet :

 

150110053706348387.png

 

6. Utiliser un code html
Pour les utilisateurs avertis, il sera possible de faire un message en html afin d'apporter ça touche personnelle à son message et d'appliquer une mise en forme plus complète.

 

Quelques exemples :

  • Bouton cliquable avec une icône

150108073033741956.png

 

  • Message encadré (rouge pour attirer l'attention et vert pour faire une validation). L'exemple ci-dessous peut, par exemple, servir dans les commandes groupées afin de déterminer les membres qui ont payé et ceux qui sont en attente pour leurs paiements. 

150108073657494142.png

 

 

Mais ce n'est qu'un exemple, cela peut très bien servir pour autre chose (pour le staff lorsque son message mérite son attention). 

 

150108075000960050.png

  • Si le membre a besoin de donner une note dans son message (par exemple pour l'avis d'un film etc...) 

15010807393397732.png

 

Petit exemple des multiples possibilités. 

 

7. Interpeller un membre
 
Lorsque l'on s'adresse à un membre en particulier, on utilise cette forme : 

@scaz

 

Mais encore faut-il que le membre en question, à qui l'on s'adresse, passe par là pour voir le message. 

Afin que le membre puisse être au courant qu'il a été mentionné dans un message, il recevra une notification pour l'en avertir. 

 

Dans la partie pour composer un message, il suffit de mettre l'arobase "@" suivi du pseudo du membre, dès les deux premières lettres des propositions s'affichent montrant la liste des membres correspondant au pseudo que l'on souhaite utiliser :

 

150109031339419075.png

 

Vous pouvez très bien mettre le pseudo dans son intégralité si vous en connaissez l'orthographe exacte. Ensuite il vous suffit de taper votre message après avoir fait un espace afin de séparer le pseudo du membre au message qui lui est destiné et de cliquer sur "envoyer". 

 

150109031715823297.png

 

Le membre en question recevra une notification pour l'avertir qu'il a été mentionné par le membre "x" dans le sujet "z" :

 

150109031911774754.png

Modifié par scaz

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant


×