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,351 3,199
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,483 1,863
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 476 131
NON-CORE 'custom' box MUSIC PLAYLIST by UszatyArbuz NON-CORE 'custom' box MUSIC PLAYLIST :iconuszatyarbuz:UszatyArbuz 1,659 357 #2 - pinkie ( F2U custom box code ) by Akuesis #2 - pinkie ( F2U custom box code ) :iconakuesis:Akuesis 980 55 Donate widget customizing tutorial by UszatyArbuz Donate widget customizing tutorial :iconuszatyarbuz:UszatyArbuz 4,016 1,756
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,279 1,382
Homestuck Fantroll Generator by Kintupsi Homestuck Fantroll Generator :iconkintupsi:Kintupsi 488 90
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,919 3,112
Shattereds Gradients by shattereddesigns07 Shattereds Gradients :iconshattereddesigns07:shattereddesigns07 902 188
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,681 868
Scrolling Widgets (non-Custom Box) by SimplySilent Scrolling Widgets (non-Custom Box) :iconsimplysilent:SimplySilent 1,719 130 Windows Icons V2 by SaviourMachine Windows Icons V2 :iconsaviourmachine:SaviourMachine 580 169 Pretty Up Your Profile by Gasara Pretty Up Your Profile :icongasara:Gasara 12,908 1,576 Flat Content-Holder Box (Default) by CypherVisor Flat Content-Holder Box (Default) :iconcyphervisor:CypherVisor 2,787 130 Custom Paint Box (with MYO) by sulyia Custom Paint Box (with MYO) :iconsulyia:sulyia 5,001 1,049
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,332 1,101
Black Content-holder boxes by CypherVisor Black Content-holder boxes :iconcyphervisor:CypherVisor 3,871 415 Elnino Content-holder Box by CypherVisor Elnino Content-holder Box :iconcyphervisor:CypherVisor 2,666 139 Code Snippet - 2 Column Menu by Gasara Code Snippet - 2 Column Menu :icongasara:Gasara 3,141 204 Custom box: Starry Night I - interactive (CSS) by UszatyArbuz Custom box: Starry Night I - interactive (CSS) :iconuszatyarbuz:UszatyArbuz 587 60 Fun with Columns by SimplySilent Fun with Columns :iconsimplysilent:SimplySilent 3,460 257 Custom Box - Black non-rounded content holder by huina Custom Box - Black non-rounded content holder :iconhuina:huina 1,067 78