HOME | DD

Description

- - - - - - - - - -
UPDATE for January 2020:
I created this guide in 2011, so you'll have to take it with a grain of salt since dA has updated a bazillion things since then LOL. It now looks like many codes don't work in Literature submissions anymore, (or disable the "Eclipse" version of the site and show the old site instead), so some of the demonstrations here only look like regular text. But they should display properly if you copy/paste them in the comments.   I'm so glad to see how many of you wonderful people still utilize this resource, so I wish you the best and encourage you to go ahead and experiment to see what works and what doesn't! Much love~!
- - - - - - - - - -

This is just a quick text formatting guide for dA. My goal was to make a simple html guide for easy reference. Please PAY ATTENTION to where the codes WILL and WILL NOT work! (Certain codes won't work in comments and deviation descriptions, no matter how hard you try.) :'D
I provided "working examples," which might make the codes easier to understand because you can see them in action. (Keep in mind that when you type html tags, the effects won't be visible until AFTER you hit "Preview" on your comment, journal, etc. I only made them visible for the purpose of demonstration.) Enjoy!!!

The following codes can be used in
comments, deviation descriptions, journals, and profile page widgets.

This will make bold text.
This will also make bold text.

This will make italicized text.
This will also make italicized text.

This will make underlined text.

~~This will make striked out text.~~
~~This will also make striked out text.~~
~~This will also make striked out text.~~

You can also combine multiple codes like this, easy!
*Note: When using multiple tags, close the most recent tag first (like how I put before ).

_{This will display the text in subscript.}
_{Use it multiple times to make text smaller  _{and smaller _{and smaller}}}!

^{This will display the text in superscript.}
^{Use it multiple times to make text smaller  ^{and smaller ^{and smaller}}}!

This will make text smaller (and not go below like subscript or above like superscript).
*Note: This tag doesn't work in literature submissions, so that's why it's showing up like subscript here. XD

You can create cool effects like thissssss by typing this_{s_{s_{s_{s_s}}}}!

This will change your text to a monospaced font.
This will also change your text to a monospaced font.
*Note: Monospaced fonts include Consolas, Courier, DejaVu Sans Mono, Lucida Console, Monaco, Prestige, etc.

Type
or
to get the nice line I've been using throughout this guide! ↓

If you want something like :) instead of there are a few options:

Type :)

Type : then  ) for the )
(Here is a list of the ASCII character set: www.w3schools.com/tags/ref_asc… )

Sometimes you can also type :)
(For example, it works in comments but not in deviation descriptions.)


Use this to create an indented section of text.


Use it multiple times to indent text further!

To get an ordered (numbered) list like

An artist's essential items:

Coffee

deviantART

Photoshop

Wacom
you can use the Ordered List tag
by typing:

An artist's essential items:


Coffee


deviantART


Photoshop


Wacom

(You don't need to hit "Enter" between all of the
tags [they can all be on one line] because they will go on separate lines automatically.  I just kept them on separate lines so that the code is easier to see.)

To get an un-ordered list like

An artist's essential items:

Coffee

deviantART

Photoshop

Wacom

you can use the Un-Ordered List tag
by typing:

h4>An artist's essential items:


Coffee


deviantART


Photoshop


Wacom

(You don't need to hit "Enter" between all of the
tags [they can all be on one line] because they will go on separate lines automatically.  I just kept them on separate lines so that the code is easier to see.)

The following codes can ONLY be used in
journals and profile page widgets.

Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."

*Note: Fonts will only show up if the viewer has that font installed on their computer. Otherwise it will show up as another default font. Here is a list of Web Safe Fonts that will work on most computers: www.w3schools.com/cssref/css_w…

This will change the size of your font.
This will change the size of your font.
This will change the size of your font.
This will change the size of your font.
This will change the size...
This will change the size...
This will change the size...
*Note: Size 7 is the maximum size.

This will align your text to the left.

This will center your text.

This will justify your text.

This will align your text to the right.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

The following codes can be used for links.
Some types of links may or may not work in different places on dA.

Avatar Linking
Type :iconsweetduke: to get

*Note: Obviously change my username "sweetduke" to anyone else's username for it to work. ;)

Username Linking

Typing :devsweetduke: or @sweetduke will give you SweetDuke

*Note: Obviously change my username "sweetduke" to anyone else's username for it to work. ;)

Text Linking (changing the name of links)

Name of Image

This is a link to my page .

*Note: Copy/paste your link into the "quotation marks," and type whatever you want for the Name of Image.

Image Linking

*Note: Go to the deviation and copy/paste the link in "URL address." Then DOWNLOAD the deviation, and copy/paste that new link in "Image URL address" (the link should start with http://orig or http://fc). Type whatever you want for the Name of Image.

Thumb Codes (and how to use stamps)

:thumb174033030:

:bigthumb174033030:

*Note: Here is a visual tutorial on how to find the thumb codes: fav.me/d41g4pz Or you can go to the right of the image and find the share buttons (Note, Facebook, Tumblr, & Twitter) and click the down arrow, then copy/paste the thumb code. You can also scroll down further to the right under "Details" and copy the thumb code there. Type :bigthumb#####: to get a bigger thumbnail image.

I hope some people found this to be helpful! If you see any mistakes or have other codes you think should be added, you can add them to the comments to help others! Unfortunately I don't have time to keep this guide updated very often.
♥

:) (Smile) — Description

