Créer un message

Mode d'emploi du site
Verrouillé
Avatar du membre
Administrateur
Administrateur du site
Administrateur du site
Messages : 50546
Enregistré le : ven. 22 nov. 2013 09:30
ID PSN : PSTHC

Créer un message

Message par Administrateur » ven. 9 janv. 2015 18:52

Image

Par message, il faut entendre tout ce qui est visible par tous les membres et donc opposé à un message privé.
Le message qui se met en place automatiquement à la création d'un sujet est également concerné par les règles suivantes.
Pour rappel, tout message est soumis au règlement intérieur de PSTHC.FR


Image
(Cliquez sur l'image pour agrandir)
  1. Le sujet concerné
  2. Réponse rapide
  3. Répondre
  • L'option Image conviendra parfaitement aux membres souhaitant une réponse très brève et sans effet quelconque, ou justement aux membres qui connaissent les différents effets (texte gras, souligné, lien youtube,...) par cœur.
  • L'option Image constitue la solution si vous cherchez un maximum d'effets de mise en page avec une grande facilité d'écriture. Par conséquent, nous allons nous attarder plus longuement sur ce second choix.
Voilà comment se présente la fenêtre de création de messages Image

Image
(Cliquez sur l'image pour agrandir)
  1. Vous retrouvez le sujet concerné : [Discussion Jeu] - Dead Nation : Apocalypse Edition
  2. Tous les caractères qui vous permettront de mettre en forme votre message : texte gras, lien youtube, insérer une image...
  3. Une liste de smiley, trophées et touches de manettes
  4. Un option pour enregistrer sous forme de Brouillon votre message, une option pour afficher le rendu et enfin une dernière pour le valider.
Tous les caractères proposés fonctionnent sur le même principe de base :
[x] = marque le début du "caractère" souhaité
[/x] : marque la fin du "caractère" souhaité
Chaque caractère doit obligatoirement se composer de cette manière : [x][/x]
  • Ex : [x]Secret Défense[/x]
Si vous souhaitez mélanger des styles de caractères, veillez à respecter l'ordre : [x][y][z][/z][/y][/x]
x, y et z pouvant représenter n'importe quel caractère qui vous sera présenté ci-dessous.
  • Ex : Secret Défense

Code : Tout sélectionner

[b][i][color=#FF0000]Secret Défense[/color][/i][/b]
Ce qui peut être pratique, c'est de savoir qu'une explication apparait lorsque vous mettez la souris sur l’icône du caractère souhaité.
Si on prend l'exemple du Image, en passant la souris dessus vous avez Image qui s'affiche, vous révélant ainsi comment l'utiliser.

Le plus simple est d'écrire son texte, de le sélectionner et de cliquer ensuite sur le caractère qui vous intéresse : [x][/x] se mettront automatiquement. N'hésitez pas à cliquer sur Image afin de visualiser la mise en page de votre message. Dans l'exemple ci-dessous, on peut voir la partie du bas dédiée à l'écriture et au dessus une autre fenêtre vous montrant l'aperçu de votre message :
Image
(Cliquez sur l'image pour agrandir)
Une fois que le rendu final vous convient, cliquez sur Image pour valider votre message.



Image

Image
[td][troph=100]Texte gras[/troph] [troph=101]Texte italique[/troph] [troph=102]Texte souligné[/troph] [troph=103]Citation[/troph] [troph=104]Code[/troph] [troph=105]Liste[/troph] [troph=106]Liste numérotée[/troph] [troph=107]Élément de liste[/troph] [troph=108]Insérer une image[/troph] [troph=109]Insérer un lien[/troph] [troph=111]Taille de la police[/troph] [troph=112]Couleur de la police[/troph] [troph=113]Lien Amazon 2[/troph][/td] [td][troph=114]Lien Amazon=[/troph] [troph=115]Texte barré[/troph] [troph=116]Centrer le texte[/troph] [troph=117]Dailymotion[/troph] [troph=118]FNAC[/troph] [troph=119]Infobulle[/troph] [troph=120]PriceMinister[/troph] [troph=121]Redimensionner image[/troph] [troph=122]Spoiler[/troph] [troph=123]Tableau[/troph] [troph=124]Youtube[/troph] [troph=125]Touches de la manette[/troph] [troph=126]Les Trophées & les Smileys[/troph][/td]
[/size]

NB : dans ce Tuto, vous rencontrerez régulièrement un * qui est là pour que certaines balises puissent être lisibles : il ne fait pas parti intégrante de celles-ci.
Pensez à l'enlever si vous copiez/collez des balises de ce tuto.
Ex : [table*][/table]
Image TEXTE GRAS
(Sommaire)

Code : Tout sélectionner

[b][/b]
Secret Défense

Code : Tout sélectionner

[b]Secret Défense[/b]
Image TEXTE ITALIQUE
(Sommaire)

Code : Tout sélectionner

[i][/i]
Secret Défense

Code : Tout sélectionner

[i]Secret Défense[/i]
Image TEXTE SOULIGNE
(Sommaire)

Code : Tout sélectionner

[u][/u]
Secret Défense

Code : Tout sélectionner

[u]Secret Défense[/u]
Image CITATION
(Sommaire)

Code : Tout sélectionner

[quote][/quote]
Secret Défense

Code : Tout sélectionner

[quote]Secret Défense[/quote]
Vous pouvez également ajouter le nom d'un joueur : pour cela, il suffit de rajouter un = dans la balise [quote*], puis de mettre entre guillemets le pseudo :
  • Ex : "Levy_2hands"
Levy_2hands a écrit :Secret Défense

Code : Tout sélectionner

[quote="Levy_2hands"]Secret Défense[/quote]
Ce caractère est très pratique lors vous souhaitez indiquer un code dans un message sans qu'il ne prenne forme, un peu comme cet outil de création de messages ! Par exemple, sans la balise Image vous verriez ceci : (Platine) tandis que là, vous voyez le code de l'icône à savoir :

Code : Tout sélectionner

[code] (Platine) 
[/code]
Image LISTE
(Sommaire)

Code : Tout sélectionner

[list][/list]
Cet outil vous permet d'aligner votre texte et de le décaler comme dans cet exemple avec Sous texte 1 et 2 :
Texte I
  • Sous texte 1
    Sous texte 2

Code : Tout sélectionner

Texte I
[list]Sous texte 1
Sous texte 2[/list]
Il faut savoir qu'il existe plusieurs types de puces qui se différencient selon l'alignement du texte : rond noir (1er niveau), rond blanc (2ème niveau), carré noir (3ème niveau). Prenons un exemple :
  • Texte I
    • Sous texte 1
      • Sous partie a
      • Sous partie b
    • Sous texte 2
  • Texte II
Le principe est simple :
- toujours mettre une puce Image
- [list*] : va indiquer le début de la puce choisie, mettre à la suite un autre [list*] va générer un autre type de puce. Pour revenir au type de puce précédente, vous vous devez toujours fermer avec [/list*]

Code : Tout sélectionner

[list][*]Texte I
[list][*]Sous texte 1
[list][*]Sous partie a
[*]Sous partie b[/list]
[*]Sous texte 2[/list]
[*]Texte II[/list]
Image LISTE NUMÉROTÉE
(Sommaire)

Code : Tout sélectionner

[list=][/list]
La liste numérotée s'avère très efficace lors que vous souhaitez rédiger un texte en plusieurs parties, idéal pour vos lignes de conduites de guides par exemple.
  1. Le solo :
    1. Partie en Normal
    2. Partie en Difficile
  2. Le Multijoueur :

Code : Tout sélectionner

[list=1][*]Le solo :
[list=a][*]Partie en Normal 
[*]Partie en Difficile[/list]
[*]Le Multijoueur :[/list]

Le principe est le même que l'outil Image [list*], pensez à fermer avec [/list*] avant de passer à un autre type de puce.
En revanche, pas besoin de remettre un
  • , le changement de numéro se fait automatiquement.

    Image ÉLÉMENT DE LISTE
    (Sommaire)
    Il s'agit ici des "puces" que l'on retrouve dans n'importe logiciel de traitement de texte, très pratique pour lister vos informations. Pour afficher les puces, vous devez systématiquement les intégrer dans Image
    • Partie 1
    • Partie 2
    • Partie 3

    Code : Tout sélectionner

    [list][*]Partie 1
    [*]Partie 2
    [*]Partie 3[/list]
    Il est intéressant de savoir qu'il existe différentes puces : rond noir (1er niveau), rond blanc (2ème niveau), carré noir (3ème niveau). Pour mettre le bon niveau, il faut rajouter autant de [list*]
que le numéro du niveau :

Rond blanc (2ème niveau) donc 2x Image : [list*][list*][/list][/list]
    • Partie 1
    • Partie 2
    • Partie 3

Code : Tout sélectionner

[list][list][*]Partie 1
[*]Partie 2
[*]Partie 3[/list][/list]
Carré noir (3ème niveau) donc 3x Image : [list*][list*][list*][/list][/list][/list]
      • Partie 1
      • Partie 2
      • Partie 3

Code : Tout sélectionner

[list][list][list][*]Partie 1
[*]Partie 2
[*]Partie 3[/list][/list][/list]
Comme vous pouvez le constater, le choix du niveau va impacter l'alignement de votre texte : plus le niveau est élevé, plus l'alignement sera décalé.

Image INSÉRER UNE IMAGE
(Sommaire)

Code : Tout sélectionner

[img][/img]
Lorsque vous désirez afficher une image dans un message : copiez l'adresse de l'image (clic droit, "Copier l'adresse de l'image") puis coller la dans le code afin d'obtenir :
Image

Code : Tout sélectionner

[img]http://www.staticbo.psthc.fr/wp-content/uploads/2014/12/PS4-anniv-1.jpg[/img]
Image INSÉRER UN LIEN
(Sommaire)

Code : Tout sélectionner

[url][/url]
Cette fonction permet d’accéder à l'adresse que vous avez écrite en cliquant dessus :

Code : Tout sélectionner

[url]http://www.psthc.fr/forum.html[/url]
Pour une plus jolie présentation, vous pouvez renommer le lien comme ici : PSTHC
Pour ce faire, ajoutez un "=" après "url" de [/b], collez l'adresse en suivant pour ... w.adresse]. A ce niveau là, il ne vous reste plus qu'à intégrer un Titre entre les crochets ][ et obtenir le résultat suivant :

Code : Tout sélectionner

[url=http://www.psthc.fr/forum.html]PSTHC[/url]
Image TAILLE DE LA POLICE
(Sommaire)
Très petite

Code : Tout sélectionner

[size=50][/size]
Secret Défense

Code : Tout sélectionner

[size=50]Secret Défense[/size]
Petite

Code : Tout sélectionner

[size=85][/size]
Secret Défense

Code : Tout sélectionner

[size=85]Secret Défense[/size]
Normale (paramètre par défaut)

Code : Tout sélectionner

[size=100][/size]
Grande

Code : Tout sélectionner

[size=150][/size]
Secret Défense

Code : Tout sélectionner

[size=150]Secret Défense[/size]
Très grande

Code : Tout sélectionner

[size=200][/size]
Secret Défense

Code : Tout sélectionner

[size=200]Secret Défense[/size]
Si les tailles proposées ne vous conviennent pas ("Normale" c'est trop petit et le 150 de "Grande" c'est trop grand ! :geek: ), sachez que vous pouvez les modifier. En effet, à coté de "size" est indiqué un nombre qui peut être changé et vous pouvez ainsi passer de 150 à 125 pour obtenir un bon compromis entre les tailles "Normale" et "Grande".
  • Ex : Là c'est entre Normale et Grande

Code : Tout sélectionner

[size=125]Là c'est entre Normale et Grande[/size]
Image COULEUR DE LA POLICE
(Sommaire)

Image
Exemple : le rouge

Code : Tout sélectionner

[color=#FF0000][/color]
Secret Défense

Code : Tout sélectionner

[color=#FF0000]Secret Défense[/color]
Image LIEN AMAZON2
(Sommaire)

Vous pouvez passer par la boutique THC : Boutique PSTHC
Vous pouvez passer par le site Amazon : Dead Island 2
Code ASIN :
Image

Ce numéro ASIN B00KW43TUC devra être intégré dans ces balises :

Code : Tout sélectionner

[amazon2][/amazon2]
Pour ainsi obtenir l'affichage du jeu et son lien direct vers le site d'achat :

Code : Tout sélectionner

[amazon2]B00KW43TUC[/amazon2]
Image LIEN AMAZON=
(Sommaire)

Code : Tout sélectionner

[amazon=][/amazon]
Vous pouvez passer par la boutique THC : Boutique PSTHC
Vous pouvez passer par le site Amazon : Dead Island 2
Code ASIN :
Image

Ce numéro ASIN B00KW43TUC devra être intégré après le "=", puis écrivez le titre du jeu entre celle-ci [amazon=]Titre du jeu[/amazon] et ainsi obtenir le lien direct :

Code : Tout sélectionner

[amazon=B00KW43TUC]Dead Island 2[/amazon]
Image TEXTE BARRE
(Sommaire)

Code : Tout sélectionner

[barre][/barre]
Secret Défense

Code : Tout sélectionner

[barre]Secret Défense[/barre]
Image CENTRER LE TEXTE
(Sommaire)

Code : Tout sélectionner

[center][/center]
Secret Défense

Code : Tout sélectionner

[center]Secret Défense[/center]
Image DAILYMOTION
(Sommaire)

Une fois sur la vidéo qui vous intéresse, clique droit : copiez l'URL et collez la dans la balise :

Code : Tout sélectionner

[dailymotion][/dailymotion]

Code : Tout sélectionner

[dailymotion]http://www.dailymotion.com/video/x1zwkmv_cgr-trailers-dead-island-2-e3-14-announcement-trailer_videogames[/dailymotion]

Code : Tout sélectionner

[fnac=][/fnac]
Copiez l'adresse du jeu : http://jeux-video.fnac.com/a7386925/Dea ... yStation-4
Collez la après le = du [fnac=]
Copiez le titre du jeu : Titre jeu

Code : Tout sélectionner

[fnac=http://jeux-video.fnac.com/a7386925/Dead-Island-2-PS4-Jeu-PlayStation-4]Dead Island 2[/fnac]
Image INFOBULLE
(Sommaire)

Code : Tout sélectionner

[infobulle=][/infobulle]
Cette option permet de faire apparaitre une petite définition en passant la souris sur le mot en question. Pour cela, il faut intégrer votre définition après le "=" de [infobulle=]. Attention toutefois, il semblerait que le nombre de caractères soit limité !
  • Ex : Bienvenue sur le site communautaire autour des trophées sur Playstation 3, Playstation 4 et PS Vita : PSTHC
    Dans cet exemple, c'est le mot THC

Code : Tout sélectionner

Bienvenue sur le site communautaire autour des trophées sur Playstation 3, Playstation 4 et PS Vita : PS[infobulle=Trophy Hunters Community]THC[/infobulle]
Image PRICEMINISTER
(Sommaire)

Code : Tout sélectionner

[pmin=][/pmin]
Copiez l'adresse du jeu : http://www.priceminister.com/offer/buy/ ... and-2.html
Collez la après le "=" du [pmin=]
Copiez le titre du jeu : Titre jeu

Code : Tout sélectionner

[pmin=http://www.priceminister.com/offer/buy/296093915/dead-island-2.html]Dead Island 2[/pmin]
Image REDIMENSIONNER UNE IMAGE
(Sommaire)

Code : Tout sélectionner

[rimg=][/rimg]
Lorsque vous désirez afficher une image dans un message : copiez l'adresse de l'image (clic droit, "Copier l'adresse de l'image") puis coller la dans le code. Attention, une grande résolution ne pourra pas être intégrée! C'est là que rentre en jeu l'intérêt de ce caractère : vous devez indiquer longueur et hauteur après le "=" de [rimg=] sans oublier la virgule et en respectant l'ordre suivant : longueur,hauteur. Ceci aura pour effet de réduire votre image dans la zone de message mais veillez à bien respecter les proportions ! Dans l'exemple, c'est redimensionné en 640 par 360, ce qui donne : Trophee
Trophee

Code : Tout sélectionner

[rimg=640,360]https://georgespigot.files.wordpress.com/2014/01/the-big-bang-10.jpg[/rimg]
Image SPOILER
(Sommaire)

Code : Tout sélectionner

[spoiler=][/spoiler]
Cet outil vous permettra de masquer votre texte, il ne sera visible que si la personne clique sur "Afficher" :
  • Spoiler : :
    Secret Défense

Code : Tout sélectionner

[spoiler=]Secret Défense[/spoiler]
Vous pouvez également ajouter un Titre au Spoiler, il suffit de la placer après le "=" :
  • Spoiler : Titre :
    Secret Défense

Code : Tout sélectionner

[spoiler=Titre]Secret Défense[/spoiler]
Image TABLEAU
(Sommaire)

Tableau : Image

Code : Tout sélectionner

[table][/table]
Ligne : Image

Code : Tout sélectionner

[tr][/tr]
Colonne : Image

Code : Tout sélectionner

[td][/td]
La création d'un tableau s'avère assez complexe doit respecter une certaine logique de construction.
Sachez qu'il faut d'abord faire les Lignes et après les Colonnes dans chaque lignes.
Prenons un exemple simple avec Ligne 1, Ligne 2, Ligne 3 et Colonne 1, Colonne 2, Colonne 3 :
L1 C1 L1 C2 L1 C3
L2 C1 L2 C2 L2 C3
L3 C1 L3 C2 L3 C3
  • Commencez par ouvrir la balise Tableau Image
  • Occupez-vous en premier de la Ligne 1 en ouvrant une 1ère balise Image
  • A l'intérieur de cette balise, ouvrez cette fois-ci 3 balises Colonne Image
  • A ce niveau, vous obtenez le modèle suivant : [table*][tr*][td*][/td][td*][/td][td*][/td][/tr][/table]
  • Intégrez maintenant le contenu dans chaque balise [td*][/td] en respectant ce modèle :
    [table*][tr*][td*]L1 C1[/td][td*]L1 C2[/td][td*]L1 C3[/td][/tr][/table]
  • Attaquez la seconde Ligne en revenant à la ligne et en ouvrant la balise [tr*][/tr] puis la 3ème en suivant le même principe expliqué ci-dessus pour au final obtenir le code suivant :
    [table*][tr*][td*]L1 C1[/td][td*]L1 C2[/td][td*]L1 C3[/td][/tr]
    [tr*][td*]L2 C1[/td][td*]L2 C2[/td][td*]L2 C3[/td][/tr]
    [tr*][td*]L3 C1[/td][td*]L3 C2[/td][td*]L3 C3[/td][/tr][/table]

Code : Tout sélectionner

[table][tr][td]L1 C1[/td] [td]L1 C2[/td] [td]L1 C3[/td][/tr]
[tr][td]L2 C1[/td] [td]L2 C2[/td] [td]L2 C3[/td][/tr]
[tr][td]L3 C1[/td] [td]L3 C2[/td] [td]L3 C3[/td][/tr][/table]
Vous pouvez aussi rajouter un Cadre à votre Tableau : dans la balise [table*] intégrez un "=" et indiquez des valeurs les séparant par une virgule "," comme notre exemple : [table=5,1]
A quoi correspondent ces valeurs :
5 = l'épaisseur du cadre (le 5 est très épais, le 1 correspond à un trait simple)
1 = valeur essentielle, doit toujours être intégrée
Pour plus de simplicité, il est fortement recommandé de TOUJOURS utiliser 5,1 comme valeurs.

N'hésitez pas à centrer votre texte grâce à la balise Image, celà améliorera la mise en page.
L1 C1 L1 C2 L1 C3
L2 C1 L2 C2 L2 C3
L3 C1 L3 C2 L3 C3

Code : Tout sélectionner

[center][table=5,1][tr][td]L1 C1[/td] [td]L1 C2[/td] [td]L1 C3[/td][/tr]
[tr][td]L2 C1[/td] [td]L2 C2[/td] [td]L2 C3[/td][/tr]
[tr][td]L3 C1[/td] [td]L3 C2[/td] [td]L3 C3[/td][/tr][/table][/center]
Image YOUTUBE
(Sommaire)

Pour faire apparaître une vidéo youtube dans vos messages, il suffit de copier le lien qui se trouve dans "Partager" de la page de la vidéo :
Image
(Cliquez sur l'image pour agrandir)
et de le coller dans le caractère :

Code : Tout sélectionner

[youtube][/youtube]
Pour obtenir :

Code : Tout sélectionner

[youtube]http://www.youtube.com/watch?v=nI4VTTlggdE?list=PLrTpBQde_YNJWZw1b7Z0Y_7Pw5ybEvXEM[/youtube]

LES TOUCHES DE LA MANETTE
(Sommaire)
Ces codes sont très pratiques lorsque vous souhaitez décrire une manip : (bas) (gauche) (droite) (croix) FATALITY !
Stick analogique gauche = (stickG)

Code : Tout sélectionner

 (stickG) 
Stick analogique droit = (stickD)

Code : Tout sélectionner

 (stickD) 
Haut = (haut)

Code : Tout sélectionner

 (haut) 
Bas = (bas)

Code : Tout sélectionner

 (bas) 
Gauche = (gauche)

Code : Tout sélectionner

 (gauche) 
Droite = (droite)

Code : Tout sélectionner

 (droite) 
PS = (ps)

Code : Tout sélectionner

 (ps) 
Start = (start)

Code : Tout sélectionner

 (start) 
Select = (select)

Code : Tout sélectionner

 (select) 
Pavé tactile = ????
Share = ????
Option = ????

Move = (move)

Code : Tout sélectionner

(move)
L1 = (L1)

Code : Tout sélectionner

 (L1) 
L2 = (L2)

Code : Tout sélectionner

 (L2) 
L3 = (L3)

Code : Tout sélectionner

 (L3) 
R1 = (R1)

Code : Tout sélectionner

 (R1) 
R2 = (R2)

Code : Tout sélectionner

 (R2) 
R3 = (R3)

Code : Tout sélectionner

 (R3) 
Carré = (carre)

Code : Tout sélectionner

 (carre) 
Croix = (croix)

Code : Tout sélectionner

 (croix) 
Rond = (rond)

Code : Tout sélectionner

 (rond) 
Triangle = (triangle)

Code : Tout sélectionner

 (triangle) 
LES TROPHÉES & LES SMILEYS
(Sommaire)
Trophée Bronze = (Bronze)

Code : Tout sélectionner

(Bronze)
Trophée Argent = (Argent)

Code : Tout sélectionner

(Argent)
Trophée Or = (Or)

Code : Tout sélectionner

(Or)
Trophée Platine = (Platine)

Code : Tout sélectionner

(Platine)
Trophée Masqué = (cache)

Code : Tout sélectionner

(cache)
De nombreux Smileys sont à votre disposition pour donner un peu de vie à vos messages ...
... mais ils sont à utiliser avec modération !

:angel:


Vous trouverez les principaux smileys trophées ici : il suffit de cliquer sur le smiley pour l'intégrer dans votre message
Image

Pour en découvrir d'autres, il vous vous suffit de cliquer sur Image ...

... pour faire apparaître une nouvelle fenêtre avec plusieurs pages de Smileys !
Image
Avatar du membre
Eaque-19
Administrateur du site
Administrateur du site
Messages : 7884
Enregistré le : jeu. 29 oct. 2009 10:29
ID PSN : Eaque-19
Localisation : Sur le site
Contact :

Re: Créer un message

Message par Eaque-19 » ven. 9 janv. 2015 18:54

Merci de poster vos remarques et / ou suggestions
dans le [SAV] - THC pour "Les Nuls" (mode d'emploi du Site / Forum).
Image
Verrouillé