Shop More Submit  Join Login
×

:iconcidiene: More from Cidiene



More from deviantART



Details

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

Stats

Views
15,063 (10 today)
Favourites
241 (who?)
Comments
96
×
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!) ;):
 Pencil's Muse Scape by Cidiene Odenwald - The soft Autumn path by Cidiene Origin by Cidiene Fleur Solaire by Cidiene Turquoise by Cidiene Zolnerowich Family by Cidiene
Add a Comment:
 
:iconlatchdrom:
LatchDrom Featured By Owner Edited Sep 13, 2014  Hobbyist General Artist
Super, merci pour le tuto! Je m'étais toujours demandé comment certains deviants arrivaient à mettre une icône en citant un autre deviant, maintenant c'est fait grâce à toi :iconcidiene:
Merci!
Reply
:iconaya-redfield:
Aya-Redfield Featured By Owner Sep 8, 2014
Merciii Meiko Honma 'Menma' (Anohana) Emote - Happy 
Reply
:iconcidiene:
Cidiene Featured By Owner Sep 9, 2014  Student General Artist
At your service, Aya! ^^
Reply
:iconerucyano:
EruCyano Featured By Owner Aug 26, 2014  Student Digital Artist
Très utile ! Merci beaucoup !
Sinon j'ai une question parce que à la base c'est ça que je cherchais... comment intégrer un lien dans une image ? par exemple je veux des boutons Youtube et faceBook qui renvoi vers mes coordonné et non vers l'endroit d'où viens le thumb.

Merci d'avance !
Reply
:iconcidiene:
Cidiene Featured By Owner Edited Sep 9, 2014  Student General Artist
Coucou Eru!
Mmmh, normalement il suffit d'encadrer l'image avec le code du lien (comme pour n'importe quel bouton), néanmoins avec un compte gratuit, je ne suis pas certaine que ce soit possible. Il faudra peut-être se résoudre à faire des liens "simple" (mais en les mettant en Maj et gras) ^^


[Edit] (oui, je suis allée vérifier sur les règles qui ont évoluées depuis, avant de poster ma réponse): Alors, c'est possible même pour les comptes gratuits mais uniquement dans le journal.

Le code utilisé juste pour intégrer une image : <img src="source URL" /> 

Et donc, pour faire une combo image/Url (type bouton): 
 <a href="adresseDuLien"><img src="source URL" /> </a>

Evidemment, là encore, ce sera possible que dans les articles journaux!


Ps: Va falloir que j'édite le tuto avec cette nouvelle donnée, haha!
Reply
:iconerucyano:
EruCyano Featured By Owner Sep 11, 2014  Student Digital Artist
Merci beaucoup pour ta réponse o/
Je suis preneur de tes prochains tuto, c'est toujours pratique de savoir maîtriser ces petites choses
Reply
:iconfraizstudio:
FraizStudio Featured By Owner Edited Jul 1, 2014
Cha va m'être utile, merci °w°
Reply
:iconcidiene:
Cidiene Featured By Owner Sep 9, 2014  Student General Artist
:heart:
Reply
:iconsilith2002:
Silith2002 Featured By Owner May 25, 2014  Hobbyist Digital Artist
Oh, mon dieu, je viens de trouver plein de nolis cocode expliqué en fr ! *o*"
Sinon, j'ai mal compris en fait un point, comment on peut mettre les mini icones dans les descriptions de deviations ? ;w; ? (la version :thumb: des journaux, j'aimerais faire pareil mais dans la description de la deviation du coup, comme tu l'as fait ici avec tes images de tes créations -d'ailleurs elles sont toutes jolies ^o^-)
Reply
:iconcidiene:
Cidiene Featured By Owner May 25, 2014  Student General Artist
Coucou! (:

En fait, les thumbnails des descriptions, c'est une option des compte payant! En compte gratuit tu ne les as du coup, que dans les journaux...
Sinon, c'est exactement la même méthode que pour les journaux, il suffit de prendre le code à droite de chaque deviation, et de l'intégrer à la description tel quel!

(Merci beaucoup! Je viens d'en changer du coup ^^).
Reply
Add a Comment: