deviant art

Deviant Login Shop
 Join deviantART for FREE Take the Tour
[x]
Download File
HTML, 7.8 KB
more ▶

More from *Cidiene

Featured in Groups:

Details

January 26, 2010
7.8 KB
Link
Thumb

Statistics

Comments: 61
Favourites: 124 [who?]

Views: 6,337 (12 today)
Downloads: 56 (0 today)
[x]
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!).


Note :
  • Si vous oubliez de clore le texte par le </>, tout votre texte sera en gras/souligné/barré ect...

  • Le format 'code' ne fonctionnant pas dans le texte, j'ai pris soin de rajouter des espaces pour qu'il soit visible. Il faudra donc l'enlever pour que ça marche.

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


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 < sub > & < /sub > .

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

- "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.
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="http://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" : <small>Texte en petit</small>
Encadrez par < small> et </ small>


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 (et en lui ayant demandé la permission).
Si vous ne respectez pas ces conditions, cela peut être considérer comme du vol ou du plagiat et donc susceptible de poursuite judiciaire.

- 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.
:iconcidiene:
[Édit] : Suite et fin du problème d'encodement "</ >" qui disparaissait...
Après avoir eu à faire au Staff de D.A., il s'avère que je ne suis pas si nulle que ça en anglais c'est sans doute lié à une des évolutions récentes du site qui ferait disfonctionner cette option. Leurs techniciens sont mis au courant et travailleront à réparer cette erreur.

Donc, en attendant, je vais me servir de ce bon vieux leurre de "l'espace" qu'il faudra enlever pour que les codes fonctionnent.

J'avais déjà fait un précédent tutorat très général concernant l'utilisation de Deviantart. Mais il me parait plus judicieux d'en faire une page spécifique aux codes d'écriture pour aider tout le monde tout en ajoutant ce qu'il pourrait manquer à mon ancien tuto :

Traduit des FAQ #104: What HTML formatting can we use on deviantART? And what is the format for these codes?, FAQ #63: What sort of things can I use for Preview images? , FAQ #627: Is there a character limit for Poetry/Prose submissions? & :faq686:

P.S. : Si vous constatez une erreur/incohérence, n'hésitez pas à commenter ! Idem si vous souhaitez ajouter quelque chose que j'aurai pu manquer !
P.S. 2 : Merci à =ailime pour nous avoir suggéré le Gagjet de `Zikes même si :"quand on upload un texte dans la gallerie, les boutons ne fonctionnent pas". Il devrait trouver acquéreur !
Et merci à ~ZeusEX81 & ~Bluesounet pour avoir allumé la lumière de mes notions obscures sur les codes que je n'avais pas compris!
P.S. 3 : Thank to the Admin Stykera for his quickly answer to my 'code' problem.



AUTRES TUTOS FR qui pourraient vous être utiles!



Et puis, figurez-vous que sur DA, je ne fais pas QUE DES TUTOS (bah oui!) ;):
Add a Comment:
 
love 0 0 joy 4 4 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconponyta3:
Existe-t-il un code pour changer la couleur du texte sur DA ? ^^
Reply
:iconcidiene:
*Cidiene May 5, 2013  Student General Artist
A ma connaissance: non.
La seule exception demeure pour les comptes payants, sur le journal si on a au préalable codé le css pour. ;)
Reply
:iconponyta3:
Ah d'accord merci ^^;
Car oui pour le journal je sais faire mais bon tempis, merci beaucoup pour la reponse ^^
Reply
:iconcidiene:
*Cidiene May 5, 2013  Student General Artist
Mais de rien! :woohoo:
Reply
:icongwangelinhael:
~Gwangelinhael Apr 23, 2013  Hobbyist Photographer
Excellent tuto
Merci
Reply
:icongruuumsh:
J'ai utilisé avec succès
< p align="center" > et < p align="justify" > dans des journaux. Pour la couleur, je crains qu'il faille utiliser des éléments de style, et donc avoir un accès premium...
Reply
:iconcidiene:
*Cidiene Apr 5, 2013  Student General Artist
Au fait: tu finis l'encadrage par un < /a> du coup?
Reply
:icongruuumsh:
Tout tag se termine par sa négation : < p> par < /p>. On ne répète pas les attributs dans le tag de fermeture.
le a que tu cites sert à fait des liens hypertextes.
< a href="htp://blahbla/">le texte surligné < /a>
Reply
:iconcidiene:
*Cidiene Apr 15, 2013  Student General Artist
Merci Grusm! En fait je me l'étais demandée car, le code que tu venais de me donner ne marchait pas dans l'édit que j'avais fait dans l'article. Donc je me demandais si j'étais devenue ou non complètement illogique et si l'encadrement se fermait par autre chose que le tag d'origine. ;)

Parce que pour centrer en fait: < div align="center" > < /div >

C'est surtout ça qui marche. ^^

Mais au moins tu m'as rassurée sur un point et une règle!
Reply
Add a Comment: