Shop Mobile More Submit  Join Login
×

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
63,945 (3 today)
Favourites
2,542 (who?)
Comments
526
×

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:


Some tips and tricks to make your profile shine!

Related Articles:

PE: Profile Presentation: Tips and TricksProfile Presentation: Tips and Tricks
Your profile page can say quite a bit about what kind of person you are, and having a well-designed profile page will help ensure that your visitors leave with a good impression of you and your work. And if you do a remarkably fabulous job at designing your profile, people will not only be impressed, but they will also keep coming back to take another look. In this article, I will go over some useful tips and tricks for making your profile look professional but also personalized! :heart:
This article is mostly directed towards Premium Members, but non-Premium members can still use some of these concepts to personalize their page.
:note: In addition, for those who are new to profile decoration, I highly suggest reading my Decorating Your Profile tutorial first, as it goes over important basics of profile decoration. 

Basic Design Concepts

Before we get started, I first
PE: A Guide to Gallery CSSA Guide to Gallery CSS
Learn the basics of Gallery CSS with this easy-to-follow guide! :dummy:
In this tutorial, we'll cover:
Adding gallery CSSCoding gallery skinsSome useful resources

Adding Gallery CSS
First of all, some important facts about Gallery Skins:
Only Premium Members are allowed to add CSS to their galleriesSkins can be added to both the Gallery and the FavoritesSkins can only be added to the Gallery folders and Favorites collections (shown in the sidebar) but not the main page itself
Step 1: Click on one of your Gallery or Favorites folders in the sidebar.

Step 2: Click the button called "Folder Options" or "Collection Options."
This button is located at the top right of
Add a Comment:
 
:icondisneynumber1fan:
disneynumber1fan Featured By Owner 5 days ago  Hobbyist General Artist
This is my favourite guide to decorating my profile and I always refer to it. Thank you! :)
Reply
:iconkirby-4-ever:
Kirby-4-ever Featured By Owner Jan 22, 2015
Maybe you can add "Don't create so many GIFs that it can cause others computers to lag when they load your page." I ran into a page that has like over 50 GIFs on it and my internet lagged so much that it's hard to do much on there.
Reply
:iconchristycameasromans:
christycameasromans Featured By Owner Jan 21, 2015  Hobbyist General Artist
Thanks! I started re-doing my profile. This brings back my myspace memories! :lol:
Reply
:icondakotastarr:
DaKoTaStArR Featured By Owner Jan 20, 2015  New member  Traditional Artist
how do u get the buttons on your page?
Reply
:iconkirby-4-ever:
Kirby-4-ever Featured By Owner Jan 22, 2015
What buttons? You mean the buttons you click on at other people's pages and it takes you to another link? You need Premium member ship to do that, sorry.
Reply
:icondakotastarr:
DaKoTaStArR Featured By Owner Jan 23, 2015  New member  Traditional Artist
nevermind! i figured it out. and you dont have too,they usually give you a link in desc.
Reply
:iconredpadna:
Redpadna Featured By Owner Jan 18, 2015  Hobbyist Artist
The width of the image on my page won't increase
Reply
:iconsilvercrossstahlherz:
SilvercrossStahlherz Featured By Owner Jan 12, 2015  Hobbyist General Artist
How many stamps can a premium member have on their DeviantID? I tried to put a bunch of stamps with the thumbnail codes but a few of them don't show up as actual thumbnails of the stamps, just links.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 14, 2015
My mind is arbitrarily thinking 50, but I have no clue, to be honest. :P If your thumbs start becoming links, then you're over the limit. :)
Reply
:iconsilvercrossstahlherz:
SilvercrossStahlherz Featured By Owner Jan 15, 2015  Hobbyist General Artist
Okay, thank you for helping me out :)
Reply
:iconcherokeeroseblossom:
CherokeeRoseBlossom Featured By Owner Jan 11, 2015  Hobbyist Writer
Thank you soooooo much for this!! cherokeeroseblossom.deviantart… check out what I was able to do!
Reply
:iconraptorclaw333:
RaptorClaw333 Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
I seem to be messing up- whenever I put a background on my deviantID, it covers up the profile image. D':
Reply
:iconwhirrlinggears:
WhirrlingGears Featured By Owner Jan 4, 2015  Student Digital Artist
I screwed up the background and Now I cant see any of the images ;-; helppp
Reply
:iconthe-tea-room:
The-Tea-Room Featured By Owner Jan 3, 2015  Student Writer
Thank you for taking the time to make this!

