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:
 
:iconkhayas:
khayas Featured By Owner 2 hours ago  Hobbyist Digital Artist
Awesome tips...Nice
Reply
:iconsemplifyedsamana:
SemplifyedSamana Featured By Owner 5 days ago  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 5 days ago  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  New Deviant
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
:iconwillow-le-jackal:
Willow-Le-Jackal 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
:iconwillow-le-jackal:
Willow-Le-Jackal Featured By Owner Aug 18, 2017  Hobbyist Digital Artist
okie x3
Reply
:iconandrezzafenixbr:
AndrezzaFenixBR 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  Student 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
:iconwolfblo0d:
wolfblo0d 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  Student 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  New Deviant 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  New Deviant Hobbyist Digital Artist
hello
Reply
:iconpastel-lulpes:
Pastel-Lulpes 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
:iconastronautturtle:
AstronautTurtle Featured By Owner Jul 11, 2017  Student Digital Artist
Blockspace makes it look weird, because it only indents.

Use: <*Div align="Center">, and when you want things to stop being in the middle, use: <*/div>
(Remove the * from both of them)
Reply
:iconcamicamcan:
CamiCamCan Featured By Owner Jul 4, 2017  Student Traditional Artist
Use </blockquote>
* Remove The / *
Reply
:iconhugeweeaboo:
hugeweeaboo Featured By Owner Jun 21, 2017  Student General Artist
was helpful but i found a code

and he said u can use it if ur not core

bUT THEN U SAY U NEED CORE

IM CONFUSED
Reply
:icondrwahwee:
DrWahwee Featured By Owner Jun 21, 2017  Hobbyist Artist
I may be talking about something completely different but..
If you're talking about the code saying you need core, it must've been a scam. 
or maybe it doesn't work?
also I'm so sorry if this isn't help what so ever.
Reply
:iconhugeweeaboo:
hugeweeaboo Featured By Owner Jun 21, 2017  Student General Artist
AA ITS FINE
Reply
:icondrwahwee:
DrWahwee Featured By Owner Jun 21, 2017  Hobbyist Artist
OKE GUD
Reply
:iconkaorihamano:
KaoriHamano Featured By Owner Jun 19, 2017
What is "new page url" for the clickable thumb?
Reply
:iconkiqh:
Kiqh Featured By Owner Jun 21, 2017  Hobbyist Digital Artist
The url where you would like to direct those who click the image.
Reply
:iconkaorihamano:
KaoriHamano Featured By Owner Jun 21, 2017
Oh okay. thanks!
Reply
:iconkoikatarts:
KoiKatArts Featured By Owner Jun 19, 2017  Hobbyist Digital Artist
i have tried this numerous times however, whenever i try, instead if a cool background I
get a blue question mark with a box around it and i don't understand why.
Reply
:iconpastelroll:
PastelRoll Featured By Owner Aug 14, 2017  Hobbyist Digital Artist
try getting an image that isn't too big, way too high quality, or too small, and get a background that's very long in length.
Reply
:iconcrayola-craze:
Crayola-Craze Featured By Owner Jun 12, 2017  Hobbyist Traditional Artist
This was extremely helpful! Thank you so much for this!! :D
Reply
:iconphanime-trash187:
phanime-trash187 Featured By Owner Edited Jun 8, 2017  Student General Artist
cool!!
Reply
:iconvampiricdoll:
vampiricdoll Featured By Owner Jun 4, 2017  Hobbyist Digital Artist
Ahh, thank you so much! My account looked so bland before, and now I love it! <3
Reply
:iconnifflepuff:
NifflePuff Featured By Owner May 28, 2017  Student General Artist
how do you get a thumb code?
Reply
:iconemmiestitch:
EmmieStitch Featured By Owner May 29, 2017  Hobbyist Digital Artist
if you scroll on a deviation, on the right hand side there is a thing that says thumb, you can copy the thumbcode there
Reply
:iconnifflepuff:
NifflePuff Featured By Owner May 29, 2017  Student General Artist
oh cool! thank you so much
Reply
:iconcandyyaj:
Candyyaj Featured By Owner May 27, 2017  Hobbyist Digital Artist
how do you make clickable texts?  (eg., Commissions . When clicked on it will bring up your commission page)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 29, 2017  Hobbyist Interface Designer
<a href="URL HERE">NAME OF LINK</a>

Fill in URL HERE and NAME OF LINK :)
Reply
:iconcandyyaj:
Candyyaj Featured By Owner May 30, 2017  Hobbyist Digital Artist
thanks
Reply
:iconwillow-le-jackal:
Willow-Le-Jackal Featured By Owner May 27, 2017  Hobbyist Digital Artist
Which one is the url?...
and sometimes when I try to put a pic it dosent show up, it just shows up as the box with the question mark..
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 27, 2017  Hobbyist Interface Designer
Right click an image, and select the option that's closest to "Copy Link Address". That's the url. :)
Reply
:iconwillow-le-jackal:
Willow-Le-Jackal Featured By Owner May 27, 2017  Hobbyist Digital Artist
Thx! ^^
Reply
:iconnotevenuseful:
NotEvenuseful Featured By Owner May 17, 2017   Artist
<font size="30">TEST</font> Doesn't seem to work on a journal I'm making
Reply
:iconnotevenuseful:
NotEvenuseful Featured By Owner Edited May 17, 2017   Artist
Never mind I just looked it up and the max is 7. Actually, it's still not working...
Reply
:iconmina-chaan:
Mina-Chaan Featured By Owner May 15, 2017  Hobbyist Digital Artist
Thank You :D
Reply
:iconartyblock:
ArtyBlock Featured By Owner May 12, 2017  Student Digital Artist
this helped so much thank you. XP
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 13, 2017  Hobbyist Interface Designer
I'm glad! :thumbsup:
Reply
:iconicysnowy-chan:
IcySnowy-Chan Featured By Owner May 8, 2017  Student Digital Artist
<img src="image URL"/>

it doenst work for me any help?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 9, 2017  Hobbyist Interface Designer
You need to put the image URL of the image you want. Also, this works for profiles and journals, not comments. :)
Reply
:iconicysnowy-chan:
IcySnowy-Chan Featured By Owner May 9, 2017  Student Digital Artist
oh ok i'll try and does it work in custom box?
Reply
Add a Comment:
 
×

:iconsimplysilent: More from SimplySilent





Details

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

Stats

Views
234,190 (62 today)
Favourites
7,941 (who?)
Comments
1,219
×