PE: Decorating Your Profile
|23 min read
SimplySilent's avatar
By SimplySilent   |   Watch
9K 1K 303K (22 Today)
Published: April 26, 2013
: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.




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 mamasaurus

I love kawaii by prosaix Extinction Stamp by Kezzi-Rose Day 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 firstfear Pumpkin 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:


Part II: More tips and tricks


Want more decorating tips? Check out the next article for more profile tricks and examples of great design!






anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (1177)
silvercup24's avatar
silvercup24|Student Digital Artist
How do you make text bold?
Reply  ·  
averagehooligan's avatar
averagehooligan|Hobbyist General Artist
does anyone know how to copy an image URL? yes, i have read this entire PE but, whenever I try to copy an image's URL...i just get a huge messy URL.
Reply  ·  
The-Cannoli-Munk's avatar
The-Cannoli-Munk|Hobbyist General Artist
Right-click on the image and click on "Copy Image URL"
That's the only way it's worked for me
Reply  ·  
averagehooligan's avatar
averagehooligan|Hobbyist General Artist
yes, i'm aware. but, the thing is that the image URL always comes out ridiculously long.
Reply  ·  
The-Cannoli-Munk's avatar
The-Cannoli-Munk|Hobbyist General Artist
Oh, same thing happens to me, but it works
Reply  ·  
FlowerfawnCreations's avatar
Hmmmm
Reply  ·  
Maniamama's avatar
Maniamama|Hobbyist Digital Artist
i cant copy the right url i mean it cant see my own image
Reply  ·  
Maniamama's avatar
Maniamama|Hobbyist Digital Artist
where found a url
and whats a css code
Reply  ·  
CookiedeKitty's avatar
CookiedeKitty|Hobbyist Filmographer
ty X3
Reply  ·  
SameerPrehistorica's avatar
SameerPrehistorica|Hobbyist Digital Artist
Is there an option to change the background 'green' color ?
Reply  ·  
Nich-horse's avatar
Nich-horse|Student Digital Artist
p sure you need core to add a background
Reply  ·  
VanillaPuddingu's avatar
VanillaPuddingu|Hobbyist General Artist
Thank you for this !Hug 
Reply  ·  
Vixse's avatar
Vixse|Student General Artist
I have a question? Well a couple...
First alot of people have a customized background with their deviant id that's totally different than the normal one- like one had a oc I'm guessing with animated lightning striking in the back.. (I have core and haven't figured out how they do it.. I know it's coding but damn)

Also for my other question, Some people have... animated widgets on their page- kind of like a interactive picture with clickable text almost like a game for instance I stumbled across one deviant who had a wolf head picture- and beneath it was there texts like one would say, Shake it's paw, pet it's head, or talk to it. and if you click on talk to it and the wolf will change shape/animate based on the choice you did.  it'll say "hello!" and you have the option to say "Hello back" or say goodbye. HOW THE HECK DO THEY DO THIS DX
Reply  ·  
kittngore's avatar
kittngoreEdited |Hobbyist Digital Artist
 idk if theres anything wrong with my profile code ,,, bc it wont work ?? idk why


:thumb68 5223070:  

:thumb7372 31565: elliot \ he / they \ gay :thumb 737231565:

:thumb6 83793166: :thumb7573 64724: :thu mb746170939:
 
these people are gay :

:ico nmossypath: :iconwei che1:

:thumb747 309814:</di v>
Reply  ·  
kittngore's avatar
kittngore|Hobbyist Digital Artist
without the spaces between things 
Reply  ·  
kittngore's avatar
kittngore|Hobbyist Digital Artist
and plus your image code thing at the start
Reply  ·  
IceOfWaterflock's avatar
(i got the mention from the rabies pride flag adfghj) it seems to be working for me?
Reply  ·  
KristyArtz's avatar
KristyArtz| Digital Artist
Thanks! Is there a way I can my Deviant ID like how you set up yours?
Reply  ·  
Zelphire's avatar
Zelphire|Student Digital Artist
I love this
Reply  ·  
the-moist-egg's avatar
the-moist-egg|Hobbyist Digital Artist
how can I fix my commission button? I tried " width="200" and same for height but it didn't show up so I made is 2000 by 1000 which looks weird. also how can I make the button be over top of the background?
Reply  ·  
AlbinoFlight's avatar
AlbinoFlight|Hobbyist Digital Artist
what widget would i use for a non core code? would i make a journal and display it?
Reply  ·  
knifehoney's avatar
featured deviation!
Reply  ·  
TwiforkedStars's avatar
TwiforkedStars|Hobbyist General Artist
Hello! I Cannot Edit My Page. Can You Please Help Me?
Reply  ·  
Mertlikatze's avatar
Mertlikatze|Hobbyist Filmographer
Page decorations are usually only for CORE members, however, there are some non-core one's if you search.
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved