HOME | DD

caska1979 — dA GUIDE: HTML, TEXT, EMBED
Published: 2011-11-27 03:01:43 +0000 UTC; Views: 108965; Favourites: 2825; Downloads: 268
Redirect to original
Description Legend:

Codes with this green symbol can be used to: comments, deviation description, journal, user page widgets, dA forum.
Codes with this yellow symbol can be used to: deviation description, journal, user page widgets.







Bold Text:

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz





Italic Text:

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz





Underlined Text:

abcdefghijklmnopqrstuvwxyz





Strikethrough Text:

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz





Small Text:

abcdefghijklmnopqrstuvwxyz

* This code doesn't work in the "literature" submission!!!





Code Text:

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz





Text in Subscript:

abcdefghijklmnopqrstuvwxyz





Text in Superscript:

abcdefghijklmnopqrstuvwxyz





Text with Blockquote:

abcdefghijklmnopqrstuvwxyz






Line Separator:


  

this line







Heading Text:

abcdefghijklmnopqrstuvwxyz



abcdefghijklmnopqrstuvwxyz



abcdefghijklmnopqrstuvwxyz



abcdefghijklmnopqrstuvwxyz



abcdefghijklmnopqrstuvwxyz


abcdefghijklmnopqrstuvwxyz







Bulleted List:


      
  • Pizza

  •   
  • Coffee

  •   
  • Water

  •   
  • Cigarettes


= = = = = = = = =
      
  • Pizza
  •   
  • Coffee
  •   
  • Water
  •   
  • Cigarettes






Numbered List:


      
  1. Pizza

  2.   
  3. Coffee

  4.   
  5. Water

  6.   
  7. Cigarettes


= = = = = = = = =
  
  • Pizza
  •   
  • Coffee
  •   
  • Water
  •   
  • Cigarettes






  • Text Alignment:

    abcdefghijklmnopqrstuvwxyz



    abcdefghijklmnopqrstuvwxyz



    abcdefghijklmnopqrstuvwxyz



    abcdefghijklmnopqrstuvwxyz



    * This code doesn't work in the "literature" submission!!!





    Text Font:

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz





    Text Size:

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz





    Text Acronym or Abbreviation:

    dA

    dA

    * move the mouse on the word "dA"!!!





    Text with Link:


    fav.me/d4e27hn "> Journal Skin-Less

    www.lastfm.it/user/caska1979 "> caska's Last.fm

    *Is a link to click on it!!!





    Avatar Link:

    or :iconNAMEGROUP:

    * This code doesn't work in the "literature" submission!!!





    User Link:

    username or :devNAMEGROUP:

    * This code doesn't work in the "literature" submission!!!





    Embed Thumbs and Big Thumbs:

    :thumbNUMBERS: (the codes "thumb" are to the right of the deviations)

    :bigthumbNUMBERS: (to get the big thumbs add "big" among the first ":" and "thumb", this only works in journals and widgets userpage)

    * This code doesn't work in the "literature" submission!!!





    Embed External Image:



    (delete the address of the image between the "*" and paste an image of another address, the value of "width" and "height" can be changed up to the size you prefer)

    * This code only works in journals and widgets userpage





    Embed Video:


    ========
    Example:
    (YouTube)

    (Vimeo)

    (DeviantArt Film)






    P.S.: Most testo text formats can be COMBINED with each other!

    Related content
    Comments: 572

    Calithius In reply to ??? [2021-06-26 22:15:44 +0000 UTC]

    👍: 0 ⏩: 0

    Galager-Draws [2020-07-21 01:19:24 +0000 UTC]

    👍: 0 ⏩: 0

    RebelleValor [2018-07-18 20:03:10 +0000 UTC]

    Overall

    Vision

    Originality

    Technique

    Impact


    I do love and appreciate this HTML guide. I have actually used it myself a few times to get a good reference for some coding help. I did find a couple issues with what you have here though and I think fixing them will improve your guide.

    For starters your coloring coding with the green and yellow bullets is a good idea, however there isn't a lot of difference between the two. I suggest maybe using a bullet for each: comments, Dev description, journal, user page widgets, dA rum, ect. This way you can place each bulletpoint with the corresponding codes.

    I did not see a whole lot of information regarding embedding videos and outside images. I can see the videos and the images, but not how to code them. Maybe you can add the code needed to be used in order to embed those things. You can add *'s or some sort of text symbol if you need to keep the code from, well, coding and allow users to see what code they need to use to embed such things.

    I do hope this helps you and that you will continue to improve this guide. It has certainly helped me multiple times with coding boxes and journals!

    👍: 0 ⏩: 0

    hydromanic [2013-03-28 20:51:04 +0000 UTC]

    Overall

    Vision

    Originality

    Technique

    Impact


    This tutorial has really good potential to help other deviants, even though it is not the most original idea on earth, It contains the majority of HTML for DeviantART. I like the way it is set out, which makes it easier to access and particular information without any hassle.

    On the minus side, some stuff doesn't work, when clicking different things, and some things might have been able to do with a more thorough explanation. I know that might make it much longer, it's a bit lengthy already.

    There is a lot about it I really like, and I think it was good that you put it up, as it is quite useful and overall, a good HTML guide that will help Deviants for years to come.

    👍: 0 ⏩: 1

    caska1979 In reply to hydromanic [2013-03-31 14:56:27 +0000 UTC]

    Thank you very much!

    👍: 0 ⏩: 1

    hydromanic In reply to caska1979 [2013-04-01 01:03:58 +0000 UTC]

    You're welcome!^.^

    👍: 0 ⏩: 0

    pokesleuth [2012-09-21 19:15:45 +0000 UTC]

    Overall

    Vision

    Originality

    Technique

    Impact


    this html guide is a good start for others that don't know how to do it. But it needs some more codes and different headings ect. it's an ok tutorial. but that's fine for the html codes and also requires a bit more examples. but it's a great list that it is good for formatting i kinda like the formatting codes but i cant find any other codes for html so that's all i got to say for this ( i am so sorry for repeating my self) ok so uhh i gave a good rating for you ok so bye

    👍: 0 ⏩: 1

    caska1979 In reply to pokesleuth [2012-09-21 19:36:50 +0000 UTC]

    Thank you very much for your critique!

    👍: 0 ⏩: 0

    Sinamuna [2019-02-20 02:40:18 +0000 UTC]

    How do you edit/make hover text balloons for images/links?

    👍: 0 ⏩: 0

    wiisterya [2018-07-07 07:12:03 +0000 UTC]

    How I put the size one?

    👍: 0 ⏩: 0

    hunysushii [2017-06-11 23:54:12 +0000 UTC]

    THANK YOU

    👍: 0 ⏩: 0

    TwistedLunatic [2017-04-21 21:25:43 +0000 UTC]

    thanks!!!

    👍: 0 ⏩: 1

    TwistedLunatic In reply to TwistedLunatic [2017-04-21 21:26:10 +0000 UTC]

    test

    👍: 0 ⏩: 0

    C4MlL0 [2017-03-25 19:48:19 +0000 UTC]


    testing

    👍: 0 ⏩: 1

    C4MlL0 In reply to C4MlL0 [2017-03-25 19:48:55 +0000 UTC]


    omg it worked thankkkk :'^)

    👍: 0 ⏩: 0

    Helmie-Art [2016-11-26 02:02:37 +0000 UTC]

    How do I make invisible text?

    👍: 0 ⏩: 0

    Coyji [2016-11-12 03:53:56 +0000 UTC]

    testing

    👍: 0 ⏩: 1

    Coyji In reply to Coyji [2016-11-12 03:54:22 +0000 UTC]

    Thanks! ❤❤ 
    I finally undertstand. :3

    👍: 0 ⏩: 0

    Genny-Snail [2016-09-21 19:52:34 +0000 UTC]

    OMG THANK YOU ;u;

    👍: 0 ⏩: 0

    LilacStarre [2016-09-21 19:15:10 +0000 UTC]

    Thanks!! Good of you to help the clueless!!!

    👍: 0 ⏩: 0

    Otakui [2016-09-21 14:28:06 +0000 UTC]

    youre a saint!!

    👍: 0 ⏩: 0

    LadyLoth [2016-09-21 09:17:41 +0000 UTC]

    Thanks :3

    👍: 0 ⏩: 0

    zpyyx [2016-09-13 18:54:10 +0000 UTC]

    meeptesting

    👍: 0 ⏩: 0

    Dovahkiin55 [2016-08-07 13:08:20 +0000 UTC]

    OMG I finally found out how to do strike thank you! I knew everything else but i didn't know strike! SO thanks a million!

    👍: 0 ⏩: 0

    Louisetheanimator [2016-06-20 18:19:52 +0000 UTC]

    Thanks very much! ^^

    👍: 0 ⏩: 0

    Khaothicc [2016-06-02 17:03:29 +0000 UTC]

    u saved my life thank u ♥

    👍: 0 ⏩: 0

    Pandora-Lovegood [2016-05-20 10:10:40 +0000 UTC]

    OMG TY  

    👍: 0 ⏩: 0

    gothicAge [2016-05-06 20:33:07 +0000 UTC]

    adding external images to comments like this isnt possible ??
    i tried your code because its easier to read than the help desk info ( help.deviantart.com/81/ ), which didnt work either, btw.

    👍: 0 ⏩: 1

    YESsenpainoticedme In reply to gothicAge [2016-06-06 16:18:26 +0000 UTC]

    it only works for core members for all i know. or not at all. ;u;

    What i did was:
    - clicked the "add a drawing"
    - clicked "import" which is located on the right; scroll down
    - either chose "upload files" or selected one from my sta.sh
    - clicked and dragged to resize it
    - done! :)

    Try it. ^^

    👍: 0 ⏩: 1

    gothicAge In reply to YESsenpainoticedme [2016-06-06 22:08:18 +0000 UTC]

    👍: 0 ⏩: 0

    ilnanny [2016-04-09 01:58:12 +0000 UTC]

    Awesome tuto..Thanks for sharing .
    Ciao

    👍: 0 ⏩: 0

    Corrins [2016-01-31 18:42:50 +0000 UTC]

    test

    👍: 0 ⏩: 0

    hoijannick [2016-01-17 13:09:58 +0000 UTC]

    ehhhhhhhhhhhhhh

    👍: 0 ⏩: 0

    OhHelloYouArtifact [2015-12-31 01:50:51 +0000 UTC]

    Hello.
    Can you make a thumbnail for this picture?
    sta.sh/01ahs5luws46

    👍: 0 ⏩: 0

    CrazyClash [2015-12-13 01:20:59 +0000 UTC]

    Can embedding videos work in comments? 

    👍: 0 ⏩: 0

    surrealistic-gloom [2015-11-01 03:17:48 +0000 UTC]

    Thank you, very useful! 

    👍: 0 ⏩: 0

    blueberiis [2015-10-26 00:37:11 +0000 UTC]

    My name is PANDA XD 

    👍: 0 ⏩: 0

    wellduhh [2015-08-27 23:46:52 +0000 UTC]

    wow very useful ! thanks c:

    👍: 0 ⏩: 0

    lolymetal [2015-08-17 00:12:14 +0000 UTC]

    abcdefghijklmnopqrstuvwxyz

    👍: 0 ⏩: 0

    xJaelynn [2015-07-07 04:55:36 +0000 UTC]

    Thanks!

    👍: 0 ⏩: 1

    caska1979 In reply to xJaelynn [2015-07-08 20:46:18 +0000 UTC]

    You're welcome!

    👍: 0 ⏩: 0

    Ask--Taiwan--APH [2015-06-15 20:58:19 +0000 UTC]

    Hello, thank you for the help!
    Well, I just have one doubt, how put the text next to the image? Like this- >  sta.sh/0fxh8kpzc4r
    I would love to know, if someone know, please help me! <3

    👍: 0 ⏩: 0

    thevanguardmedia [2015-06-11 20:30:00 +0000 UTC]

    We added the ability to easily create a responsive html5 slideshow and embed your deviant art gallery or collection on your own website. Check us out at    Embed a Deviant Art Slideshow  

    👍: 0 ⏩: 0

    Widyadk [2015-05-28 09:56:16 +0000 UTC]

    Maybe u should type in the spaces of :icon username: and :dev username: because there is a user that the username is "username"!!!!

    👍: 0 ⏩: 0

    Alais-and-The-Nymphs [2015-05-26 13:48:01 +0000 UTC]

    Does anyone know how to have an image next to text? I've seen it a lot of times, but I can't find the code...
    Like this

    Image Word
    Image Word
    Image Word 

    Please help ;;

    👍: 0 ⏩: 0

    PaMonk [2015-04-06 04:48:43 +0000 UTC]

    Thanks for Helpful Info so cool.

    👍: 0 ⏩: 1

    caska1979 In reply to PaMonk [2015-04-13 19:57:43 +0000 UTC]

    👍: 0 ⏩: 0

    LupusDream [2015-03-24 15:48:07 +0000 UTC]

    Thank you for this.

    but was wondering how do i change the color of the text??

    👍: 0 ⏩: 1

    caska1979 In reply to LupusDream [2015-04-13 19:57:26 +0000 UTC]

    cyphervisor.deviantart.com/art…

    👍: 0 ⏩: 1

    LupusDream In reply to caska1979 [2015-04-13 19:59:27 +0000 UTC]

    Thank you

    👍: 0 ⏩: 0


    | Next =>