HOME | DD

DeathTripp — Custom Box Background Tutorial

Published: 2010-01-28 18:10:12 +0000 UTC; Views: 169873; Favourites: 5051; 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]

Hidden by Admin

👍: 0 ⏩: 0

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

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 0 ⏩: 1

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

Hidden by Admin

👍: 0 ⏩: 0

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

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 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]

Hidden by Admin

👍: 0 ⏩: 0

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

Hidden by Admin

👍: 0 ⏩: 1


| Next =>