HOME | DD
ScarletteDeath β Using HTML on deviantART
Published: 2011-05-13 19:45:48 +0000 UTC; Views: 859038; Favourites: 17453; Downloads: 0
Redirect to original
Description
body div#devskin0 hr { }
Hello!
Hello and welcome to my little html tutorial. I've been working with html codes for a couple of years and I'm going to teach you what I know about using some basic html on deviantART. This won't make you a html expert or something and I'm not an expert myself but it will give just enough knowledge to make your journals, comments, news articles and other neat and lovely looking.
deviantART actually has FAQs about html but I still wanted to do this because they look a bit unorganized, in my opinion. Also, why would you want to look for those FAQs when you can just open this news article where you have everything in one place?
You may already know some of these, but I hope you'll find at least something helpful in this news article.
Some basic html
Example text Example text Font size - headings Links and photos Combining codes This won't be easy to read, but you get the point. Here's a link to dA again. Special characters Thumbs and username and icon tags Remember β I hope this helped!
Same π: 0 β©: 1 I copy and pasted the example and then typed what i wanted to say next to in on the same line, and it worked^^ π: 0 β©: 2 I tried it, and it didn't work? π: 0 β©: 1 What do you want to say and ill make it large for you, so all you have to do is copy and paste π: 0 β©: 1 Sorry for the late responds. π: 0 β©: 0 Example, meaning the result π: 0 β©: 0 testΒ - my commission information! taking points! - π: 0 β©: 0 Hello ScarletteDeath ! π: 0 β©: 0 OMG Thank you so much! You helped me a lot :3 π: 0 β©: 0 I'm just adding on: deviantart.com/users/outgoing?LINKβ>TEXT π: 0 β©: 0 See this is why I love DA.Β SO may thoughtful, helpful people on here.Β Thank you! π: 0 β©: 0 Hey! I also found this: π: 0 β©: 0 How do you make Codes VISIBLE. Like < b> TExt Without having to put the space? π: 0 β©: 1 Hello Uluri! π: 0 β©: 0 i dont really understand this this doesnt explain how we can change our page with HTML coding π: 0 β©: 1 This is meant for profile descriptions, comments, etc. to change the format of text and add icons. π: 0 β©: 1 i want to make my profile page stuff look more friendlyΒ π: 0 β©: 1 I'd have to suggest making it a little less crowded then, try removing a couple things like featured deviations, some of your banners, and shortening your watch/friends lists to just icons. π: 0 β©: 0 SCREAMS π: 0 β©: 0 Is code used for putting thumb, but link it to somewhere. Ive seen thistle in different place so I'm just wanting to know if code is used to do this. π: 0 β©: 0 I have a question. Is the center thing working in deviantID (bio)? π: 0 β©: 1 Yep! It works fine as long as you spell it all right and make sure there's an end code. π: 0 β©: 0 This is something that works in Journals and deviation Descriptions only. π: 0 β©: 1 yeah i realized after :'0 π: 0 β©: 0 You EXTREMELY helpful for taking the time to make this. Β Β π: 0 β©: 0 I've been looking for this code all my life.Β π: 0 β©: 0 thanks! this helps!<\b> π: 0 β©: 0 I find this to be very helpful. Thanks for sharing π: 0 β©: 0 Thank You,For posting your experience and know how on Deviant Art. π: 0 β©: 0 Thank you for the helpful journal π: 0 β©: 1 hey! For that particular font you just need to put < code > at the start, and at the end. Just get rid of the spaces and it will work. π: 0 β©: 0 Thank you so much for making this! It's insanely helpful! π: 0 β©: 0 I have this small problem where if I do a code for a link like this (Doesn't go anywhere, just an example.) and when I put a deviation link, it turns into a picture, and then when I transform it into a link, when I try to click it, it just goes to the DA home page, help anyone? π: 0 β©: 2 Hello AwesomeOwlGaming! Sorry, if this is late a (too) late answer. You could try just typing the address out, I had to this just today with a journal and it helped, maybe it will help with a picture, too I took my deviation for the example :'D π: 0 β©: 0 Use the link in the main address bar. I hope it worked! π: 0 β©: 1 I think I did. But whenever I paste it, it turns into a picture, and whenever I click the picture to turn it back into a link, it doesn't work. π: 0 β©: 0 I need help entering this codeΒ 50**aa7.0.0.0.50.7.0.0.0.50_ab_ac_ba50_bb5.1_bc515.500.8.0.1_bd5_be180_ca57.8.350.57.150.1400.100.100.100.0.60_cb0_da2.0.0.100_db_dd0.0.34.50.50.50_dh2.30.50.50.0_di3_qa_qb_dc0.1.2.2.1_eh1.55.100_ea19.55.55.56.0.0_ec5.55.55.55.56.38.62.0_ed23.100.1.1.55.56_ef_eg_r00_fa2.50.50.50.50.65.56_fb7_fh2_fc0.40.55.0.40.55.50.61.61.50.50.50_fj0.0.0_fd2.0.50.55.56_fe50.61_ff0000000000_fg0.50.56.0.0.1.0.0_fi_pa0.55.0.0.40.50.85.85.0.0_t00_pb0.55.51.51_pc_pd_pe_ga1_gb1_gc10.0_ge0000000000_gh_gf_gg_gd0000000_ha89.89_hb49.1.44.99_hc0.59.39.0.59.39_hd0.1.49.49_ia_if_ib_id0.35.35.44.0.0.1.2.0.0.2.0.0.1_ic_jc_ie1.56.56.56.11.19.19.0.11.19.19.0.0_ja_jb_jd_je_jf_jg_ka_kb_kc_kd_ke_kf_la33.5.59.43.1_lb_oa_os_ob_oc_od_oe_of_lc_m00_n00_s00_og_oh_oo_op_oq_or_om_on_ok_ol_oi_oj_ad0.0.0.0.0.0.0.0.0.0 π: 0 β©: 1 THAT'S kisekae code. Import it onto a character. and simply screenshow uwu π: 0 β©: 1
insert text hereinsert text here
Example text
Example text
Example text
Example text
Example text
Example text
Example text
Example text
Example text
Example text
Example text
Example textInsert text here
text that will be clickable
For example; here's a subscripted text that's bold, underlined, strike, italic, centerd and contains a link:
My code for this was:This won't be easy to read, but you get the point. www.deviantart.com/ ">Here's a link to dA again.
I just wanted to show you all how ridiculously long and confusing this looks but it's really, really easy so don't be afraid of it.
Here is the link to the special characters that you will probably use rarely. On the other hand, if you're ever planing to create a plz account or if you need to demonstrate html, these are the most common ones that you'll use:
This isn't really html, but you'd be surprised how many people doesn't know how this works.
There is a "Thumb" box with the code that usually looks something like this :thumb208669995:
keep calm
and
zoom the page
Related content
Comments: 3539
I think DV took away the headings html codes for some reason 
I read it doesn't work in comments so go to this link
FontsNoot Noot
Β This code will work in (premium) journals, news articles, artist's comments and special boxes on user's profile.Β It will not work in comments.
Code:Β Used for defining computer code, but deviants just use it to change their font. Insert text here
Result:Β Example text
This html code will work pretty much everywhere, I think. I don't use it that often so I'm not sure, but considering the popularity of it, I think it works everywhere.Β 
First: Sorry, for tagging You, but I really wanted You to see this
Second: By typing
I think this text style would be helpful for those artists, who are writing storys and uploading them in their journal, so maybe You could add this to Your post
LG Tiaaze
If you make a link that goes out of DA, but it turns out to have the out of place dark text and little arrow symbol, re-doing the link like this:
usually fixes it to look like the nice clickable blue text.
< font size="number">Sample
What you need?
Just remove the space between "<" and "font" and replace the "number" by a number of your choice.
Note: This doesn't work on status updates (anything else too?).
ScarletteDeath actually mentioned it in her journal post, here I hope this answers Your question
Here is the link to the special characters that you will probably use rarely. On the other hand, if you're ever planing to create a plz account or if you need to demonstrate html, these are the most common ones that you'll use:
Less-than sign: <
Result: <
More-than sign: >
Result: >
Colon : β there You should put a semicolon (this thing ';') but I don't know how to put it there :I
Result: :
LG Tiaaze
I believe CSS is what you need for profile customization, to customize a custom box.
I NEEDED THIS IN MY LIFE
(Sorry if this is a late reply.)
But how do you do stuff like that?
sta.sh/01debv6l9f2m
This special front
example
I made this explanation , I hope it's at least a bit helpful ^^β
If You found another solution to this problem, would You tell me, please? :3
LG Tiaaze
<= Prev | | Next =>
