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.




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:
 
:iconnastreeeels:
NasTreeEels Featured By Owner 2 days ago  New Deviant Hobbyist Traditional Artist
so friggin COMPLICATED. For me
Reply
:iconainzooalgown147:
AinzOoalGown147 Featured By Owner Nov 6, 2017  Hobbyist General Artist
For the buttons like the "Dr. Doom Fan," "Batman Fan," etc., how do you put them in columns? They take so much space on my page.
Reply
:iconkittybuu22:
KittyBuu22 Featured By Owner Nov 5, 2017  Hobbyist Digital Artist
RamaKitty101 You're welcome  Handsome Squidward ^__^ by BlueMinister
Reply
:iconsmuglemonsoda:
smuglemonsoda Featured By Owner Nov 2, 2017
thank you, this is really helpful ;w;
Reply
:iconevangelinewakfuila:
EvangelineWakfuIla Featured By Owner Oct 31, 2017
Thank you for helping >:3
Reply
:icon0xt0rdx0:
0xT0RDx0 Featured By Owner Oct 26, 2017  Student Digital Artist
Whenever I try to add a background, it doesn't show, it only shows the not available thing-- the ripped page.
Reply
:iconteevee1022:
TeeVee1022 Featured By Owner Oct 22, 2017  Hobbyist Digital Artist
...whenever I try to add an image, it shows up OUTSIDE the box
Reply
:icondeletedpoptarts:
DeletedPoptarts Featured By Owner Oct 17, 2017  Hobbyist Digital Artist
Is there a way you could add thumbs to your profile, without it linking to anything?
Reply
:icondeletedpoptarts:
DeletedPoptarts Featured By Owner Nov 8, 2017  Hobbyist Digital Artist
EDIT: I figured out how ;w;
Reply
:iconamcd42:
Amcd42 Featured By Owner Oct 15, 2017  Hobbyist Traditional Artist
There must be some sort of number of stamps your allowed because half of my stamps won't work...
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Oct 16, 2017  Hobbyist Interface Designer
I believe there is a limit to the number of stamps you can have on your page
Reply
:iconamcd42:
Amcd42 Featured By Owner Oct 17, 2017  Hobbyist Traditional Artist
I realized that.. It's very sad tbh..
Reply
:icondr12002610:
dr12002610 Featured By Owner Oct 3, 2017  Hobbyist General Artist
This is my page:
dr12002610.deviantart.com
And this is my Group Page:
amatuerprocosplay.deviantart.c…
Thank you for doing this tutorial. It makes my day a lot easier and it makes my profile and group look amazing!
Reply
:iconfireflyeowo:
FireflyeOwO Featured By Owner Oct 2, 2017  Hobbyist General Artist
Is there a way to center images?
Reply
:iconmegumi-chanyt:
Megumi-ChanYT Featured By Owner Oct 19, 2017  Student Digital Artist
pls answer this
Reply
:iconfireflyeowo:
FireflyeOwO Featured By Owner Oct 19, 2017  Hobbyist General Artist
I actually figured out how to :D, just do <_div align="center"_> (
remove the underscores) at the start of the text box 
Reply
:iconmegumi-chanyt:
Megumi-ChanYT Featured By Owner Oct 20, 2017  Student Digital Artist
ty <3
Reply
:iconfloweryclouds:
FloweryClouds Featured By Owner Oct 1, 2017  Student General Artist
Custom Boxes are only for CORE Members, Right?
Reply
:iconale-xii:
Ale-xii Featured By Owner Oct 5, 2017  New Deviant Student Artist
Yes.

If you wanna code then i suggest you to do the Feature widget. Just search a 1x1 Transparent Background (They should be a website for it)

Upload it, Disable comments. and go to feature, Put the image there and you done.

Now you can code in it or Go and get some f2u codes to put in the feature.

You can code in the custom boxes for core members and stuff, But you can only save and preview it.
Reply
:iconfloweryclouds:
FloweryClouds Featured By Owner Oct 5, 2017  Student General Artist
I don’t have core cri
Reply
:iconale-xii:
Ale-xii Featured By Owner Oct 6, 2017  New Deviant Student Artist
That's okay then ;;v ;;

