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:


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:
 
:iconchosenones13:
chosenones13 Featured By Owner 5 days ago   Digital Artist
thanks! this helps a lot!
Reply
:iconflower2563:
flower2563 Featured By Owner Feb 4, 2016  Hobbyist
my gif doesn't show up, I mean there is a square, but no gif inside
Reply
:icontulip3030:
Tulip3030 Featured By Owner Jan 29, 2016
Tysm!!
Reply
:iconiihetatao:
iiHetatao Featured By Owner Jan 28, 2016  New Deviant
Helped a lot, thanks Dansu plz 
Reply
:iconsgtmajornerd:
SgtMajorNerd Featured By Owner Jan 20, 2016  Student General Artist
I'm having a little trouble with gifs. ;w;

I put everything in the right order, but they don't appear. It's just a bunch of large gaps.

Could someone help me?
Reply
:iconslestualenergie:
slestualenergie Featured By Owner Jan 13, 2016
When it comes to the wishlist. I can't put any code into it for some reason because it doesn't show at all.
Reply
:iconc-omicalsans:
C-omicalSans Featured By Owner Jan 29, 2016  New Deviant
Bad Wolf. (( you must at least have one item on your wishlist for it to properly work.
Reply
:iconslestualenergie:
slestualenergie Featured By Owner Jan 29, 2016
Ok, well I'll try it again.
Reply
:iconhannahthegoanna:
HannahTheGoanna Featured By Owner Jan 10, 2016  New Deviant Hobbyist Digital Artist
Very cool!
Reply
:iconcipher-pines:
cipher-pines Featured By Owner Jan 9, 2016  Hobbyist General Artist
how can I wrap text around an image??
Reply
:iconauradivine:
AuraDivine Featured By Owner Jan 9, 2016  Hobbyist Digital Artist
Question, when I try to put an image in one of my custom boxes, it only appears as a tiny square with a ripped paper in it? I keep trying to fix it, doing different widths and heights, but it still won't work. Help please?
Reply
:iconcatsperri:
Catsperri Featured By Owner Jan 29, 2016  Hobbyist General Artist
Im having the same problem 
Reply
:iconbriarbeauty2003:
BriarBeauty2003 Featured By Owner Jan 11, 2016  Student Digital Artist
the same thing happened with me cri
Reply
:iconattack-on-tacos:
Attack-On-Tacos Featured By Owner Jan 6, 2016  Hobbyist Digital Artist
when i the to put an image inside the box its just stretches the box in the size i would need to but it makes the whole image transparent
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 6, 2016
Could you explain more or send a screenshot. I'm afraid I'm not quite understanding your problem. :?
Reply
:iconattack-on-tacos:
Attack-On-Tacos Featured By Owner Jan 6, 2016  Hobbyist Digital Artist
i just fixed it ^-^ it just made the images i placed become transparent
Reply
:iconbluberrybunnie:
BluBerryBunnie Featured By Owner Jan 4, 2016  New Deviant Student Traditional Artist
Such a good read, and very helpful.
Thanks for making!!!
:hug:
Reply
:iconamily-arts:
amily-arts Featured By Owner Jan 2, 2016  New Deviant Student Digital Artist
CRIS IHAVE A TROUBLE WITH BACKGROUND
Reply
:iconmaeeson:
maeeson Featured By Owner Jan 2, 2016  Hobbyist Digital Artist
This is for core members only
Reply
:icontigerdoesdatart:
TigerDoesDatArt Featured By Owner Jan 1, 2016  Hobbyist Digital Artist
ahh I am having so alot of trouble with the code for the background. ;; does anyone have any tips?
Reply
:iconbreezybunny:
BreezyBunny Featured By Owner Jan 2, 2016  Hobbyist Digital Artist
sameee ;;
Reply
:icontigerdoesdatart:
TigerDoesDatArt Featured By Owner Jan 2, 2016  Hobbyist Digital Artist
I actually looked up a youtube video to see how and it worked!
Reply
:iconmelodisketch:
MelodiSketch Featured By Owner Jan 1, 2016  Hobbyist Digital Artist
when I try and make an image bigger, the height works but the width doesn't so it gets really stretched. Please help^^
Reply
:iconelsatinuviel:
ElsaTinuviel Featured By Owner Dec 28, 2015  Hobbyist Writer
I can't get the GIF to work....
Maybe becuase I can't find a URL, only a link?
Reply
:iconvermillion-nuanced:
Vermillion-Nuanced Featured By Owner Dec 26, 2015  Hobbyist General Artist
How do I make it so that It show only 1 comment on my page?
Reply
:iconzilverpony:
zilverpony Featured By Owner Dec 29, 2015  Hobbyist Digital Artist
for a clean page you hide al comment exept one saying something like "Reply to this comment For a fresh and clean page!" or something, but dont forget to put your comment section on threaded.
Reply
:iconseaessence:
SeaEssence Featured By Owner Dec 22, 2015  Hobbyist Digital Artist
anyone know how to add a image like,, kinda overlapping in front of the text part??
Reply
:iconmelzurai:
Melzurai Featured By Owner Dec 22, 2015   General Artist
If the image is too small, is there a way to make it repeat within the background of a custom box, without stretching out that image?
Reply
:iconself-exile:
self-exile Featured By Owner Dec 12, 2015
Very helpful tutorial, thank you very much!
Reply
:iconpearlapidot:
Pearlapidot Featured By Owner Dec 11, 2015  Hobbyist General Artist
How do you customize the featured gallery widget on your profile and add a background?
Reply
:iconlivid-aria:
Livid-Aria Featured By Owner Dec 1, 2015   General Artist
How do you put journal dolls outside of the box? ; w ;
Screen shot 2015-12-01 at 7.10.59 PM by Livid-Aria
^^^
Like I have seen people put dolls outside of the content holder! > w < ♡
Reply
:iconxxneonfireflyxx:
xXNeonFireflyXx Featured By Owner Nov 30, 2015  Hobbyist Digital Artist
Umm,  Hi, How do I do my profile so the text is centered? Im bad at explaining so you probably wont understand what I mean XD


                                                                                              Like this!! hellooooo

But i just pressed space so it would come out like that so I still don't know... help?
Reply
:iconmoony-flower:
Moony-flower Featured By Owner Edited Dec 7, 2015  Hobbyist Digital Artist
Reply
:iconxxneonfireflyxx:
xXNeonFireflyXx Featured By Owner Dec 7, 2015  Hobbyist Digital Artist
Thanks!
Reply
:iconmoony-flower:
Moony-flower Featured By Owner Dec 7, 2015  Hobbyist Digital Artist
Welcome c:
Reply
:iconcanicasverdes:
Canicasverdes Featured By Owner Edited Nov 28, 2015  Hobbyist General Artist
Hello, I've noticed that some people have more than one featured deviation widget on their profile, even when they're not premium. Is that now a Core Member feature? Thanks
Reply
:iconzoozie-doodle:
Zoozie-Doodle Featured By Owner Nov 30, 2015  Student Digital Artist
Some people could of used more than one FD before they membership expired, it happens sometimes. Just wanted to help ;v;
Reply
:iconcanicasverdes:
Canicasverdes Featured By Owner Nov 30, 2015  Hobbyist General Artist
Oh I didn't think about that xD Thanks, you helped me <3
Reply
:iconzoozie-doodle:
Zoozie-Doodle Featured By Owner Nov 30, 2015  Student Digital Artist
No problem ^v^
Reply
:iconkaaliak:
Kaaliak Featured By Owner Nov 26, 2015  Hobbyist General Artist
do you know how to put a gif ontop of an image??
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 28, 2015
That requires CSS, which can't be used on DA. Your best bet would be to use photoshop or the like to make the gif + image into one gif.
Reply
:iconkaaliak:
Kaaliak Featured By Owner Nov 28, 2015  Hobbyist General Artist
alrighty, thanks so much!
Reply
:icondeadflipzstudios:
DeadFlipzStudios Featured By Owner Nov 26, 2015  Hobbyist Digital Artist
every time i try to do the gif thing it won't show
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 28, 2015
Make sure that you are using the correct image URL. :)
Reply
:icondeadflipzstudios:
DeadFlipzStudios Featured By Owner Nov 28, 2015  Hobbyist Digital Artist
okay
Reply
:iconsugoi-princess:
Sugoi-Princess Featured By Owner Nov 24, 2015
how do you get your profile to only have one comment shown?
Reply
:iconjoelsweet:
Joelsweet Featured By Owner Nov 21, 2015  Hobbyist General Artist
I have a question: How do you put a phrase under your username at the top of your profile?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Nov 22, 2015
I believe you can edit the tagline in your account settings.
Reply
Add a Comment:
 

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
123,374 (60 today)
Favourites
4,462 (who?)
Comments
779