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
151,187 (11 today)
Favourites
10,664 (who?)
Comments
1,293
Downloads
1,301
×
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:
 
:iconprvee:
prvee Featured By Owner 3 days ago  Hobbyist Digital Artist
the custom box background didnt work...
my heart is broken..
Reply
:iconour-little-talks:
Our-Little-Talks Featured By Owner Sep 22, 2014
is it possible that you could send me those example stripes ? ;o;
Reply
:iconour-little-talks:
Our-Little-Talks Featured By Owner 6 days ago
or possibly just link me to it ? cx
Reply
:iconrainbowmusicangel:
rainbowmusicangel Featured By Owner Sep 21, 2014  Student Artist
how do I add music to my page? I add videos with music on it but I don't know how to add the bottom where it plays without getting the whole video ;-;'
Reply
:iconmedical-shenanigans:
Medical-Shenanigans Featured By Owner 2 days ago  Hobbyist General Artist
Here you go! ==>  Mini Youtube Player embeddable code
Hope this is what you were looking for ;u;
Reply
:iconrainbowmusicangel:
rainbowmusicangel Featured By Owner 2 days ago  Student Artist
Thanks!! :huggle:
Reply
:iconmedical-shenanigans:
Medical-Shenanigans Featured By Owner 2 days ago  Hobbyist General Artist
no problem!!;u;
Reply
:iconrainbowmusicangel:
rainbowmusicangel Featured By Owner 2 days ago  Student Artist
;w;
Reply
:iconstardust-studios:
Stardust-Studios Featured By Owner Sep 15, 2014  Student General Artist
Does this only work with custom boxes? I've been trying to apply these to other boxes (such as featured deviation) and it just messes everything up and you can't see what's actually supposed to be displayed anymore, just the background ;-;
Reply
:icongasara:
Gasara Featured By Owner Sep 15, 2014
Yes, this only with custom boxes. You can get codes for some of the other boxes from CypherVisor though. :iconpinkballoonplz:
Reply
Add a Comment: