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:
 
:iconratushadina1612:
RatuShadina1612 Featured By Owner Jan 27, 2016  Student
I cant..( ; ^; )
Reply
:iconbamteamrey:
BamTeamRey Featured By Owner Jan 8, 2016  Hobbyist Digital Artist
THANK U SO MUCH FOR THE INFO ;v;
Reply
:iconwatercolorleo:
watercolorleo Featured By Owner Jan 4, 2016  Hobbyist General Artist
My gosh. After literally 4 hours of trying to figure this up, I was so close to giving up and just getting used to the ugly green, and then I stubled upon this beauty. I wished away my tear of frustration and could ACTUALLY understand what you were talking about, not just bunch of numbers and text code crap! Thank you so much!! I could kiss you!FREE flying hearts Icon by DreamON-Mpak  FREE flying hearts Icon by DreamON-Mpak  FREE flying hearts Icon by DreamON-Mpak  FREE flying hearts Icon by DreamON-Mpak  FREE flying hearts Icon by DreamON-Mpak  
Reply
:iconlhiyachan:
LhiyaChan Featured By Owner Edited Jan 3, 2016  Hobbyist General Artist
Thank you so much for the tutorial! I'll apply it the next time I'm online ~ XD
Reply
:icontheeoak8:
theeoak8 Featured By Owner Dec 30, 2015
I don't understand the custom box bit of it. What is "your content" mean and what is all the code mean?
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
"Your content" is where you put what text you want in the box. Just replace "your content" with what you want written in your box!

Now, "Background image url" means the image url of the background you want in the box behind the text. It's different from the link; the link of where the image you want's from doesn't have a file name at the end of it like a link/url of the image itself does, and the link of the image itself is sometimes different in other ways like how it's styled and/or what's written in it. So they're two different things and sometimes if you get them mixed up it doesn't work as well as it would if you entered in the right type of link.

And with the other coding.. I'm not sure, but you won't need to understand it just for making this. All you need to know is what "your content" and "background image url" means because that's how you're going to design the custom box. If you want to add other things, look around for different designs, codes and tutorials. I suggest looking in groups like :iconecssited: and :iconcustomizeyourprofile:!

Hope this all/most of it made sense! If it didn't, tell me and I'll try to explain it (whatever you're confused on) again if I can.. or ask someone else, maybe even someone who's more experienced in CSS and this type of stuff than I am. Good luck though. =^.^= :dance:
Reply
:iconabby1st:
abby1st Featured By Owner Jan 28, 2016  Student Digital Artist
I still dont get the image url bit. I did my own backround and copy and pasted the link, but it won't show up! waht do I do?
Reply
:iconkylegotstyle:
KyleGotStyle Featured By Owner Dec 27, 2015  Hobbyist Digital Artist
thanks man :D
Reply
:iconmangaerudite:
MangaErudite Featured By Owner Dec 26, 2015  Hobbyist Digital Artist
Thanks for the tutorial!
Reply
:iconxoxlarissaxox:
xoXLarissaXox Featured By Owner Dec 24, 2015  Hobbyist General Artist
I have not enough points for a Premium Membership //CRIES VERY HARD//
I WANT ONE FOR CHRISTMAS, BUT NO ONE IS GENEROUS ;-;
Reply
:iconcrotch-pockets:
Crotch-Pockets Featured By Owner Dec 24, 2015
I feel your pain
Reply
:iconxoxlarissaxox:
xoXLarissaXox Featured By Owner Dec 24, 2015  Hobbyist General Artist
Ah, thanks. My bday is still about 3 months.. ;-; so.. I am still sad about no one's generosity
Reply
:iconcrotch-pockets:
Crotch-Pockets Featured By Owner Dec 25, 2015
I hope you're able to get core by then
Reply
:iconxoxlarissaxox:
xoXLarissaXox Featured By Owner Dec 25, 2015  Hobbyist General Artist
N-not yet ;-;
Reply
:iconhacchiato:
hacchiato Featured By Owner Dec 21, 2015
ugh wish I could but no of course not since i dont have core ;c
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
What about now?
Reply
:iconhacchiato:
hacchiato Featured By Owner Jan 19, 2016
Lol yeah....
Reply
:icontoxicclawz:
ToxicClawz Featured By Owner Dec 17, 2015  Hobbyist Digital Artist
oh no I don't think the background one works anymore ;w;
Reply
:iconseaessence:
SeaEssence Featured By Owner Dec 15, 2015  Hobbyist Digital Artist
Does anyone know how to put a stash link in a custom box? Like, the "about me" one. I know how to put a stash link in a comment/journal, but not a custom box? If anyone could help me, that'd be great! 
Reply
:iconself-exile:
self-exile Featured By Owner Dec 12, 2015
Very helpful tutorial, thank you very much!
Reply
:icontherising546:
TheRising546 Featured By Owner Oct 6, 2015  Hobbyist Digital Artist
How much is premium membership? Because #1 was premium membership, and im like: well screw this crap
Reply
:iconlemonpefume:
LemonPefume Featured By Owner Dec 16, 2015  Hobbyist Filmographer
It's 5-50$, the price depends on the length of your core membership.
Reply
:iconadeliqde:
Adeliqde Featured By Owner Oct 25, 2015
5$
Reply
:iconthesoaringsky:
TheSoaringSky Featured By Owner Sep 18, 2015  Student Filmographer
Its....um....not working....welp....


I can't get the background image to work :/ 
Reply
:iconmidorigirl36:
Midorigirl36 Featured By Owner Sep 5, 2015  Hobbyist Digital Artist
Step one: premium membership 
me:...Welp I'm out
Reply
:iconsunnysunshine203:
SunnySunshine203 Featured By Owner Sep 16, 2015  Hobbyist Digital Artist
Same XD
Reply
:icon5pluto:
5pluto Featured By Owner Dec 4, 2015  Hobbyist Digital Artist
howd you get your comment to say "uhh , hi friend?" under it???
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Settings > Identity > Comment Signature (fill it in with whatever you want to show up there that's less than the characters DA limits you to) > Done. And you should be set!
Reply
:icon5pluto:
5pluto Featured By Owner Jan 19, 2016  Hobbyist Digital Artist
thank you
Reply
:iconwinterfrost321:
Winterfrost321 Featured By Owner Oct 23, 2015  Hobbyist Digital Artist
Same here ;v; XD



ESPECIALLY SINCE DEVIANTART STUPIDLY RAISED THE STUPID CORE MEMBERSHIP PRICES
Reply
:iconmanx-wolf:
Manx-wolf Featured By Owner Sep 4, 2015  Hobbyist Digital Artist
I cant get the text in the box ;-;
Reply
:icontonophy:
Tonophy Featured By Owner Aug 10, 2015  Hobbyist Traditional Artist
I can't make it work to add images T_T 
Reply
:iconadeliqde:
Adeliqde Featured By Owner Oct 25, 2015
Maybe you got this answered by now but when you click on the image you need to click copy image url and paste that, not just the link, the link needs to have .png .gif .jpg etc at the end
Reply
:icontonophy:
Tonophy Featured By Owner Oct 26, 2015  Hobbyist Traditional Artist
I found it some time ago, still thank you for taking the time to explain :3 
Reply
:iconblustery-stars:
blustery-stars Featured By Owner Aug 5, 2015  Student Digital Artist
gonna try dis out :D
Reply
:icon5pluto:
5pluto Featured By Owner Nov 29, 2015  Hobbyist Digital Artist
how did you get your comment to have letters under it? i mean like, ours has "petunias in my pocket" howd you do that??
Reply
:iconkatpocketmonster:
KatPocketMonster Featured By Owner Dec 24, 2015  Hobbyist Traditional Artist
Got to Settings! ^^
Reply
:iconblustery-stars:
blustery-stars Featured By Owner Nov 29, 2015  Student Digital Artist
idk
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner Jul 25, 2015  Student General Artist
I followed all the steps but my backgrounds on boxes will not change. I copied and pasted the codes and I put in the URL from st.ash. I have no idea what i'm missing but it's not working no matter what and a feel so foolish. Does it not work if you use it from Stash?
Reply
:iconnorlyjoy:
norlyjoy Featured By Owner Jul 28, 2015  Student General Artist
Same for me...  I mean it just shows my image on that custom box nothing more lol
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner Jul 28, 2015  Student General Artist
finally yeah....I guess I've given up on having a nice profile. :/
Reply
:iconnorlyjoy:
norlyjoy Featured By Owner Jul 28, 2015  Student General Artist
I've tried it out and I managed to put a little image on that custom button as a background and I tried to write things to check it out, the texts I wrote were on top of the background image but the problem is I don't know how to put actual contents there -.-  I am so hopeless..
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner Jul 28, 2015  Student General Artist
*pats your back* It's ok I am hopeless too
Reply
:iconthecrypticcat:
TheCrypticCat Featured By Owner Jul 29, 2015
You guys have to copy the link directly from the image. Don't use the url code or the fav.me code. 
Reply
:iconbellanoel99:
BellaNoel99 Featured By Owner Jul 29, 2015  Student General Artist
I think I tried that but I'll try again. haha ^^" thank you. (cute icon by the way)
Reply
:iconthecrypticcat:
TheCrypticCat Featured By Owner Jul 29, 2015
Anytime and thank you. 
Reply
(1 Reply)
:iconfeathersongdrawz:
FeatherSongDrawz Featured By Owner Jul 17, 2015  Hobbyist Digital Artist
OMG THANK YOU
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner Jul 16, 2015  Hobbyist General Artist
How do I get the background to go in the box I want it to. Like if I want it in my newest deviations, how would I put that background there? The background just shows up in my custom box, but not any other boxes.    
Reply
:icondigsie:
Digsie Featured By Owner Aug 23, 2015
Customized profile coding usually works best in the 'Custom' boxes available to you. Default widgets like Collections and Newest Deviations have much less 'wiggle-room', per se, where you can edit their layout and appearance.
Reply
Add a Comment:
 
×




Details

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

Stats

Views
195,602 (71 today)
Favourites
12,194 (who?)
Comments
1,438
Downloads
1,502
×