You can get codes for non-core. and pretty much etc. Either you have it or not. you can still find something <3
Reply
:iconfloweryclouds:
FloweryClouds Featured By Owner Oct 23, 2017  Student General Artist
thx
Reply
:iconale-xii:
Ale-xii Featured By Owner Oct 23, 2017  New Deviant Student Artist
My pleasure~
Reply
:iconayeshaarts:
AyeshaArts Featured By Owner Sep 30, 2017  Hobbyist Digital Artist
THANK YOU SO MUCH THIS HELPED
Reply
:iconmartith:
Martith Featured By Owner Sep 28, 2017  Hobbyist Digital Artist
Hi everyone, if you look for some free-to-use custom box codes for both core and non-core members, check this:
martith.deviantart.com/gallery…
Reply
:iconsarcastiiccat:
SarcastiicCat Featured By Owner Sep 25, 2017  Hobbyist Digital Artist
Nooklook if u want some codes to use
Reply
:iconnooklook:
Nooklook Featured By Owner Sep 25, 2017  Hobbyist Digital Artist
Oh dang thanks bro
Reply
:iconjammeranimated:
JammerAnimated Featured By Owner Sep 23, 2017  Hobbyist Digital Artist
No wonder when I'm adding images on my profile it doesn't work :3
Now I know :3

Thanks
Reply
:iconverysart:
VerysArt Featured By Owner Sep 23, 2017  Hobbyist Digital Artist
THANK YOU ♥
Reply
:iconkhayas:
khayas Featured By Owner Sep 22, 2017  Hobbyist Digital Artist
Awesome tips...Nice
Reply
:iconsemplifyedsamana:
SemplifyedSamana Featured By Owner Sep 17, 2017  Hobbyist Interface Designer
This was really helpful, please post more content like this :D
Reply
:icona-v-r-l:
A-V-R-L Featured By Owner Sep 16, 2017  New Deviant Professional General Artist
this is so helpful :D thanks
Reply
:iconoverpayrosebud:
OverpayRoseBud Featured By Owner Aug 20, 2017  Hobbyist Digital Artist
tysm really helped
Reply
:iconpup-delivery:
Pup-Delivery Featured By Owner Aug 19, 2017
On your profile theres this little tagline type thing right next to your avatar in the top left.. how do you set that?
Reply
:iconlyngcait:
LyngCait Featured By Owner Sep 1, 2017  Hobbyist Digital Artist
I'm a bit late so you might already know the answer but just in case you don't: on your profile page, go to the About section. Click on the little pencil and where it says tag line, write what you want :)
Reply
:iconcali-crazi:
cali-crazi Featured By Owner Aug 17, 2017  Hobbyist Digital Artist
hecc
I use a iMac so when I click on it, It dosent have "Copy Image URL" or stuff like that, it only has Copy Image or Copy Image Adress


i ned hlp
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Aug 18, 2017  Hobbyist Interface Designer
Use Copy image address
Reply
:iconcali-crazi:
cali-crazi Featured By Owner Aug 18, 2017  Hobbyist Digital Artist
okie x3
Reply
:iconarzinphoenix:
ArzinPhoenix Featured By Owner Aug 14, 2017  Hobbyist Digital Artist
i.... think i have a problem here..
when i put some thumbs in my wishlist they just disappeared!
someone can help?
Reply
:iconnimahea:
NimaHea Featured By Owner Aug 11, 2017  Hobbyist Digital Artist
Idk if it's just meh but when i tried to do a cool background the text is not in the center, it's at the bottom...Help?
Reply
:iconchewin0ndaritos:
Chewin0nDaritos Featured By Owner Jul 31, 2017  Hobbyist Traditional Artist
You might wanna take down the imbedded link in helpplz account database. It redirects a few times, landing on a malicious site that offers a trojan download claiming you need to update flashplayer and offering the download, like I said before. Just a heads up.
Reply
:iconpirategaykinq:
PirateGayKinq Featured By Owner Jul 21, 2017   Digital Artist
Ack when I try to put a background there's blank spaces on the sides
is there a way to fix this?
Reply
:iconsinjulz:
Sinjulz Featured By Owner Aug 4, 2017  Hobbyist Artist
Happened to me, I had to find a long background, preferably a phone background should do the trick for example:

Orange by Sinjulz  

one around this height and width seemed to fix the problem. c': hope this helped.
Reply
:iconjeira-chan:
Jeira-Chan Featured By Owner Jul 18, 2017  Hobbyist Digital Artist
hello
Reply
:iconkeithculting:
keithculting Featured By Owner Jul 17, 2017  Hobbyist Digital Artist
Thank you so much!


It helps me with coding
Reply
:iconcupric:
Cupric Featured By Owner Jun 24, 2017  Hobbyist Digital Artist
hey there, thanks for the help - it's highly appreciated!^^
Reply
:iconlordsande:
LordSanDe Featured By Owner Jun 23, 2017  Hobbyist Digital Artist
How do I center my text?
Reply
Add a Comment:
 
×

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
243,619 (140 today)
Favourites
8,135 (who?)
Comments
1,250
×