Shop Forum 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.




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!






Add a Comment:
 
:iconcookiedekitty:
CookiedeKitty Featured By Owner Feb 20, 2019  Hobbyist Filmographer
ty X3
Reply
:iconsameerprehistorica:
SameerPrehistorica Featured By Owner Dec 28, 2018   Digital Artist
Is there an option to change the background 'green' color ?
Reply
:iconnich-horse:
Nich-horse Featured By Owner Mar 9, 2019  Student Digital Artist
p sure you need core to add a background
Reply
:iconvanillapuddingu:
VanillaPuddingu Featured By Owner Dec 14, 2018  Hobbyist General Artist
Thank you for this !Hug 
Reply
:iconvixse:
Vixse Featured By Owner Nov 29, 2018  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
:iconkittngore:
kittngore Featured By Owner Edited Oct 3, 2018  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
:iconkittngore:
kittngore Featured By Owner Oct 3, 2018  Hobbyist Digital Artist
without the spaces between things 
Reply
:iconkittngore:
kittngore Featured By Owner Oct 3, 2018  Hobbyist Digital Artist
and plus your image code thing at the start
Reply
:iconiceofwaterflock:
IceOfWaterflock Featured By Owner Oct 3, 2018   Digital Artist
(i got the mention from the rabies pride flag adfghj) it seems to be working for me?
Reply
:iconkittngore:
kittngore Featured By Owner Oct 3, 2018  Hobbyist Digital Artist
aasdhsjdjss ?? idk maybe its just something wrong with my profile ,,,,, i tried another code and it worked so idk
Reply
:iconkristyartz:
KristyArtz Featured By Owner Sep 5, 2018  Hobbyist Digital Artist
Thanks! Is there a way I can my Deviant ID like how you set up yours?
Reply
:iconzelphire:
Zelphire Featured By Owner Aug 23, 2018  Student Digital Artist
I love this
Reply
:iconmadimations:
Madimations Featured By Owner Aug 16, 2018  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
:iconalbinoflight:
AlbinoFlight Featured By Owner Aug 15, 2018  Hobbyist Digital Artist
what widget would i use for a non core code? would i make a journal and display it?
Reply
:iconknifehoney:
knifehoney Featured By Owner Edited Aug 19, 2018
featured deviation!
Reply
:icontwiforkedstars:
TwiforkedStars Featured By Owner Aug 11, 2018  Hobbyist General Artist
Hello! I Cannot Edit My Page. Can You Please Help Me?
Reply
:iconmertlikatze:
Mertlikatze Featured By Owner Aug 15, 2018  Hobbyist Filmographer
Page decorations are usually only for CORE members, however, there are some non-core one's if you search.
Reply
:icontwiforkedstars:
TwiforkedStars Featured By Owner Aug 22, 2018  Hobbyist General Artist
Cool
Reply
:iconforbiddenmilk:
ForbiddenMilk Featured By Owner Aug 8, 2018  Student Digital Artist
Everytime I do thumb codes on posts it doesn't work. It just shows the actual code and no image. Can anyone help me??
Reply
:iconares12:
ares12 Featured By Owner Aug 5, 2018  Hobbyist Writer
I appreciate the tutorial, but I still don't understand. How do you change the font size again?
Reply
:iconsaturn-stardust:
Saturn-Stardust Featured By Owner Edited Aug 6, 2018  Hobbyist General Artist
From my html knowledge, use <h4> YOUR TEXT </h4> (without the spaces) for large text, and just lower the number for a smaller text
Reply
:iconares12:
ares12 Featured By Owner Aug 6, 2018  Hobbyist Writer
Thanks, but still not working for me.
Reply
:iconlvnd:
lvnd Featured By Owner Aug 4, 2018  Student Digital Artist
Is there any way to add an image to your page that is not from DeviantArt?
Reply
:iconvodd:
Vodd Featured By Owner Aug 5, 2018  Hobbyist Digital Artist
yes, <img src="IMAGE URL HERE">
Reply
:iconlvnd:
lvnd Featured By Owner Aug 5, 2018  Student Digital Artist
Tysm! Lmao I’ve been confused for so long. 
Reply
:iconvodd:
Vodd Featured By Owner Aug 5, 2018  Hobbyist Digital Artist
Yeah no worries my dude lmaoo
Reply
:iconfreckled-jellyfish:
Freckled-Jellyfish Featured By Owner Aug 2, 2018  Hobbyist Digital Artist
does anybody know how to make a background none-moving ?
like you scroll the page but the background stays on the same place ?

It looked pretty cool but I don't know how to do it or if that's even possible on DA 
Reply
:iconpastelkittyqq:
Pastelkittyqq Featured By Owner Aug 28, 2018  Hobbyist Digital Artist
They only way this is possible is by journal skin CSS. ex Commission Info {Open}
Reply
:iconfreckled-jellyfish:
Freckled-Jellyfish Featured By Owner Aug 29, 2018  Hobbyist Digital Artist
gosh darnit XD

well thanks for the answer <333
Reply
:iconsquishtube:
Squishtube Featured By Owner Edited Jul 26, 2018  Hobbyist Artist
Edit: Never mind I'm an idiot and didn't read the whole thing lol but if any body does have any tips I'd really appreciate it! 
Reply
:iconmemelord1337666:
memelord1337666 Featured By Owner Jul 7, 2018  Hobbyist Digital Artist
its the font thing non premium
Reply
:iconsunsetloving:
sunsetloving Featured By Owner Jun 22, 2018  Hobbyist Digital Artist
whats the code for text?
Reply
Hidden by Commenter
:iconartemisandrose:
ArtemisandRose Featured By Owner Jul 23, 2018  Student Artist
It doesn't force you, there's easy ways to still make a cool profile, like using the featured widget, which you can use to make a cool profile.
Reply
:iconmetellastella:
MetellaStella Featured By Owner Jun 13, 2018  Hobbyist Traditional Artist
"Don't:
  • Add so many images that your profile takes forever to load"

    . . . oops? 

    Or do stamps (and plz accounts) not matter, since they're pretty small?
Reply
:iconfionnabun:
FionnaBun Featured By Owner Edited Jun 13, 2018  Hobbyist Digital Artist
div class="ccexpanded">
<div align="center" class="pp" wytiwyg="1" div="" white?<="" solid="" this="" make="" you="" do="" how="">
Reply
:iconspottysneeky:
Spottysneeky Featured By Owner Jun 12, 2018  Hobbyist Digital Artist
ahh the wish list doesnt work for me, unless it only works for art or something?? i wanted to put stamps in it (which i know how to do) but nothing shows up. i even tried typing in it but when i save it its empty
Reply
:icongeneralecchi:
GeneralEcchi Featured By Owner May 14, 2018  Hobbyist General Artist
I tried to add the image as the background to the "featured deviation" widget but it keep show up as a seperate image instead :<  
It worked fine for a few other that I see.
Reply
:iconsaltylittlemidget:
SaltyLittleMidget Featured By Owner May 7, 2018  Student General Artist
Custom Box Background Code Generator v1.9.2 (last) by NAkos Here is a great way to make custom boxes of your own if you want to try it.
Reply
:iconwinterpianos:
winterpianos Featured By Owner May 5, 2018  Hobbyist General Artist
how do you move the image over?
Reply
:iconnaean:
Naean Featured By Owner Edited May 1, 2018   General Artist
Thank you very much for this post. Helped me to get a linked image inserted into a Custom Widget!  :-D
Reply
:iconseinakimura:
SeinaKimura Featured By Owner Apr 18, 2018  Hobbyist Digital Artist
My Image URL Isn't Working, Help Please
Reply
:iconsaltylittlemidget:
SaltyLittleMidget Featured By Owner May 7, 2018  Student General Artist
Have you made sure you pasted it into the right spot and/or copied the URL, rather than the image?
Reply
:iconvrb14:
VRB14 Featured By Owner May 11, 2018  Hobbyist Digital Artist
what is the right spot
Reply
:iconsaltylittlemidget:
SaltyLittleMidget Featured By Owner May 11, 2018  Student General Artist
Anywhere in a custom box, your deviantart ID, or the featured drawing widget.
Reply
:iconnummyfluff:
NummyFluff Featured By Owner Apr 13, 2018  Hobbyist Digital Artist
ehewver super helpful thanks UwU 
Reply
Add a Comment:
 
×

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
296,166 (50 today)
Favourites
9,345 (who?)
Comments
1,386