I'm having a bit of trouble, though. I'm trying to make a clickable button that links to my commissions journal. The icon shows up, but it won't link back to the journal, plus there's this weird '<img src=" ' in front of the button. What am I doing wrong?
Reply
:iconlolsweetgirl:
lolsweetgirl Featured By Owner Dec 29, 2014  Student General Artist
I do not understand 
Reply
:iconseyuin:
Seyuin Featured By Owner Dec 27, 2014  Hobbyist Traditional Artist
Thanks a lot for the help!
Reply
:iconerisedesire:
EriseDesire Featured By Owner Dec 24, 2014  Hobbyist Digital Artist
Is there any way to change the font colors?
Thanks.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Dec 24, 2014
Colored Text (Custom box) - More colors by CypherVisor  Here's the list of all of them. :)
Reply
:icongoidensilver:
GoIdenSilver Featured By Owner Dec 24, 2014  Hobbyist General Artist
I believe it's < font color="COLOR">.
Reply
:iconfaridjoss:
faridjoss Featured By Owner Dec 23, 2014  New member
The gif submitter is not working for me lampu led motor . Whenever I put the image thing it shows a invalid picture.
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 1, 2015  Hobbyist General Artist
Try right-clicking and say "Open image in new tab."  Use the link in the URL bar at the top.  I hope that works, mate.
Reply
:iconsenpaiphoenix:
SenpaiPhoenix Featured By Owner Dec 22, 2014  Hobbyist Digital Artist
what do you do for songs? o:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Dec 23, 2014
Mini Youtube Player embeddable code by CypherVisor  Perhaps?
Reply
:iconsenpaiphoenix:
SenpaiPhoenix Featured By Owner Dec 23, 2014  Hobbyist Digital Artist
thanks <3
Reply
:icondiiinosaurs:
Diiinosaurs Featured By Owner Dec 17, 2014
Excuse me, but my background is not completely filling in the custom box..
How can I fix that ?? 
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 1, 2015  Hobbyist General Artist
There are some codes that help you adjust the width and height of the background in your different tabs.  If you'd like, I could try to find them.  I'm sure if you searched on google, though, you'd be able to find the right guides.
Reply
:icontheartfuljellyfish:
TheArtfulJellyfish Featured By Owner Nov 29, 2014  Student General Artist
This was so incredibly useful, thank you!
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Dec 1, 2014
I'm glad!
Reply
:iconinkuukun:
inkuukun Featured By Owner Nov 24, 2014
THANK YOU FOR THIS! It really helped me! 
Reply
:icondybbuk-x:
Dybbuk-x Featured By Owner Nov 24, 2014  New member Hobbyist Digital Artist
This helped a lot!
Reply
:iconfluffyrainbowdash:
FluffyRainbowDash Featured By Owner Nov 20, 2014  Student Traditional Artist
the gif pic thing DOESNT SHOW THE PICTURE I PUT OF THE LINK.
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 1, 2015  Hobbyist General Artist
Try right clicking on the gif you want to use, then say "open image in new tab" to get the gif alone.  Copy the url and paste it where you're trying to put the link.
Reply
:iconfluffyrainbowdash:
FluffyRainbowDash Featured By Owner Jan 2, 2015  Student Traditional Artist
thats what i do it doesnt work! :angry: - FIRERAGE - 
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 2, 2015  Hobbyist General Artist
Hmm . .  then it's possible that there's a typo in the code.  I've noticed that a majority of the ones I try don't really work, either.  And I have to look for really obscure walkthroughs or just mess around in one of my spare custom tabs.  Hmm . . . you are just trying to put the gif in your webcam, right?  That's, to my knowledge, the only place a non-premium member can put a gif.
Reply
:iconfluffyrainbowdash:
FluffyRainbowDash Featured By Owner Jan 2, 2015  Student Traditional Artist
:angry: 
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 2, 2015  Hobbyist General Artist
I'm sorry, dear.

((Also, sorry about the random italics.  Didn't mean for that to happen.))
Reply
:iconcrystalbutt:
CrystalButt Featured By Owner Nov 16, 2014  Hobbyist Digital Artist
<img src="">
Reply
:iconhoskij:
hoskij Featured By Owner Nov 14, 2014   Traditional Artist
Nice, works for me :3
Reply
:iconcrystalbutt:
CrystalButt Featured By Owner Nov 12, 2014  Hobbyist Digital Artist
sadly these are invalid </3
Reply
:iconthelivingdictionary:
TheLivingDictionary Featured By Owner Nov 4, 2014  New member Hobbyist General Artist
The gif submitter is not working for me. Whenever I put the image thing it shows a invalid picture.
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 1, 2015  Hobbyist General Artist
Try right clicking on the gif you want to use, then say "open image in new tab" to get the gif alone.  Copy the url and paste it where you're trying to put the link.
Reply
:iconthelivingdictionary:
TheLivingDictionary Featured By Owner Jan 2, 2015  New member Hobbyist General Artist
Okay. Thanks 
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 2, 2015  Hobbyist General Artist
Did it work, dear?
Reply
:iconthelivingdictionary:
TheLivingDictionary Featured By Owner Jan 2, 2015  New member Hobbyist General Artist
I haven't gotten around to useing the computer to do it. I'm sure it will work. 
Reply
:iconsavannaegoth:
SavannaEGoth Featured By Owner Jan 2, 2015  Hobbyist General Artist
Alright.  Well, I really hope it does.  Then, perhaps we could talk to the uploader and ask her to be a little more specific in the instructions.
Reply
:iconsummer20089:
Summer20089 Featured By Owner Oct 18, 2014  Professional Digital Artist
Awesome! 

Neko Emoji-37 (Yay) [V2] 
Reply
:iconazelsoras:
Azelsoras Featured By Owner Oct 17, 2014  Hobbyist General Artist
Hmmm... so you explain how exactly we're supposed to give our custom boxes backgrounds, but I still don't understand how to put backgrounds and such to my regular widgets. Am I missing something painfully obvious?
Reply
:iconmakorie:
makorie Featured By Owner Oct 18, 2014
there are some widgets you cannot add custom backgrounds to. For example the watchers,collections, favorites, etc....
for devID and donation pool widgets though you simply copy paste the same code in those boxes and it should work. 
Reply
:iconazelsoras:
Azelsoras Featured By Owner Edited Oct 18, 2014  Hobbyist General Artist
Okay, where do I get the code, is it just like the URL?

Sorry, I'm new to having Premium Membership. ^^;
Reply
:iconmakorie:
makorie Featured By Owner Oct 18, 2014
it's this: 

<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>

Reply
Add a Comment: