HOME | DD

DeathTripp — Custom Box Background Tutorial

Published: 2010-01-28 18:10:12 +0000 UTC; Views: 156964; Favourites: 5093; Downloads: 1472
Redirect to original
Description EDIT 2 Okay, I am aware that DeviantART has changed a little since I did this tutorial...and I haven't had a change to update it yet and include gallery BG's...but please bare with me...

If you aren't able to get the right URL by just "clicking download" on your BG image, then please do the following

IF YOU ARE USING FIREFOX:

Click Download on your BG Image that you want to use...
Next right click and click "View Image" (the image should now refresh or open in another window)
The URL that you need should now be at the top, paste this code along with the Custome BG code into your box and follow the rest of the instructions.

(or a shorter way which I haven't tested yet: right click, copy image location, and you get the link you need.)

IF YOU ARE USING INTERNET EXPLORER:

Click download on the image and then click "View Sorce".

IF YOU ARE USING GOOGLE CHROME:

Click download on your BG imagine, then right click the image, and copy the URL. (thanks to ~http //silvershadowhdgehog: for this info! ).

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

Next highlight the text between the inverted commas

src="HIGHLIGHT THIS TEXT">

Like this - [link]

This is the URL you need to use! Now follow the rest of the steps in the tutorial!

I hope that this helps!

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

EDIT Please refer to the original sorce of the CSS codes for more information on the backup account for Commander-Luminaire here --> ~Backup-Lunari Thank you
-----------------------------------------------------------------------
Ever wanted to know a simple way of changing the background colour or design in a custom box on your DA page? Well here you go....Originally requested by ~Chibi-Zelly but I thought I should upload it for all of you to see! <3

Special Thanks to *KiwiesRuleXD because she was the one who taught me how to do this cool trick! <3 Thank you!

Simply download/read the tutorial above and use the code below!! and if you are feeling generous, if you use it please +fave it so that others can find it too! Enjoy!

NOTE this code won't work in gallery/deviation boxes...you need a more complicated code to do this...and I don't know how yet...

also some background images will need to be longer than 1600 pixels....this is just a rough guide...because the more stuff you put in your custom box, the longer it gets...so your image may have to be longer.

-----------------------------------------------------------------------
THE CODE

<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL GOES HERE" />>>
>

THE STUFF IN YOUR CUSTOM BOX GOES HERE

>

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

(Special Thanks to ~Internet-cafe for giving me the code with "breaks" so that people don't have to get rid of the annoying stars * <3 Thanks!! =3)
Related content
Comments: 1030

bluberrio [2019-05-26 11:01:38 +0000 UTC]

i cannot thank you enough for this!

👍: 0 ⏩: 0

lazy-jpg [2019-04-24 12:56:33 +0000 UTC]

i'm a stupid person and I can't do it ,_,

👍: 0 ⏩: 0

MM-7 [2018-03-26 19:05:46 +0000 UTC]

Awesome.

👍: 0 ⏩: 0

FoxSynth [2017-06-17 20:29:32 +0000 UTC]

now i have a gorillaz background for my custom box
tysm!

👍: 0 ⏩: 0

CherryDrip [2016-12-27 01:54:50 +0000 UTC]

omg this helped so much ToT
tysm!!

👍: 0 ⏩: 0

NekoToaster360 [2016-11-01 14:24:41 +0000 UTC]

Safari??

👍: 0 ⏩: 0

xXSamanta1616Xx [2016-07-28 12:18:19 +0000 UTC]

I dont have a URL TnT

👍: 0 ⏩: 1

xCordelina In reply to xXSamanta1616Xx [2016-09-09 04:45:17 +0000 UTC]

if you mean by "<img src="IMAGE URL GOES HERE" />", then you just basically get any image off the internet, and right click and then something that says "copy image address" (or url..) and you paste it where it says 'image url goes here'... ;w;/

👍: 0 ⏩: 0

Siragrays [2016-07-06 03:35:45 +0000 UTC]

oh ewe I need premium for this ToT

👍: 0 ⏩: 0

Siragrays [2016-07-06 03:31:53 +0000 UTC]

Thanks!!!

👍: 0 ⏩: 0

Miss-Oli [2016-06-21 01:04:25 +0000 UTC]

how to we add dividers??

👍: 0 ⏩: 0

BloominStella [2016-06-17 05:32:35 +0000 UTC]

Finally a useful tutorial! Thanks!

👍: 0 ⏩: 0

Plin-S [2016-04-17 10:03:34 +0000 UTC]

Didnt work...

👍: 0 ⏩: 0

bakagummi [2016-02-23 11:53:41 +0000 UTC]

cool ^.^

👍: 0 ⏩: 0

Commander-Ludwig [2015-12-30 04:29:30 +0000 UTC]

it didn't work...

EDIT: I found out why. my Image URL didnt copy >: O

👍: 0 ⏩: 0

PaMonk [2015-11-29 11:04:30 +0000 UTC]

Awesome Info thanks so Much.

👍: 0 ⏩: 0

Sarahdog2009 [2015-09-27 21:41:58 +0000 UTC]

It doesn't work at all. 

👍: 0 ⏩: 1

uglyradish In reply to Sarahdog2009 [2015-11-22 19:01:54 +0000 UTC]

late comment,,

it doesn't work for you because you don't have core membership.

👍: 0 ⏩: 1

Sarahdog2009 In reply to uglyradish [2015-11-23 05:18:20 +0000 UTC]

I figured that out.

👍: 0 ⏩: 1

uglyradish In reply to Sarahdog2009 [2015-11-23 22:34:43 +0000 UTC]

okk !!

👍: 0 ⏩: 1

Sarahdog2009 In reply to uglyradish [2015-11-26 08:35:12 +0000 UTC]

👍: 0 ⏩: 0

ForestMidget [2015-09-19 21:43:59 +0000 UTC]

STILL CONFUSING

👍: 0 ⏩: 0

EternalFyr [2015-08-26 21:43:36 +0000 UTC]

Dosent work ;c

👍: 0 ⏩: 0

Miss-Horizon [2015-08-23 03:25:52 +0000 UTC]

ehhhhh.....i'm very confused. I tried everything and nothing seems to appear on my box ;/
I really don't know how this code works. I tried everything

👍: 0 ⏩: 1

Djfireeagle In reply to Miss-Horizon [2016-01-02 03:35:16 +0000 UTC]

Make your custom box 1000x1600, submit to stash or deviantart right click (this is for windows) and click "Copy Image Address" then go into this handy thing right here: Custom Box Background Code Generator v1.9.2
and paste your image address there and press get code, then copy the lower code and put it in your custum box and there you have it.

👍: 0 ⏩: 0

ProfineThePilot [2015-07-13 19:22:51 +0000 UTC]

Works. NOTE: ONLY USE IT FOR CUSTOM BOXES, NOT DEVIANTIDS OR ANY OTHER SHIZ.

👍: 0 ⏩: 0

ToC-Archives [2015-06-21 18:36:58 +0000 UTC]

Excuse me, every time I do this the code doesn't work. I've done everything correctly, and the custom background turns out fine for a while, but then it disappears for no reason. Is there something wrong with my server?

👍: 0 ⏩: 1

xMidnightDayDreamsx In reply to ToC-Archives [2015-07-25 11:39:35 +0000 UTC]

Probably not..
Try this:

And you probably know where to find your background and stuff! c:

👍: 0 ⏩: 1

Sarahdog2009 In reply to xMidnightDayDreamsx [2015-09-27 22:00:58 +0000 UTC]

Doesn't work. =/

👍: 0 ⏩: 0

Yutendo8879 [2015-06-04 20:50:54 +0000 UTC]

1,000th comment

👍: 0 ⏩: 0

GoldenDragonART [2015-04-07 23:06:02 +0000 UTC]

I think this would be a good help for mac users: 
When getting image URL, using safari, you have to click ctrl + mouse button, and then choose "Copy image address"  

👍: 0 ⏩: 0

Tomopaii [2015-03-15 00:35:28 +0000 UTC]

it worked for me but the writing that goes in the custom box doesnt show QAQ

👍: 0 ⏩: 0

crxe [2015-02-24 02:25:52 +0000 UTC]

IT WORKS~~~

👍: 0 ⏩: 0

Castele [2015-02-07 10:37:14 +0000 UTC]

The wallpaper on mine get's cut off..

👍: 0 ⏩: 0

FluffyRockStar [2015-02-03 05:35:06 +0000 UTC]

It didn't work
It just showed the image
But it didn't set it as the background

👍: 0 ⏩: 1

Djfireeagle In reply to FluffyRockStar [2015-06-18 11:06:13 +0000 UTC]

If you are copying the thumb nail it wouldn't work, make sure to look in the description and look for CODE and then copy your URL in there.

👍: 0 ⏩: 1

FluffyRockStar In reply to Djfireeagle [2015-06-23 03:11:45 +0000 UTC]

I didn't copy the thumbnail, I posted the code. It didn't work.

But I don't really care much now cuz I don't even have a pm, and i'm happy with the way my profile looks.
But I'll try again when I get a get a pm again! ^^

👍: 0 ⏩: 0

Eaglefang9 [2015-02-01 02:43:18 +0000 UTC]

where do i get the custom code?

👍: 0 ⏩: 1

Derpy-Kitties In reply to Eaglefang9 [2015-05-10 15:49:43 +0000 UTC]

In the description of the devastation above, copy and paste that on your custom box and copy the url of an image and paste it in the part where it says, "URL"

👍: 0 ⏩: 0

Intella [2015-01-26 04:31:37 +0000 UTC]

Thanks soo mucch~! It has taken me quiet a while too fine an exact tutorial! ~Huggles~   

👍: 0 ⏩: 0

Kapteeni-Teepannu [2015-01-23 16:53:07 +0000 UTC]

Yay! This helped a lot!!
Thank you!

👍: 0 ⏩: 0

ianakitten73 [2015-01-09 11:40:49 +0000 UTC]

YESSSSSSS!!!!!~~~~
FINALLY! 
Something that is easy to follow!!!!

👍: 0 ⏩: 0

Origami-Mad [2015-01-06 16:08:16 +0000 UTC]

Ah! This is the only one that has worked for me! Thank you so much!

👍: 0 ⏩: 0

xXTakaAliveXx [2015-01-05 16:18:13 +0000 UTC]

This has been the only one that works for me, THANK YOU!! Now does anyone know the codes for the OTHER boxes because that would be fantastic if you'd share!! >w<

👍: 0 ⏩: 1

Abralov In reply to xXTakaAliveXx [2015-01-29 07:11:15 +0000 UTC]

MAN I JUST WAS ASKING THE SAME QUESTIONS, THE CODE WORKS FOR MOST OF THEM

👍: 0 ⏩: 1

xXTakaAliveXx In reply to Abralov [2015-01-30 23:17:42 +0000 UTC]

AHH THANK YOU SO MUCHH

👍: 0 ⏩: 1

Abralov In reply to xXTakaAliveXx [2015-01-31 00:14:19 +0000 UTC]

yeeee

👍: 0 ⏩: 1

xXTakaAliveXx In reply to Abralov [2015-01-31 20:00:17 +0000 UTC]

yeeeeeeee

👍: 0 ⏩: 0

StazGaskarth [2015-01-04 12:11:57 +0000 UTC]

works fine but it always cut off. some fits nicely but when i have more images (custom box lengthens) and the bg cuts off again =_=

👍: 0 ⏩: 0

DragonOfDistruction [2015-01-01 19:47:15 +0000 UTC]

IT'S NOT WORKING, WHENEVER I COPY THE BACKGROUND IMAGE URL AND PASTE IT INTO MY CUSTOM BOX, NOTHING HAPPENS BUT A LINK IS WRITTEN ON MY CUSTOM BOX, IS THERE'S SOMETHING WRONG?

👍: 0 ⏩: 1


| Next =>