- - - - - - - - - -
UPDATE for January 2020:
I created this guide in 2011, so you'll have to take it with a grain of salt since dA has updated a bazillion things since then LOL. It now looks like many codes don't work in Literature submissions anymore, (or disable the "Eclipse" version of the site and show the old site instead), so some of the demonstrations here only look like regular text. But they should display properly if you copy/paste them in the comments.   I'm so glad to see how many of you wonderful people still utilize this resource, so I wish you the best and encourage you to go ahead and experiment to see what works and what doesn't! Much love~!
- - - - - - - - - -

This is just a quick text formatting guide for dA. My goal was to make a simple html guide for easy reference. Please PAY ATTENTION to where the codes WILL and WILL NOT work! (Certain codes won't work in comments and deviation descriptions, no matter how hard you try.) :'D
I provided "working examples," which might make the codes easier to understand because you can see them in action. (Keep in mind that when you type html tags, the effects won't be visible until AFTER you hit "Preview" on your comment, journal, etc. I only made them visible for the purpose of demonstration.) Enjoy!!!

The following codes can be used in
comments, deviation descriptions, journals, and profile page widgets.

This will make bold text.
This will also make bold text.

This will make italicized text.
This will also make italicized text.

This will make underlined text.

~~This will make striked out text.~~
~~This will also make striked out text.~~
~~This will also make striked out text.~~

You can also combine multiple codes like this, easy!
*Note: When using multiple tags, close the most recent tag first (like how I put before ).

_{This will display the text in subscript.}
_{Use it multiple times to make text smaller  _{and smaller _{and smaller}}}!

^{This will display the text in superscript.}
^{Use it multiple times to make text smaller  ^{and smaller ^{and smaller}}}!

This will make text smaller (and not go below like subscript or above like superscript).
*Note: This tag doesn't work in literature submissions, so that's why it's showing up like subscript here. XD

You can create cool effects like thissssss by typing this_{s_{s_{s_{s_s}}}}!

This will change your text to a monospaced font.
This will also change your text to a monospaced font.
*Note: Monospaced fonts include Consolas, Courier, DejaVu Sans Mono, Lucida Console, Monaco, Prestige, etc.

Type
or
to get the nice line I've been using throughout this guide! ↓

If you want something like :) instead of there are a few options:

Type :)

Type : then  ) for the )
(Here is a list of the ASCII character set: www.w3schools.com/tags/ref_asc… )

Sometimes you can also type :)
(For example, it works in comments but not in deviation descriptions.)


Use this to create an indented section of text.


Use it multiple times to indent text further!

To get an ordered (numbered) list like

An artist's essential items:

Coffee

deviantART

Photoshop

Wacom
you can use the Ordered List tag
by typing:

An artist's essential items:


Coffee


deviantART


Photoshop


Wacom

(You don't need to hit "Enter" between all of the
tags [they can all be on one line] because they will go on separate lines automatically.  I just kept them on separate lines so that the code is easier to see.)

To get an un-ordered list like

An artist's essential items:

Coffee

deviantART

Photoshop

Wacom

you can use the Un-Ordered List tag
by typing:

h4>An artist's essential items:


Coffee


deviantART


Photoshop


Wacom

(You don't need to hit "Enter" between all of the
tags [they can all be on one line] because they will go on separate lines automatically.  I just kept them on separate lines so that the code is easier to see.)

The following codes can ONLY be used in
journals and profile page widgets.

Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."
Change the font name in the "quotation marks."

*Note: Fonts will only show up if the viewer has that font installed on their computer. Otherwise it will show up as another default font. Here is a list of Web Safe Fonts that will work on most computers: www.w3schools.com/cssref/css_w…

This will change the size of your font.
This will change the size of your font.
This will change the size of your font.
This will change the size of your font.
This will change the size...
This will change the size...
This will change the size...
*Note: Size 7 is the maximum size.

This will align your text to the left.

This will center your text.

This will justify your text.

This will align your text to the right.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

This will give you heading text.

The following codes can be used for links.
Some types of links may or may not work in different places on dA.

Avatar Linking
Type :iconsweetduke: to get

*Note: Obviously change my username "sweetduke" to anyone else's username for it to work. ;)

Username Linking

Typing :devsweetduke: or @sweetduke will give you SweetDuke

*Note: Obviously change my username "sweetduke" to anyone else's username for it to work. ;)

Text Linking (changing the name of links)

Name of Image

This is a link to my page .

*Note: Copy/paste your link into the "quotation marks," and type whatever you want for the Name of Image.

Image Linking

*Note: Go to the deviation and copy/paste the link in "URL address." Then DOWNLOAD the deviation, and copy/paste that new link in "Image URL address" (the link should start with http://orig or http://fc). Type whatever you want for the Name of Image.

Thumb Codes (and how to use stamps)

:thumb174033030:

:bigthumb174033030:

*Note: Here is a visual tutorial on how to find the thumb codes: fav.me/d41g4pz Or you can go to the right of the image and find the share buttons (Note, Facebook, Tumblr, & Twitter) and click the down arrow, then copy/paste the thumb code. You can also scroll down further to the right under "Details" and copy the thumb code there. Type :bigthumb#####: to get a bigger thumbnail image.

I hope some people found this to be helpful! If you see any mistakes or have other codes you think should be added, you can add them to the comments to help others! Unfortunately I don't have time to keep this guide updated very often.
♥