Shop Mobile More Submit  Join Login

PE: Decorating Your Profile

Fri Apr 26, 2013, 3:21 PM by SimplySilent:iconsimplysilent:
:iconprojecteducate:
:iconprojecteducate:


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.

  • Gallery: Featured Deviation*, Newest Deviations*
  • Faves: Favorites*
  • Prints: Wishlist*, Prints*, Featured Print*, I Just Sold...
  • Misc: deviantID*, Critiques*, Donate Points*, Watchers, Friends, Journal, Journal History, Webcam, Groups, Commissions

The widgets marked with a * have a text box that can be customized with thumbs, images, gifs, stamps, plz accounts, and more (all are covered later on in the journal). If you click the pencil in the right hand corner of these widgets, there will be a text box that you can fill up with all sorts of awesome decorations, even if you are a not a premium member!

Wishlist by SimplySilent
^ You can fill this text box with whatever content you'd like!


Premium Widgets


:star: Premium Membership Required

Along with all of the widgets mentioned above, premium members can also use the following widgets to decorate their pages. Once again, widgets marked with a * have a textbox that can be used for adding decorations.

  • Gallery: Gallery Folder*
  • Faves: Collection*
  • Misc: Custom*, Delicious Bookmarks*, Polls, Visitors, Twitter, Shoutbox, Forum


Custom Box Backgrounds


:star: Premium Membership Required

One of the great features that comes with a premium membership is the ability to add backgrounds to your custom boxes. Click the little pencil button to edit your custom box, and copy the following into the text area:
<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="IMAGE URL HERE"/></div></div><div class="gr-box gr-genericbox"><br>TEXT HERE</div>

4 by SimplySilent
Background from gasara.deviantart.com/art/Fest… by Gasara

Please note that custom box backgrounds are called that "custom box" for a reason. Backgrounds cannot be added to regular widgets the same way they are for the Custom Box widget. While the custom box background code will work in all widgets, the background will cover the content of your widget (ie. a background added to a Featured Deviation Widget will cover the featured deviation). Learn more about this in my Profile Presentation: Tips and Tricks article.

Links to get started:


Custom Box FAQ:

My background doesn't completely fill my custom box widget. How can I fix that?
This means that your background has too small of a width. You will have to manually fix that by making your background larger using some image software (Photoshop, etc.) or using a different image.

How can I have an animated custom box background?
You can use .png, .jpg, or .gif images for your custom box background. If you want an animated background, make an animated .gif image, and use the same custom box background code explained above to add it to your profile.


Custom Box Resources


:star: Premium Membership Required

Now that we have our backgrounds, the next place we should visit is the Custom Box Resources gallery folder at CustomizeYourProfile. Here you can get all sorts of neat resources such as content holder boxes and customizable buttons. All you have to do is copy and paste the codes into your custom box.

Big buttons by CypherVisorWhite Content-Holder Boxes by CypherVisorWarning Content-holder boxes (Red N Green body) by CypherVisorFella buttons v1 by CypherVisorColored Text (Custom box) - More colors by CypherVisor



Fonts


Remember that you don't have to stick with the default fonts for your profile. Make your profile more interesting by using different fonts!

To change the size: <font size="#">Text</font>
To change the font: <font face="FONT NAME">Text</font>
To change the color: fav.me/d6i4keq

You can also use <h1>, <h2>, <h3>, etc. to make different headings.

More detailed guide to fonts here:



Images and GIFs


To add images to your profile/journals use the following code:
<img src="IMAGE URL HERE">

The Image URL can be found by right-clicking over any image on the web and selecting the option that is most similar to "Copy Image URL". Please note that the Image URL is not the URL of the page that the image is on.

Image (not clickable): vs. thumb (clickable): Kawaii Button: Commish Open by miemie-chan3 by miemie-chan3

You can also link images so that they act like buttons. For example, if you want to link an image like the one above to a different page (such as your commission journal), copy and paste the following:
<a href="NEW PAGE URL"><img src="IMAGE URL HERE"></a>

Serves as a button to go to projecteducate


To change the size of your image:
<img src="IMAGE URL HERE" width="#" height="#">

You can change either width or height, or both:


Set only width to 200 pixels: <img src="IMAGE URL HERE" width="200">


