Deviant Login Shop
 Join deviantART for FREE Take the Tour
×



Details

Submitted on
August 25, 2011
Image Size
1.2 MB
Resolution
704×6010
Link
Thumb
Embed

Stats

Views
144,188 (2 today)
Favourites
10,404 (who?)
Comments
1,250
Downloads
1,255
×
Pretty Up Your Profile by Gasara Pretty Up Your Profile by Gasara
An updated and more in-depth version of this tutorial can now be found here.

I've been asked a number of times how I add background images to the boxes on my profile page so I thought I'd put this together. There's some basic HTML in there as well for snazzy formatting.

The code you'll need for adding backgrounds is below. Just copy/paste into your custom boxes and add your links and content.

--------------------------------------

ADDING BACKGROUNDS TO YOUR CUSTOM BOX:

<div class="popup2-moremenu">
<div class="floaty-boat"><img src="BACKGROUND IMAGE URL"></div>
<div class="gr-box gr-genericbox">

YOUR CONTENT

</div></div>



--------------------------------------

Troubleshooting & FAQ can be found here:

Custom Box - Troubleshooting & FAQCustom Boxes
Quite a few people still seem to have issues with getting their custom box backgrounds to work correctly so I thought I'd put this little troubleshooting guide and FAQ together to help. If you follow the instructions closely, you shouldn't have any problems.
If you encounter any issues that aren't explained here, please let me know. I will update this guide with any extra info or solutions as they are requested.
You can read more about customising your profile page here.
The Basics
<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL"></div></div><div class="gr-box gr-genericbox" align="center">
CUSTOM TEXT
</div>

Copy the code above and paste into a Custom box on your profile page. Add the URL of your background image where it says IMAGE URL and replace CUSTOM TEXT with the content you want


Please read before asking for help. Cheers x
Add a Comment:
 
:iconzardi:
Zardi Featured By Owner 1 day ago
Very helpful and easy to follow. Thank you!
Reply
:icongasara:
Gasara Featured By Owner 23 hours ago
You're welcome, m'dear! :hug:
Reply
:icondigisprinkles:
DigiSprinkles Featured By Owner 5 days ago  Student Digital Artist
whaenever i put the background img on it goes on but it wont show the stuff inside.
Reply
:icongasara:
Gasara Featured By Owner 2 days ago
I noticed that you're using it on your deviantID. This code is only designed to work with Custom boxes. This tutorial should help you out with adding a background to your ID: cyphervisor.deviantart.com/art…
Reply
:iconcrowfeatherisboss:
CrowfeatherIsBoss Featured By Owner 6 days ago
Why can't DevianArt just have an option for this...
This is way to frustrating...
Reply
:icongasara:
Gasara Featured By Owner 6 days ago
I don't know why they won't officially support this. It would make things a lot easier.
If you need help, though, just let me know and I'll see if I can help.
Reply
:iconcrowfeatherisboss:
CrowfeatherIsBoss Featured By Owner 5 days ago
I'll just wait until those silly creators support it!
But thanks anyway!
Reply
:icongamugamuuu:
GamuGamuuu Featured By Owner Jul 17, 2014  Student Digital Artist
Do you happen to know how to change the font color?
Reply
:icongasara:
Gasara Featured By Owner Jul 18, 2014
You can't change the font colour on your profile using standard HTML but there is a workaround you can use. Check out this tutorial for the colours you can use and the code you'll need: fav.me/d6i4keq
Reply
:icongamugamuuu:
GamuGamuuu Featured By Owner 5 days ago  Student Digital Artist
Mkay~ Thanks for the help. <3
Reply
Add a Comment: