Shop Mobile More Submit  Join Login
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:
 
:iconwolfywizard:
wolfywizard Featured By Owner 3 days ago  New Deviant  Digital Artist
i did what you told me and it works!! BUT it's really small! look at my page an you will know what i mean!
Reply
:iconjeelynasaurus:
Jeelynasaurus Featured By Owner May 19, 2015  Hobbyist Writer
I followed the directions to a tee for adding a custom box background but it only shows a little. Why does it not show the whole background? 
Reply
:iconsapphireskies24:
SapphireSkies24 Featured By Owner May 1, 2015  Hobbyist Digital Artist
Thanks!
Reply
:iconalyrine:
Alyrine Featured By Owner Apr 15, 2015  Student Digital Artist
The background on my custom box stays white. How do I add a custom background and then text over it centralized?
Reply
:iconkawiii-ninjabonnie:
Kawiii-ninjaBonnie Featured By Owner Apr 14, 2015  Student General Artist
this is bullcrap,nothing pops up at all.
Reply
:iconxxfizzfacexx:
xXFizzFaceXx Featured By Owner Apr 11, 2015  New Deviant
AHHHH THANK YOU SSSOOOOO MUCH!!!! This was a HUGE help!!!
Reply
:iconkyoukamouchan:
KyoukaMouchan Featured By Owner Apr 11, 2015  Hobbyist Digital Artist
Thank you ^^ but i have a problem, why is my custom page small size? XD
how to put the code !
Reply
:icondaisy-kitty:
Daisy-kitty Featured By Owner Apr 8, 2015
ssssspt
how do you do it on ipad
i dont have a computer
Reply
:iconkirbymlppokemonfan1:
KirbyMLPPokemonfan1 Featured By Owner Apr 7, 2015  Hobbyist Digital Artist
OMG! Thank you so much! Now my Rainbow Dash custom box can look pretty! ^^
Reply
:iconbloodmoontemple:
BloodMoonTemple Featured By Owner Apr 7, 2015  Hobbyist Digital Artist
Hmmmm..
i'm confused on centering the text

could anyone help?
Reply
:icontretais:
tretais Featured By Owner Apr 8, 2015
< div align = " center " > words < / div > without any of the spaces c;
Reply
:iconbloodmoontemple:
BloodMoonTemple Featured By Owner Apr 8, 2015  Hobbyist Digital Artist
thank cchu <3
Reply
:iconkiyuiki:
Kiyuiki Featured By Owner Mar 25, 2015  Hobbyist Traditional Artist
I don't get how you add backgrounds...It wont work ;-;
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Mar 30, 2015  Hobbyist Digital Artist
you need the url ;w;
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
Where's the URL?!
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
right click on the picture and click copy URL
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
I already know how to do it :D
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
ok ;D
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 5, 2015  Student Traditional Artist
BUMPER CARS!
Reply
:iconkiyuiki:
Kiyuiki Featured By Owner Mar 30, 2015  Hobbyist Traditional Artist
;u ;
Reply
:iconxsprlngtrap:
xSprlngTrap Featured By Owner Mar 30, 2015  Hobbyist Digital Artist
;u;;;;
Reply
:iconsmallspiritgraphics:
SmallSpiritGraphics Featured By Owner Mar 19, 2015  Student Digital Artist
I tried doing the <img src=“IMAGE URL”> Thing...and it doesn't work for me..
Reply
:iconawesomejammeraj:
AwesomeJammerAJ Featured By Owner Mar 14, 2015  Student Artisan Crafter
Thank you, this really helped me :D
Reply
:iconpixeysticks2:
PixeySticks2 Featured By Owner Mar 8, 2015
I wish you didnt need premium Llama Emoji-08 (Crying) [V1] 
Reply
:iconyoung-alien:
young-alien Featured By Owner Mar 7, 2015  Hobbyist Artisan Crafter
This is so so useful. Thank you for doing this!
Reply
:iconevkzombie:
EvkZombie Featured By Owner Mar 6, 2015  Hobbyist Digital Artist
The image code thing doesn't work :c Help?
Reply
:iconqueenwolfiey:
Queenwolfiey Featured By Owner Feb 20, 2015  Hobbyist Digital Artist
it works!
thank you so much!
Reply
:icond-ancer:
D-ancer Featured By Owner Feb 17, 2015
You are my god
Thank youuuu
Reply
:iconvapolord:
Vapolord Featured By Owner Feb 15, 2015  Hobbyist General Artist
The problem I have with all these customization options at the moment are the following: I can always have a box that will fit nicely If I put on my page on half of a 1920p monitor, but the will not auto allignt the text like the default profile text does. What shall I do about it?
Reply
:iconeternalli:
Eternalli Featured By Owner Feb 4, 2015  Hobbyist Artist
aghhh it's so difficult ;^;
I just can't do it :c
Reply
:iconaquehoodie:
AqueHoodie Featured By Owner Mar 22, 2015  New Deviant Hobbyist Digital Artist
same.... 
Reply
:iconyukimiharu:
YukiMiharu Featured By Owner Feb 2, 2015  Hobbyist General Artist
OMMGGG thats amazing!!! it helpd me a lot with mah profile~~~~ thank uuuu chu~~~
Reply
:iconmadisonthesp00ky:
MadisonTheSp00ky Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
Is there any code I could use to change the colour of my text? My text is grey, and it's hard to see because of my background colour. 
Reply
:iconmadisonthesp00ky:
MadisonTheSp00ky Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
wait nevermind, I figured it out. c:
Reply
:iconceciliasalituro:
ceciliasalituro Featured By Owner Jan 28, 2015  Hobbyist Traditional Artist
FINALLY! SOMETHING THAT DOSEN'T TAKE ROCKET SCIENCE!
Reply
:iconpsycopix:
psycopix Featured By Owner Jan 23, 2015  Student General Artist
Thing is, how do I edit my deviantID that I have at the top right of my profile, to allow a background image? Can you only change stuff in the Custom Box? If that's so, I can't move the custom box around to replace the position of some widgets eg deviantID. I tried changing my ID widget to have a background image with the code you provided but it won't allow the change.

Thanks for any help.
Reply
:iconwitheredchica:
WitheredChica Featured By Owner Jan 13, 2015  Hobbyist General Artist
thanks so so much!
Reply
:iconlife-needs-colour:
Life-Needs-Colour Featured By Owner Jan 12, 2015  Hobbyist Traditional Artist
I tried putting the link where you said to, but all it does is show the link.

Help? xD
Reply
:iconskribble-chibi:
Skribble-Chibi Featured By Owner Jan 7, 2015  Student General Artist
okay, i have some questions: Where do i find the url of a picture?
                                          where do i find these little avatar thingies i can add?
                                         how do i change the backgrounds of my other widgets?


Thank you for listening (or more for reading:D)
Reply
:iconskeletalpatsy:
SkeletalPatsy Featured By Owner Dec 27, 2014  Hobbyist Writer
it didn't work for meh
Reply
:iconyuukipink:
yuukipink Featured By Owner Jan 5, 2015  Professional Digital Artist
Do you have a premium membership? 
Reply
:iconskeletalpatsy:
SkeletalPatsy Featured By Owner Jan 5, 2015  Hobbyist Writer
Yeh. But it worked now \(3.3\) after i used some other code
Reply
:iconolaffles:
Olaffles Featured By Owner Mar 14, 2015  Hobbyist Digital Artist
Could you tell me what other code you used? I can't get mine to work.
Reply
:iconfaridjoss:
faridjoss Featured By Owner Dec 23, 2014
Thank you for providing such a lovely tutorial lampu led motor . I've been meaning to find something that'll help me pretty up my page...!!!
Reply
:iconknifepartyzombiez:
KnifePartyZombiez Featured By Owner Dec 22, 2014  Hobbyist General Artist
It won't work e.e
Oh well I give up anyway I don't need a background :C
Reply
:iconrelic-angel:
Relic-Angel Featured By Owner Nov 25, 2014  Hobbyist General Artist
Thank you for providing such a lovely tutorial. I've been meaning to find something that'll help me pretty up my page. ^^
Reply
:iconsorrinna-ushika-seji:
Sorrinna-Ushika-Seji Featured By Owner Nov 15, 2014  Hobbyist General Artist
Reply
Add a Comment:
 
×
Download PNG 704 × 6010




Details

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

Stats

Views
174,843 (62 today)
Favourites
11,593 (who?)
Comments
1,367
Downloads
1,411
×