Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconcidiene: More from Cidiene




Details

Submitted on
January 26, 2010
File Size
9.8 KB
Link
Thumb

Stats

Views
10,403 (26 today)
Favourites
197 (who?)
Comments
81
Downloads
59
×
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 <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 (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!
[Édit] : - [du 11/10/2013]: J'ai finalement remplacé ma pirouette des espaces (puisque la balise "code" permettant d'afficher le méta-langage utilité pour la typographie ne fonctionne pas dans les articles), en mettant directement les codes en gras (le texte entre "<>"). Pour vous, ça ne change pas grand chose, pour moi, ça a été un plus gros casse-tête (je vous dis pas la tronche de l'article avec la mise en page et tout ces codes partout). Mais au moins, vous pourrez directement copier/coller les codes à partir de cet article sans avoir à retirer les espaces. J'ai aussi actualisé certaines petites choses, mais il doit sûrement m'en manquer. Deviantart est ultra prolifique au niveau de ses mises à jour... Du coup, c'est assez difficile d'être vraiment à la page. 

- [du 27/01/2010] 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? , :faq627:, FAQ #66: What journal features do I have access to? & FAQ #9: What are the limits for Thumbnails and Emoticons?

P.S. : Si vous constatez qu'un de ces codes ne fonctionnent pas/plus, ou qu'un autre utile devrait y être mentionné: n'hésitez pas à commenter!



AUTRES TUTOS FR qui pourraient vous être utiles! Mais aussi des groupes francophones qui vous aideront à mieux comprendre Deviantart et d'autres communautés francophones:

    :icontutofrench: :iconinternationalfaq: :iconbloc-notes: -- :iconkamifrenchcreation: :iconfranceofficiel: :iconfrenchconnexion: :iconfrance-expression: :iconrepaire-de-talents: :icondeviantartistsfr:




Et puis, figurez-vous que sur DA, je ne fais pas QUE DES TUTOS (bah oui!) ;):
El Gato de Barcelona by Cidiene Pencil's Muse Scape by Cidiene Odenwald - The soft Autumn path by Cidiene Origin by Cidiene Portrait I by Cidiene Zolnerowich Family by Cidiene
Add a Comment:
 
:icontoyaart:
ToyaArt Mar 4, 2014  New member Hobbyist Digital Artist
Très utile :'3 Merciiii
Reply
:icongueparddefeu:
GueparddeFeu Feb 8, 2014  Hobbyist Traditional Artist
Ca va beaucoup me servir! Merci! *w*
Reply
:iconcidiene:
Cidiene Feb 20, 2014  Student General Artist
Tant mieux! :)
Reply
:iconmadmikado:
madMikado Jan 31, 2014   General Artist
Comme les 15mille gens avant moi je viens te remercier pour ce tuto qui centralise tous les codes, très pratique pour flemmarde comme moi o/
Reply
:iconcidiene:
Cidiene Feb 20, 2014  Student General Artist
Je n'en dénombre pas tant, mais de rien! 
Comme toi, je n'aime pas chercher à dix endroits différents non plus ;)!
Reply
:icontheauthormissn:
TheAuthorMissN Jan 29, 2014  Hobbyist Writer
Merci! La nulle que je suis sent qu'elle va en avoir besoin.
Reply
:iconcidiene:
Cidiene Jan 30, 2014  Student General Artist
On est tous nul à un moment ou à un autre! Toi aussi un jour, tu te mettras à faire des tutos pour  les nuls o/
Reply
:icontheauthormissn:
TheAuthorMissN Jan 30, 2014  Hobbyist Writer
Merci, c'est sympa :) (Smile) .
Reply
:iconexornali:
Beaucoup te l'ont déjà dit mais j'y rajoute ma couche : merci de ce tuto très bien fait qui aide beaucoup !
Reply
:iconcidiene:
Cidiene Jan 6, 2014  Student General Artist
Bin ce fait toujours plaisir d'avoir ce type de couche là ;).
Reply
Add a Comment: