Tuto FR codes ecriture

Note :

• _{Ne sont cités ci-dessous, que les codes valable pour les comptes gratuits (ceci dit, je pourrai toujours compléter par un paragraphe "prenium account", mais dans ce cas, un peu d'aide ne sera pas de refus!).}
• Si vous oubliez de clore le texte par le </>, tout votre texte sera en gras/souligné/barré ect...
• Vous pouvez combiner les codes entre eux, par exemple, si vous souhaitez que votre texte soit en gras et souligné, il suffit d'encadrer le texte entre :
  <u><b> et</b></u>
• Mais vous pouvez aussi intensifier/doubler certains effets comme le <small, le <sub>, les listes, et le <sup>.
  Ex: _{J'en découvre chaque jour!}

CODES UTILISABLE POUR LES PAGES PROFIL, JOURNAL, NOTES, COMMENTAIRES, ARTICLES ET  FORUM

- "Bold Text" : Texte en Gras
Encadrez le mot/la phrase que vous souhaitez mettre en gras par <b> [le mot/phrase en question] </b> .
Marche aussi avec <strong> et </strong> .

- "Underlined Text" : Texte souligné
Encadrez par <u> et </u> .

- "Italic Text" : Texte en italique
Encadrez par <i> et </i>. Marche aussi avec <em> & </em> .

- "Subscript Text" : _{le texte est minuscule, placé légèrement en-dessous des lignes usuelles.}
Encadrez par _& .

- "Supscript Text" : ^{le texte est (toujours) minuscule, placé légèrement au-dessus des lignes usuelles.}
Encadrez par ^&.

- "tt" dit télé-typé: Une police de texte différente de celle utilisée par Deviantart.
Encadrez par <tt> & </tt>.

- "BlockQuote" : Pour mettre en valeur une partie du texte, habituellement utilisée pour citer.
Personnellement, je l'utilise aussi pour tenter de "centrer" quelque peu certains textes (même s'il ajoute une barre latérale à gauche).
Encadrez par <blockquote> & </blockquote> .

- Pour créer des paragraphes :
Il suffit d'encadrer par <p> & </p>.

- "Acronym" : vous permez d'ajouter des descriptions en pop-up sur un mot (ou une partie de texte) souligné/un lien.
Encadrez par <acronym title="La description en pop-up que vous voulez mettre"> < a ref="Lien en question">Le lien </a></acronym>

<acronym title="Lisez-la, apprenez-la, Aimez-la."> <a href="faq.deviantart.com">deviantART FAQ</a></acronym>  deviendra: deviantART FAQ.

- "Abbr" pour Abbreviation : a la même fonction que l'acronyme, en affichant la définition complète du terme mis en abbrégé.
Encadrez par <abbr="LaDéfintionDuTerme"> et </abbr>.

<abbr="Patate Royale Avariée">P.R.A.</abbr>

- "Strike Text" : Texte barré
Encadrez par <strike> et </strike> .

- Pour faire un joli lien : <a href="adresseDuLien"> Nom du lien</a> (sans l'espace avant le "a" ni après), ce qui donnera par exemple : DeviantArt.


- Les codes "dl", "dd" et "dt" : permettent de créer une liste de terme dont la description suit, de manière à être clairement mise en avant. Notamment utile pour les personnes mal-voyantes pour que leur traducteur vocal marque le temps nécessaire, qu'ils puissent noter la différence.


<dl> début de la liste de définition, <dt> met en avant le terme à définir, <dd> définition du mot, fonctionnent ensemble. Il s'agit de balise pour créer une liste de définition/description.

Ex:

<dl>
<dt>Deviant-art.com</dt>
<dd>Une communauté artistique en ligne.</dd>
<dt>Chat</dt>
<dd>Animal ayant domestiqué l'homme à son service, ne cessant de s'interposer entre l'écran et l'homme.</dd>
</dl>

Deviant-art.com

Une communauté artistique en ligne.

Chat

Animal ayant domestiqué l'homme à son service, ne cessant de s'interposer entre l'écran et l'homme.

SPÉCIFIQUE AUX ARTICLES ET JOURNAUX

- "Ordered listings" : Listes croissante
Pour générer des listes croissants, vous devez commencez par < ol >  puis clore l'entier de la liste par < /ol > .
Entre ces deux codes, il vous faudra encadrer chaque objet par < li > & < /li > .

Exemple

1. Objet 1
2. Objet 2
3. Objet 3

Soit, en code :
<ol><li> Objet 1</li>
<li> Objet 2</li>
<li> Objet 3</li></ol>


- Un-ordered listing : liste en vrac
Vous devez utiliser <ul> et </ul> pour l'entier de la liste, dont vous encadrerez chaque objet par <li> & </li>.

Exemple

• Objet 1
• Objet 2
• Objet 3

Soit en code :
<ul><li>Objet 1</li>
<li>Objet 2</li>
<li>Objet 3</li></ul>

SPÉCIFIQUE AUX JOURNAUX

- Pour centrer: Commencez par <div align="center"> et clore le texte à centrer par: </div>

- "Small Text" : Texte en petit
Encadrez par <small> et </small>

- Vous pouvez aussi faire référence aux oeuvres de DA directement en mentionnant leur :thumb: (en bas à droite de chaque oeuvre), ou au travers de leur lien (le fav.me.) qui permet non seulement d'écourter les liens à rallonge, mais aussi de conserver la même destination même si l'auteur en modifierait le titre.
Si les :thumb: (les mini icones des oeuvres) sont désormais accessibles aux comptes gratuits, elles restent cependant limitées aux articles de journaux (les comptes premium peuvent s'en servir dans les descriptions des deviations -dans une limite de 5-, et dans les commentaires)!
On peut en mettre jusqu'à 200.

SPÉCIFIQUE AUX ARTICLES

- Une limite pour les textes soumis en deviations, de 65 535 signes (et les codes utilisés, comptent aussi, certains signes de ponctuations peuvent compter comme deux "signes").

- Les "Previews" ou images qui accompagnent un texte : il est suggéré d'utiliser ses propres ressources plutôt que celle d'autrui. Dans le cas contraire, il faut bien spécifier qui en est l'auteur en le créditant (en mentionnant son profil sur DA s'il a un compte) et en lui ayant demandé la permission au préalable.
Si vous ne respectez pas ces conditions, vous ne suivez donc pas le code de la propriété intellectuelle du code pénal; et sachez qu'outre la dimension juridique, les artistes n'apprécient pas qu'on se serve de leurs oeuvres comme si elles n'attendaient que ça.

- Heading Tag : Terme pour En-tête/titres/rubrique/chapitre/intitulé.
A encadrer entre <h2> et </h2>, puis <h3> et </h3> ect, selon le nombre de titres que vous aurez.

- <br> : Pour aller à la ligne (ceci dit, cela se fait automatiquement).

- <hr> : Pour créer une barre de séparation.

SPÉCIFIQUE A LA SHOUT-BOX

Vous pouvez utiliser Bold(texte en gras), Italic (italique), Underline (souligné) et :devpseudo: (pour nommer quelqu'un) dans la shout box. Les liens standards comme www.deviantart.com y marchent aussi. Les autres codes ne fonctionneront pas.

DIVERS

- Pour montrer l'icône (l'avatar) d'un membre, il suffit de faire :iconPseudo:, ce code n'est valable que dans les commentaires et les pages du journal.

- Pour désigner l'un des membres en employant que son nom (tout en conservant le lien vers son profil, le même système que l'icone en somme), il suffit de faire :devPseudo:.

-> A noter: toute "mention" d'un tiers (donc d'une oeuvre, d'un article ou d'un membre de Deviantart) sera signalé au principal concerné!

Les titres de vos "Deviations" ne doivent pas contenir de caractères spéciaux qui ne sont pas reconnu dans le langage HTML. Oubliez les accents, cédilles spécifiques à la langue française, mais aussi certaines ponctuations!