[x]

dA GUIDE: HTML, TEXT, EMBED

Legend:

:bulletgreen: Codes with this green symbol can be used to: comments, deviation description, journal, user page widgets, dA forum.
:bulletyellow: Codes with this yellow symbol can be used to: deviation description, journal, user page widgets.

:bulletgreen: Bold Text:

 abcdefghijklmnopqrstuvwxyz 
 abcdefghijklmnopqrstuvwxyz 

:bulletgreen: Italic Text:

 abcdefghijklmnopqrstuvwxyz 
 abcdefghijklmnopqrstuvwxyz 

:bulletgreen: Underlined Text:

 abcdefghijklmnopqrstuvwxyz 

:bulletgreen: Strikethrough Text:

<s> abcdefghi

CSS Tricks: Responsive dA?If you are at least slightly into web design and/or using mobile devices to browse, you should have come across the term "Responsive Webdesign". Basically it means that a website is set up in a way so it gives the best browsing experience no matter on what device you are viewing it.
One term that is often mentioned along with it are "Fluid Designs". This usually refers to web sites that use % instead of px values to define sizes inside the layout.
This necessary trend in web design made me think about the deviantART.com layout. Because it is a design that has been working responsive for several years! You can test this by going to any place on dA and changing your browser window. You will notice how the ratio of all elements in width remains the same no matter how wide the browser window.
Now that we know that dA is responsive, we will soon find out that there is a responsive element inside dA, which reacts in first instance to the page on dA you are and in second instance to the brows

CSS Tricks: Background ImagesToday'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

Embedding videos on your profile

Video embedding.

TL;DR: Instructions simplifiedEdit: You no longer have to be a Beta Tester in order to use the above code, nor a premium member. Anyone can embed a video onto their profile.

:bulletred:Copy Youtube code.

Use this code for custom boxes. You can change the width and height yourself:

Use this code for journals:

You can substitute "youtube" with "film" or "vimeo" in order to embed dA films or vimeo videos. Simply find the video ID for the video you want that corresponds.

:bulletred:Paste code into Custom Box.

:bulletred:Find video on Youtube.

:bulletred:Look at video's URL in the URL bar above or click on Share.

:bulletr

How to Use Journal Skins What are journal skins?
Journal skins are premade, installable layouts that allow you to customize the look and feel of your journal.
Here are a few examples:

Who can use journal skins?
Only premium members on deviantART can use journal skins.
If you're unsure about whether or not you're a premium member, just go to your profile page and look at the top. If it says "Need Premium Membership", you're not a premium member.
How do I use journal skins?
Find a skin that you like. You can browse for one here, the Installable Journal Skins category.

Pick a skin that you like.

Before you install the skin, scroll down and read the comments. Many journal skins will require you to copy

Browse More Like This

More from =YumiKF

View Gallery

Featured in Groups:

#fella
Being devious is srs bsns

#Digital-Art-Club
Digital Art Community

#Unknown-Artists-Club
Unknown Artists Get Recognition

#PromoteArt
Let your art be promoted here!

#Get-Watchers
We Give All Artist Exposure

#Hidden-Artists

#ShareART
Share the moment

#GiveAWatchGetAWatch
Watch all and get watchers back!

Show all (9)

Details

Submitted: March 19, 2012
File Size: 5.3 MB

Thumb

Statistics

Comments: 64
Favourites: 192 [who?]
Views: 2,949 (3 today)
Downloads: 868 (0 today)

[x]

customize your profile_HUGE_tutorialby =YumiKF

Resources & Stock Images / Tutorials / deviantART Tutorials / Other

Soooo,many people ask me about my profile page: "How I do this?"
........and I desided to make a simple for understanding &

HUGE

customize tutorial of general codes,text formatting etc

Just gathered them together

You need ONLY have a PREMIUM MEMBERSHIP,copy-paste the codes and add your stuff

RAR include:
- text file with codes,NOTEs,examples etc
- full-size tutorial(how it all will be looks with codes)

just CLICK DOWNLOAD

THANKS TO:^{for the HELP & their really HARD work}

-`CypherVisor(check his gallery!*_*)
-=zara-leventhal
-`SanguineEpitaph
-~SweetDuke
-#devBUG
-`thekidKaos and many other

FAQ's:

FAQ #28: What are the benefits of becoming a Premium Member?
FAQ #90: How do I customize my profile page?
FAQ #104: What HTML formatting can we use on deviantART? And what is the format for these codes?
FAQ #81: How can I create links to other deviants, deviations, or websites?
FAQ #508: How do I post the raw HTML or emoticon codes in chatrooms?
For more information-->go to Help & Faq

If you have any question(s)-just ask!

Related works:

-how to suggest a DD(RUS)

-color in Sai_tutorial_ENG/RUS
-chibi tutorial_ENG/RUS

Listening to: Unreal - Аутодафе

thx for viewing

love 2 2

joy 4 4

~~wow 0 0~~

~~mad 0 0~~

~~sad 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

*I-M-ZENERO Mar 16, 2013 Student Digital Artist

Can you help me, please ~ I couldn't change the gallery icons , although I clicked many times on " change icon" buttons (T ~ T)

=YumiKF Mar 16, 2013

the same problem -_-...more than 100% that it bug of DA,I think we need wait some time and all will be okay

*I-M-ZENERO Mar 16, 2013 Student Digital Artist

thank you so much for your help

=YumiKF Mar 16, 2013

^u^

*atlantic-lungs Mar 15, 2013 Student Writer

I have a question, I feel so slow >_<
How do you put a custom box in the Art Zone,
that's how it looks on your profile,
and I'm going crazy trying to find it.

=YumiKF Mar 15, 2013

I'm just removed all art zone widgets

*atlantic-lungs Mar 17, 2013 Student Writer

xDD Got cha, THANK YOU!! I'm too slow >_<

~Felixuta Jan 23, 2013 Hobbyist Traditional Artist

Darn! It isn't working! I don't understand what codes should I use to all of my boxes (Gallery,stamps,favorites,watchers,friends etc) with this [link] background!

I've tried days after days and still nothing at all... Could you please help me out?

=YumiKF Jan 23, 2013

code for background work only in custom boxes,Featured deviation box & ID widget...
anyway just ask your questions here or by Note

~Felixuta Jan 23, 2013 Hobbyist Traditional Artist

It doesn't work either in custom boxes -.-

More from =YumiKF

Featured in Groups:

Details

Statistics

customize your profile_HUGE_tutorialby =YumiKF

HUGE

just CLICK DOWNLOAD

FAQ's:

If you have any question(s)-just ask!

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style