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:
 
: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
:iconkorri-victoria:
Korri-Victoria 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
:iconanxviety:
anxviety 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
:iconanxviety:
anxviety 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 General 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
:iconmenollysagittaria:
MenollySagittaria 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 Digital 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 Digital 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 Digital 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
:iconladyseshiiria:
LadySeshiiria Featured By Owner Apr 11, 2018  Hobbyist General Artist
One don't that should be added to the don't section, that is in the do section should be the stamps. People seriously overdo that crap to the point where if I land on a page and it take me to long to scroll I leave... The entire page.... I have to scroll and scroll to say thank you for a watch or a fave and I would prefer to see their art and scroll forever through that than see someone else's stamps or their opinions plastered all over their page. If you do stamps I would leave it at no more than 5-10 in various areas. Advertise your group go for it! Love it! Support a cause, opinion or whatever just don't over do it. I don't need to see 60 stamps supporting the lgbt movement on someones page. One is enough. Moderation is a good thing in this case, and will go a long ways.
Reply
:iconmilkmilklemonade:
MilkMilkLemonade Featured By Owner Mar 1, 2018  Student Digital Artist
The Gif thing doesn't work.. Does anyone mind helping me? ;w;
Reply
:iconwishinghell:
wishinghell Featured By Owner May 30, 2018  Hobbyist General Artist
I was having the same problem...but I think DA no longer lets you resize gifs bigger than they were originally? It only lets me resize it smaller ;v;


however, you can use this to resize your gifs! I'd recommend saving them and then uploading them somewhere and then using them, since the site seems to delete the gifs after you leave the site


hope this helps!!
Reply
:iconmilkmilklemonade:
MilkMilkLemonade Featured By Owner May 30, 2018  Student Digital Artist
Aa thank you so much!
Reply
:iconwishinghell:
wishinghell Featured By Owner May 30, 2018  Hobbyist General Artist
you're welcome!! ♥
Reply
Add a Comment:
 
×

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
288,969 (52 today)
Favourites
9,259 (who?)
Comments
1,381