Set both width and height to 200 pixels: <img src="IMAGE URL HERE" width="200" height="200">



Stamps


Let people know what kind of person you are by adding some stamps to your page! Just copy the thumb codes (:thumb000000000:) onto your profile/journal. Thumbnail Code Help Animated :howtothumb: by MamaELM

I love kawaii by prosaixExtinction Stamp by Kezzi-RoseDay Dreamer Stamp by Sora05


Links to get started:



Plz Decorations


There are tons of plz accounts for decorating out there, such as those that make borders like these:

:iconbummy1::iconbummy2::iconbummy3: :iconfall1-plz::iconfall2-plz::iconfall3-plz::iconfall4-plz::iconfall5-plz::iconcoffeedonut4plz::iconcoffeedonut1plz::iconcoffeedonut2plz::iconcoffeedonut3plz::iconcoffeedonut4plz:

These can be used on profiles, journals, and artwork descriptions by both premium and non-premium members. To use these, copy: :iconUSERNAME:

For example, the first divider can be added by typing:  :iconbummy1::iconbummy2::iconbummy3:

Links to get started:



Dividers


Just copy the thumb codes (:thumb000000000:) onto your profile/journal.

Spinning Bone Divider (Lt Blue w/ Outline) - F2U! by Drache-Lehre Pixel - CherryBun Cherry Div by firstfearPumpkin Divider - Free by etNoir 

Links to get started:



Music/Videos


See CypherVisor's "How to add videos in custombox/journal?" section in his Tips and Tricks tutorial.

Mini Youtube Player embeddable code by CypherVisor


Groups


Looking for more resources? Check out the galleries of these groups which focus on collecting decorations for your page!

:icondazzlingdecorations: :iconcustomizeyourprofile::iconpretty-pages:


:#1: Now go and make your profile pages shine! :dummy:

Good luck, and I'd love to see how you guys decorate your pages! :giggle:


Some tips and tricks to make your profile shine!

Related Articles:

PE: Profile Presentation: Tips and TricksProfile Presentation: Tips and Tricks
Your profile page can say quite a bit about what kind of person you are, and having a well-designed profile page will help ensure that your visitors leave with a good impression of you and your work. And if you do a remarkably fabulous job at designing your profile, people will not only be impressed, but they will also keep coming back to take another look. In this article, I will go over some useful tips and tricks for making your profile look professional but also personalized! :heart:
This article is mostly directed towards Premium Members, but non-Premium members can still use some of these concepts to personalize their page.
:note: In addition, for those who are new to profile decoration, I highly suggest reading my Decorating Your Profile tutorial first, as it goes over important basics of profile decoration. 

Basic Design Concepts

Before we get started, I first
PE: A Guide to Gallery CSSA Guide to Gallery CSS
Learn the basics of Gallery CSS with this easy-to-follow guide! :dummy:
In this tutorial, we'll cover:
Adding gallery CSSCoding gallery skinsSome useful resources

Adding Gallery CSS
First of all, some important facts about Gallery Skins:
Only Premium Members are allowed to add CSS to their galleriesSkins can be added to both the Gallery and the FavoritesSkins can only be added to the Gallery folders and Favorites collections (shown in the sidebar) but not the main page itself
Step 1: Click on one of your Gallery or Favorites folders in the sidebar.

Step 2: Click the button called "Folder Options" or "Collection Options."
This button is located at the top right of
Add a Comment:
 
