dA Guide: Text FormattingMore Like This
Please PAY ATTENTION to where the codes WILL and WILL NOT work! (Certain codes do not work in comments and deviation descriptions, no matter how hard you try.) :'D
Try NOT to copy/paste the codes, manually type them out yourself. (Copy/paste messes up some of the codes lately thanks to dA). :C
This is just a simple html guide to formatting text on dA (and other sites as well). My goal was just to compile some html info into a simple, easy to understand guide for quick reference. :) Please let me know if the codes don't show up because sometimes they disappear when dA updates certain things.
This guide goes a little above and beyond dA's FAQ entry (although I purposely left out anything to do with links, because they don't work on literature submissions). I also provided working examples, which might make the codes a little easier to understand. (Keep
PE: How to embed thingsWritten by Astrikos for projecteducate's community week.More Like This
You may have noticed GIFS and hot things in people's journals and profiles.
With HTML and CSS, you can add some hotness to your journals and profile.
Pretty neat, yes?
Embedding Images and GIFs
Images on dA can easily be linked with thumbcodes.
While on a deviation page, all you have to do is scroll down and look right until you see:
Copy and paste the thumb code.
And if you want it bigger:
And bam. There you are.
If that's not good enough, you can play around with the size like this.. .
<da:deviation width="Number" id="deviationID">
It's the thumbcode number without thumb in it...
Trying it out...
Custom Boxes Tips and TricksWritten by Nironan12More Like This
You can see a preview of all custom user boxes here here!
How to Make a Sticky Bar
This tutorial applies only to this custom user box:
What this tutorial will do is stick your green/red bar to the top of your widget.
NOTE: This will not work in the deviantID widget unless you have no deviantID selected.
Copy and paste the following code into the module you wish to apply the code to:
PASTE YOUR BAR CODE HERE
THIS IS WHERE YOUR CONTENT WILL GO
And we're done! Just modify the bolded code with your content.
How to Make Linkless Buttons
This tutorial applies only to these custom user boxes:
You know what a link (or hyperlink) is right? Well, these button have a place for hyperlinks. This tutorial removes them in case you don't have or don't want a link.
In each of those custom user b
Compact embedded player [v4]Tutorial has been updated three timesMore Like This
Changelog in the description
A quick guide to embedding of compact video players
The "compact" I mean player that embedded only for music (in case when you don't care about video or don't want it to take too much space in your custom box or journal).
Here's an example:
Default embedded youtube player (<da:embed profile="youtube" id="NWd5x09gWoE">):
[text valign] [text valign]
And compact version (see the code below):
How it works:
<container with overflow:hidden>
<spacer with necessary height>
<video with position:absolute, bottom:0>
<div class="pagination f sitback-container talk-post popup2-clear">
<img width="544" height="30" src="
dA GUIDE: HTML, TEXT, EMBEDMore Like This
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.
<b> abcdefghijklmnopqrstuvwxyz </b>
<strong> abcdefghijklmnopqrstuvwxyz </strong>
<i> abcdefghijklmnopqrstuvwxyz </i>
<em> abcdefghijklmnopqrstuvwxyz </em>
<u> abcdefghijklmnopqrstuvwxyz </u>
<s> abcdefghijklmnopqrstuvwxyz </s>
<del> abcdefghijklmnopqrstuvwxyz </del>
<small> abcdefghijklmnopqrstuvwxyz </small>
* This code doesn't work in