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
148,617 (128 today)
Favourites
10,578 (who?)
Comments
1,277
Downloads
1,277 (2 today)
×
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:
 
:iconbrickstead:
brickstead Featured By Owner 4 days ago  New member Hobbyist Digital Artist
Thanks C:
Reply
:iconadrfercho:
adrfercho Featured By Owner Edited Aug 22, 2014
please i need some help D:
im doing the exact same thing but the background image is not showing up i dont know what im doing wrong x.x 
Reply
:icongasara:
Gasara Featured By Owner Aug 23, 2014
Your image link is incorrect. You're linking to the page the image is on rather than the image itself. Just replace the link you're using with the correct image URL and it will work. The guide below should help you out.

FAQ15 - How do I find an image URL?
Reply
:iconadrfercho:
adrfercho Featured By Owner Aug 23, 2014
thank you so much i finally did it! :,D
Reply
:iconpinxee:
Pinxee Featured By Owner Aug 20, 2014  Hobbyist Photographer
How do I convert the picture into that format? Because I know the picture needs to be changed to the right code. 
Reply
:icongasara:
Gasara Featured By Owner Aug 23, 2014
I think you've figured this out for yourself now but I'll leave this answer here in case anyone else needs to know.

All you have to do is paste the URL of the image you want to use - it can be any image file type - into the code given in the artist's comments. You can use the guides below if you want further help.

FAQ10 - How do I add a custom background?
FAQ15 - How do I find an image URL?
Reply
:iconpinxee:
Pinxee Featured By Owner Aug 23, 2014  Hobbyist Photographer
Yeah I found it a day after I asked, thankyou though. 
Reply
:iconzombiefeild:
Zombiefeild Featured By Owner Aug 17, 2014  New member
How do I put animated pics on custom box?
I tried to put this pic media3.giphy.com/media/62PP2yE…

and it didnt work
Reply
:icongasara:
Gasara Featured By Owner Aug 23, 2014
Animated .gifs can be added to your page like any other image. The guides below should help you out.

FAQ14 - How do I add images to my page?
FAQ15 - How do I find an image URL?
Reply
:iconrealkyarypamyu:
RealKyaryPamyu Featured By Owner Aug 16, 2014  Student Digital Artist
How does it work?
Reply
Add a Comment: