Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconsimplysilent: More from SimplySilent


More from deviantART



Details

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

Stats

Views
30,697 (78 today)
Favourites
1,475 (who?)
Comments
356
×

PE: Decorating Your Profile

Fri Apr 26, 2013, 3:21 PM


Decorating Your Profile

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

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

Please note that backgrounds cannot be added to these widgets the same way they are for the Custom widget.


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

Links to get started:


Custom Box Resources

:star: (Premium Membership Required)

Now that we have our backgrounds, the next place we should visit is CypherVisor's gallery of Custom Box Resources. 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 CypherVisor

Here are some that I found that you might enjoy:

Light Blue Custom Box by SimplySilentSneaky Invisible Buttons by SimplySilent

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">Text</font>

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

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 size: <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.

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:


Groups

Looking for more resources? Check out the galleries of these two groups which focus on collecting decorations for your page!

:icondazzlingdecorations: :iconcustomizeyourprofile:


:#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:
 
:iconghaziearsha:
GhazieArsha 2 days ago  Hobbyist Digital Artist
Thaanks for posting this
Reply
:iconaprilshine03:
AprilShine03 4 days ago  New member Hobbyist Traditional Artist
I've got a question: The Images... is that frst space for the url in my browser on the deviation?
Reply
:iconsimplysilent:
Right click the image you want to use and select the option that is closest to Copy Image URL. That's the URL you want to use, and it will typically end in .png, .jpg, or .gif
Reply
:iconaprilshine03:
AprilShine03 23 hours ago  New member Hobbyist Traditional Artist
Thanks! 
Reply
:iconsister-of-snow:
Sister-of-Snow 6 days ago  New member
Thank you for this! It really helped me! :D
Reply
:iconkid3001:
kid3001 Apr 7, 2014  Student General Artist
this has help- me alot thanks
Reply
:iconyukkithesweet:
yukkithesweet Apr 4, 2014  Hobbyist General Artist
Do you know where to get Buttons?
Reply
Add a Comment: