HOME | DD
lisemily — Comprehensive dA HTML Tutorial
by-nc-sa
Published: 2009-06-28 19:16:01 +0000 UTC; Views: 15024; Favourites: 481; Downloads: 279
Redirect to original
Description
I wrote a new tutorial about HTML uses on dA. I hope this tutorial will be, as the title says, a comprehensive tutorial that covers just about all of the bases. In addition to the information I covered in the old tutorial, I added superscripts and subscripts, striking out text, targeting a link into a new window, and creating a textual menu bar using links. I added a brief introduction to the general format of HTML coding on dA instead of jumping right into the bold, italics, and underline codes. I reduced the number of screenshots to facilitate locating the examples you need, when you need them. I added a bit more depth to understanding how links work instead of just writing the code and saying, "Insert your info here." I addressed some troubleshooting aspects of dA HTML and added tips and hints drawn from questions other dA users had posted on the old tutorial. I utilized clear contrast between the foreground and background, legible text, a navigable system of organization, and facetious pretentions of high class. It is my hope that you will find this tutorial just as helpful as the original.Please download for optimal legibility.
Related content
Comments: 128
Thank you bunches for creating this!! I had a profile a couple of years ago, but I have forgotten how to use basic HTML, which is why my profile is so blank ;-;
so you pretty much saved me, thanks
👍: 0 ⏩: 1
Glad it's still helpful after all this time!
👍: 0 ⏩: 1
OH IT IS. I'm all for that customization, so it's still very valid and useful
👍: 0 ⏩: 1
Thank you so much!!! You really saved my butt right now
👍: 0 ⏩: 0
Thanks for accepting the add invite to my group gallery
👍: 0 ⏩: 1
I come back to this every day, I don't know why it has taken me a week to favorite it XD
👍: 0 ⏩: 1
Wonderful tutorial! 
👍: 0 ⏩: 1
You can do that using the id attribute. I have no clue how this new dA comment thing is going to render example code, so I'm going to play it safe and just refer you to the w3schools page: [link] . You'll find the info under the heading "HTML Links - The id Attribute".
👍: 0 ⏩: 1
When I try to do this in my journals it turns into a whole 'nother font. Can you help me?
👍: 0 ⏩: 1
Well, that's a new one on me. I looked at your journals and the links there looked normal for me, so maybe it's your browser? I honestly don't know. Sorry I couldn't be more help.
👍: 0 ⏩: 1
I forgot to come back and mention that I had figured out what was wrong with it. Whoops! Sorry about that
👍: 0 ⏩: 0
To make larger size font, use the header tags.
text
text
...
You'll have to play with them to get the size that works best; the point size assigned to each varies with journal theme and browser CSS.
👍: 0 ⏩: 1
can you put drawings in your journals? (not skin or thumbs)
👍: 0 ⏩: 1
You can use
If you have the drawing uploaded to dA or your stash, you can get the URL of the image to pop into the tag.
Be forewarned that this will display the image at its full size. So for example if you have a 4000x3000 px photograph linked, it will stretch the journal layout to accomodate the image size displayed as 4000x3000 px.
👍: 0 ⏩: 1
How would one attach a link to an image so when you click the image you go to that link? ie click image go to journal?
👍: 0 ⏩: 1
[a href="link url"][img src="image url here" /][/a]
*With the [ and ] replaced with < and >
Be aware, though, that the tag does NOT work in comments or artist's comments. As far as I know, it only works in journals and the Custom widget (for premium members only).
👍: 0 ⏩: 0
I could not for the life of me figure this out! Thank you!
👍: 0 ⏩: 0
how to add dotted things example:
-....
-....
and how to add a devitation link in description in picture type?
👍: 0 ⏩: 1
I'm not sure what you mean by adding dotted things. Do you mean lists with bullet points?
As for deviation links that are pictures, you do that by copying a deviation's thumbnail code (located in the sharing section on the deviation page) and pasting it wherever you want it. This is only available to premium members, though.
👍: 0 ⏩: 1
What you do is the following, except substitute angle brackets < > for square brackets [ ]
[ol]
[li]List item 1[/li]
[li]List item 2[/li]
[/ol]
[ul]
[li]List item 1[/li]
[li]List item 2[/li]
[/ul]
These will display as the following:
- List item 1
- List item 2
Hope that helps!
👍: 0 ⏩: 1
The main way I know of to manipulate font size is through the header tags,
, and so on down to 7. (1 is the biggest and 7 is the smallest.) However, these only work in journal/blog posts as far as I know. They might work in artist descriptions, but I don't know offhand.Hope that helps!
👍: 0 ⏩: 0
Oh my Lord, THANk YOU!! Thank you so much!! Iv been so confused on how u do all this stuff!!
👍: 0 ⏩: 0
Huzzah! I was confuzzled about how on earth to make that sort of stuff work- thanks!
👍: 0 ⏩: 0
This was really useful!
I have one question: how can you center the text in a journal ???
👍: 0 ⏩: 1
To my knowledge, the only way to center text in a journal is through the use of CSS.
And hey, but your comment inspired me to get off my lazy butt and start a project I've had in mind for a while. It's part tutorial, part DIY code. You can find it here . I think it should do what you're looking for neatly, but if it doesn't, leave me another comment and I'll see if I can figure something out.
👍: 0 ⏩: 0
| Next =>