:iconcheerylollypops:
Cheerylollypops Featured By Owner Jul 19, 2015  Student Digital Artist
How do I make a DA family chart? Some of my friends have them..
Reply
:iconsimplysilent:
SimplySilent Featured By Owner 5 days ago
Could you link an example to me?
Reply
:iconcheerylollypops:
Cheerylollypops Featured By Owner 4 days ago  Student Digital Artist
Reply
:iconsimplysilent:
SimplySilent Featured By Owner 4 days ago
Are you asking about how to create the icon images? You can type :iconcheerylollypops: to get :iconcheerylollypops: :)
Reply
:iconcheerylollypops:
Cheerylollypops Featured By Owner 4 days ago  Student Digital Artist
Oh! Okay, thank you! :D
Reply
:iconcheerylollypops:
Cheerylollypops Featured By Owner Jul 19, 2015  Student Digital Artist
So I just copy and paste the stamps and buttons?
Reply
:iconechoingharmony:
EchoingHarmony Featured By Owner Jul 17, 2015  Hobbyist Artist
Thank you for this! It really helped me out.
Reply
:icontentaclelights:
TentacleLights Featured By Owner Jul 17, 2015  New Deviant
I don't understand the stamps coding.
Reply
:iconkozakana:
Kozakana Featured By Owner Jul 15, 2015  Hobbyist General Artist
I'm guessing you can't put gifs on your page when you're not premium... Right? :(
Reply
:iconmmoonwalk:
mmoonwalk Featured By Owner Jun 28, 2015
The picture code doesn't work for me. It just makes it a button to the site.
Reply
:iconsublime-feline:
Sublime-Feline Featured By Owner Jun 25, 2015  Hobbyist Digital Artist
I have a question please. I have small seamless tiles that I would like to use to make a custom background widget. Is there a code for making them repeat? Do you mind sharing that code with me? Thanks in advance!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 7, 2015
There's no way to repeat images in custom box backgrounds. Your best bet would be to make a full image with repeating tiles yourself. :)
Reply
:iconsublime-feline:
Sublime-Feline Featured By Owner Jul 11, 2015  Hobbyist Digital Artist
Ok, thanks so much for answering me! I appreciate all of your help!
Reply
:iconstarlightsilver123:
StarLightSilver123 Featured By Owner Jun 15, 2015  Student Traditional Artist
<img src=306889140> like this..?
Reply
:iconkittencradle:
kittencradle Featured By Owner Jun 25, 2015  Hobbyist Digital Artist
nope, you need to do <img src="TEXT HERE">, and you forgot the quotation marks ^^
Reply
:iconfururuchui:
Fururuchui Featured By Owner Jun 14, 2015  New Deviant
where did you place the code? :( please help i don't know 
Reply
:iconpotatogirllovesjosh:
PotatoGirlLovesJosh Featured By Owner Jun 13, 2015  New Deviant Hobbyist Digital Artist
thumb000000000
Reply
:iconiicookehmonstar:
iicookehmonstar Featured By Owner Jun 11, 2015  Hobbyist Artist
I hate how you have to have premium for this! It should be fair where we could atleast get free trial or something...
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 12, 2015
I do believe they have a yearly premium membership day, or something of that sort. Shame it only comes around once a year, though. :hmm:
Reply
:iconkhioee:
Khioee Featured By Owner Jun 8, 2015
Hey! if anyone needs help with their profile and anything in general please let me know!!
Reply
:iconlawli-art:
Lawli-Art Featured By Owner 1 day ago   General Artist
Umm~

Super sorry to bother you, I've literally just started working on my custom boxes, and I can't figure out how to get the pagedoll I want half in/half out of the box??? (I'm somewhat new to this, so it's a bit confusing.)
Reply
:iconkhioee:
Khioee Featured By Owner 1 day ago
ahh no problem!

put the code wherever you want the top of the image to start uwu

here's the code 

<img src="IMAGE URL HERE" align="right"/>
Reply
:iconlawli-art:
Lawli-Art Featured By Owner 23 hours ago   General Artist
I think I did so, but the image still stays inside of the box? (Screenshot of the coding: sta.sh/01ztug4fekgc)
Reply
:iconkhioee:
Khioee Featured By Owner 20 hours ago
i would try putting the code right behind  "Started drawing digital art in April 2015.
Reply
:iconlawli-art:
Lawli-Art Featured By Owner 18 hours ago   General Artist
I've edited a bit, but it still doesn't seem to be working. But thank you for trying to help, anyway!
Reply
:iconkhioee:
Khioee Featured By Owner 18 hours ago
no problem ! 

just try and experiment with it, it'll work eventually uwu 
Reply
:icondesert-poppy:
Desert-Poppy Featured By Owner Edited 1 day ago
Oh it looks like I figured it out. Sorry to bother you!
Reply
:iconkhioee:
Khioee Featured By Owner 1 day ago
no problem! 
Reply
:iconfoxmuppet:
foxmuppet Featured By Owner Jul 14, 2015  Student Digital Artist
Hi I know you might be busy at the moment but, 
oh my lord
I'm very very bad at this
you wouldn't mind helping me, would you?
Reply
:iconkhioee:
Khioee Featured By Owner Jul 14, 2015
of course I'll help you out~ 
what do you need help with? 
Reply
:iconfoxmuppet:
foxmuppet Featured By Owner Jul 14, 2015  Student Digital Artist
So, when I try to add a background
it doesn't stretch properly
like it'll never be wide or long enough, no matter how big or small the file is.
Reply
:iconkhioee:
Khioee Featured By Owner Jul 14, 2015
ahh you have to resize the image. I recommend using at least a 1000 x 2000 sized image. To resize a picture you can use this website ezgif.com/resize or any art program that allows you to change the canvas size. uwu
Or it may be because your laptop is zoomed in too much or too little. It could possibly be the code you used, I could give you the template for the codes I used on my profile if you'd like. 

if you have any other questions feel free to let me know 
Reply
:iconfoxmuppet:
foxmuppet Featured By Owner Jul 14, 2015  Student Digital Artist
That was actually a big help, thank you very very much!
Reply
:iconkhioee:
Khioee Featured By Owner Jul 14, 2015
you're welcome! Let me know if you need help with anything else 
Reply
:iconfoxmuppet:
foxmuppet Featured By Owner Jul 14, 2015  Student Digital Artist
Alright, will do!
Reply
:iconimaginaful:
Imaginaful Featured By Owner Jul 14, 2015  New Deviant Student General Artist
Hello! (sorry to bother you, I know you posted this a while ago ;w; ) If you don't mind, could you check out my page and see if anything needs changing? You don't have to though c:
Reply
:iconkhioee:
Khioee Featured By Owner Jul 14, 2015
it's no bother at all !! i love your profile uwu it looks really nice especially without a premium membership!
it's organized and  personalized really nicely 
Reply
:iconimaginaful:
Imaginaful Featured By Owner Jul 14, 2015  New Deviant Student General Artist
Aww thanks! c: I really like yours as well, the little boxes are very organized and adorable and I love the animated backgrounds ^-^ Thanks again for checking it out :3 <3
Reply
:iconkhioee:
Khioee Featured By Owner Jul 14, 2015
no problem <3 
 and thank you so much ;;;v;;; it really means a lot  !! 
Reply
:iconimaginaful:
Imaginaful Featured By Owner Jul 14, 2015  New Deviant Student General Artist
you're welcome ^-^ :D
Reply
:icontakiashii:
Takiashii Featured By Owner Jul 11, 2015
hello ! ; w ; do you possibly know how to make an image, be in front of another image?
like this.. Screenshot (31) I was too nervous to ask them, themselves, and I feel much calmer here ;7;
Reply
:iconkhioee:
Khioee Featured By Owner Jul 11, 2015
i've been trying to figure that out myself, but once i do i'll be sure to message you! btw i love your page and and all the mirai gifs,, i love her omg
Reply
:icontakiashii:
Takiashii Featured By Owner Jul 11, 2015
ahh, okay, thank you ! 8D
and thank you! I love yours too ^ ^ and I do too! she's so adorable :iconnashablushplz:
Reply
:iconkhioee:
Khioee Featured By Owner Jul 12, 2015
ahh thank you so much !! 

ye she's so cute omfg
like???
 Mirai Kuriyama Smile Icon 
Reply
:iconsilvertail24:
Silvertail24 Featured By Owner Jun 30, 2015  Hobbyist Digital Artist
Nyaa, do you know what the recommended size for Deviantart ID picture is? Or if there is a way to change it? It always appears small no matter what I do ;w;
Reply
:iconkhioee:
Khioee Featured By Owner Jun 30, 2015
sorry i'm not sure ;;0;; 
Reply
:iconsilvertail24:
Silvertail24 Featured By Owner Jun 30, 2015  Hobbyist Digital Artist
Okee, thank you anyways!
Reply
:iconwolfhowl2090:
Wolfhowl2090 Featured By Owner Jun 18, 2015
I know it's been like, 10 days seen you posted this comment,
but I need help with my custom box, on my screen at least the
background isn't showing up, can you tell or help me?
Reply
Add a Comment:
 
×

:iconsimplysilent: More from SimplySilent





Details

Submitted on
April 26, 2013
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
90,493 (93 today)
Favourites
3,458 (who?)
Comments
643
×