Shop Forum More Submit  Join Login
×
Literature
dA Guide: Text Formatting
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.
<
:iconSweetDuke:SweetDuke
:iconsweetduke:SweetDuke 17,204 3,136
This is ART 2 by Svengraph This is ART 2 :iconsvengraph:Svengraph 1,203 212 Custom Box Background Code Generator v1.9.2 (last) by NAkos Custom Box Background Code Generator v1.9.2 (last) :iconnakos:NAkos 12,415 1,859 Make a Profile Directory v.4 (Updated!) by SimplySilent Make a Profile Directory v.4 (Updated!) :iconsimplysilent:SimplySilent 2,747 497 Custom box: Starry Night I - interactive (CSS) by UszatyArbuz Custom box: Starry Night I - interactive (CSS) :iconuszatyarbuz:UszatyArbuz 546 60 NON-CORE 'custom' box MUSIC PLAYLIST by UszatyArbuz NON-CORE 'custom' box MUSIC PLAYLIST :iconuszatyarbuz:UszatyArbuz 1,584 343 Donate widget customizing tutorial by UszatyArbuz Donate widget customizing tutorial :iconuszatyarbuz:UszatyArbuz 4,011 1,737
Literature
CSS Tricks: Background Images
Today's CSS Trick will be about using background images in Journal Skins.
There are three types of images that are mostly used in journals skins: big background images, seamlessly repeatable patterns and icon/logo-like images.
Images can be used for all elements of a journal: in the header, footer, behind text, next to text etc.. Any journal element has the ability to contain an image
I cannot stress enough that the main objective of a journal is making written content enjoyable to read. It is all about readability and making it as easy for the reader as possible. Very often I come across pretty journal skins, that have a complete lack of readability. In one of my previous CSS Tricks I already mentioned the dangers of text lengths and how to limit the .text width to improve readability.
Problems with using images:
Despite being big an images turns out to be too small for a journalAn image does not repeat seamlesslyText becomes non-re
:iconpica-ae:pica-ae
:iconpica-ae:pica-ae 467 131
Black Content-holder boxes by CypherVisor Black Content-holder boxes :iconcyphervisor:CypherVisor 3,867 415
Journal
PE: Decorating Your Profile
Community Week
Your profile page is the first thing people will see when they click on your name, so it's very important to leave a good impression! This article will provide some useful tips and tricks for both premium and non-premium members who want to convert their profile into their own, unique page. First off, some Do's and Don'ts of profile decoration:
Do:
Use dA's profile widgets-- there are lots of great options to chose from
Show off some art (that's what people are here for!)
Express your personality through colors, stamps, gifs, etc.


Don't:
Add so many images that your profile takes forever to load
Use garish or headache-inducing colors
Make text difficult to read with dark backgrounds
Non-Premium Widgets
While many widgets are restricted or locked for non-premium members, there are still a variety of great widgets that you can add to your profile, even without a membership.
:iconSimplySilent:SimplySilent
:iconsimplysilent:SimplySilent 9,228 1,380
Windows Icons V2 by SaviourMachine Windows Icons V2 :iconsaviourmachine:SaviourMachine 582 169
Journal
PE: How to embed things
Written by Astrikos for projecteducate's community week. 
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
DeviantART Images
    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. 
:thumb367944988:

And if you want it bigger: 
:bigthumb367944988:

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... 
<d
:iconAstrikos:Astrikos
:iconastrikos:Astrikos 1,672 865
Journal
CustomBox+Journal Tips n Tricks-Updated 25-Sep-14
More updates comings soon!!
You may put all your queries here in this blog comments.
Tips & tricks
1. How to align your elements in custombox or journal?
Use the following code:
Content here
You can change the alignment to left, right, center & justify by simply replacing the words as shown below
Content here
2. How do you change the font-size in a custombox?
Use the following code:
Your text here
Your text here
Your text here
Your text here
Your text here
Your text here
Your text here
The result:
Font size = 1
Font size = 2
Font size = 3
Font size = 4
Font size = 5
Font size = 6
Font size = 7
3. How to change your font in a Custombox/Journal?
Use the following tag to change your font in your custombox.
Your text here
Example
Your text here
Result
Your text here
Safe fonts to use
Serif Fonts
Georgia      -----     The quick brown fox
:iconCypherVisor:CypherVisor
:iconcyphervisor:CypherVisor 15,943 3,107
Flat Content-Holder Box (Default) by CypherVisor Flat Content-Holder Box (Default) :iconcyphervisor:CypherVisor 2,770 130 Custom Paint Box (with MYO) by sulyia Custom Paint Box (with MYO) :iconsulyia:sulyia 4,972 1,046 Awkward Speech Bubble by SimplySilent Awkward Speech Bubble :iconsimplysilent:SimplySilent 3,338 154 #2 - pinkie ( F2U custom box code ) by Akuesis #2 - pinkie ( F2U custom box code ) :iconakuesis:Akuesis 900 55 Code Snippet - 2 Column Menu by Gasara Code Snippet - 2 Column Menu :icongasara:Gasara 3,132 203 Shattereds Gradients by shattereddesigns07 Shattereds Gradients :iconshattereddesigns07:shattereddesigns07 900 188
Literature
Playing With Text in dA [Semi-Tutorial] UPDATED
FONTS ON DEVIANTART
There are several things you can do with dA's text. You can use Italics, Bold, Underline, Strikethrough, and even change font face or font type. However, there aren't many directions on how to do these things. So, I'm going to give you a quick semi-tutorial on how to work these.
These features are easy enough to use once you know what you're doing. You just have to learn tags. You can visit this link to learn about some other common HTML tags.
The Simpleist Tags to Use Are:
< i > to begin italics and < /i > to end the italics
< strong > to begin bold and < /strong > to end the bold
< b > to begin bold and < /b > to end the bold
< u > to begin underline and < /u > to end the underline
< strike > to begin strike and < /strike > to end the strike
< s > to begin strike and < /s > to end the strike
< sup >
:iconNoxSatuKeir:NoxSatuKeir
:iconnoxsatukeir:NoxSatuKeir 2,291 1,085
[F2U] CORE PAGE ''SPIDER LILLIES'' by oncha [F2U] CORE PAGE ''SPIDER LILLIES'' :icononcha:oncha 245 21 How To: Profile Directory Tutorial by SimplySilent How To: Profile Directory Tutorial :iconsimplysilent:SimplySilent 2,086 92