HOME | DD

DeathTripp — Custom Box Background Tutorial

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

DeathTripp In reply to ??? [2012-01-13 16:40:38 +0000 UTC]

You're very welcome! ^^ <3

👍: 0 ⏩: 0

TopHatKittyKat In reply to ??? [2011-12-12 22:32:13 +0000 UTC]

Hi :3

I know how to do this already, but I am curious.. How do people have the background, but in the middle is a green box where the text is? I would like to do that because I hate the text on top of the background

If anyone could answer, please do. I didn't know where to ask this on the forums so I did this x.x

Thanks XD

👍: 0 ⏩: 2

DeathTripp In reply to TopHatKittyKat [2012-01-13 16:44:46 +0000 UTC]

That would be an aditional code...you might be able to find what you are looking for here --> [link]

It has other html and css codes to do lots of different things! You will need to have the code for the background as the first thing in your "custom box" then add the "green box" code that you are looking for (or whatever other code you decide to use) and then your text and everything else should go inside the "green box" code. I hope that helps!

👍: 0 ⏩: 0

Tilted-Axis In reply to TopHatKittyKat [2011-12-16 03:24:19 +0000 UTC]

Omg I'm wondering how to do this too O.o I've looked everywhere but can't find anything otl;; Please tell me if you hear anything about it xD

👍: 0 ⏩: 2

Poppy664 In reply to Tilted-Axis [2011-12-19 16:59:00 +0000 UTC]

[link]

👍: 0 ⏩: 1

Tilted-Axis In reply to Poppy664 [2011-12-19 20:25:35 +0000 UTC]

Got it but thanks!! <3

👍: 0 ⏩: 0

TopHatKittyKat In reply to Tilted-Axis [2011-12-16 20:40:42 +0000 UTC]

IKR~ I will

👍: 0 ⏩: 1

Poppy664 In reply to TopHatKittyKat [2011-12-19 16:58:51 +0000 UTC]

[link]

👍: 0 ⏩: 1

TopHatKittyKat In reply to Poppy664 [2011-12-20 01:41:32 +0000 UTC]

ty

👍: 0 ⏩: 0

JustinFogliasso In reply to ??? [2011-12-12 05:04:34 +0000 UTC]

Thanks Alot! That helped alot!

👍: 0 ⏩: 1

DeathTripp In reply to JustinFogliasso [2012-01-13 16:44:59 +0000 UTC]

glad to hear it! You're welcome!

👍: 0 ⏩: 1

JustinFogliasso In reply to DeathTripp [2012-01-14 00:09:46 +0000 UTC]

👍: 0 ⏩: 0

CyberMark In reply to ??? [2011-12-08 15:39:01 +0000 UTC]

Really usefull, thanks alot

👍: 0 ⏩: 1

DeathTripp In reply to CyberMark [2012-01-13 16:45:06 +0000 UTC]

you're welcome! ^^

👍: 0 ⏩: 1

CyberMark In reply to DeathTripp [2012-01-15 02:00:17 +0000 UTC]

👍: 0 ⏩: 0

SirSaltiness In reply to ??? [2011-11-24 02:08:34 +0000 UTC]

I TRIED AND THE BACKGROUND DIDN'T SHOW BUT MY STUFF DID.

👍: 0 ⏩: 1

HiImPookie In reply to SirSaltiness [2011-11-27 15:25:09 +0000 UTC]

I can help you with that if you still need it, I had this problem a couple of times too.
The best thing to do is open a word document, put this code in, that add the stuff that goes in it, like normal.
THEN put it in your custombox, I hope I helped~

👍: 0 ⏩: 1

SirSaltiness In reply to HiImPookie [2011-11-28 02:22:55 +0000 UTC]

THANKS.

👍: 0 ⏩: 1

HiImPookie In reply to SirSaltiness [2011-11-28 03:04:16 +0000 UTC]

Welcome c:

👍: 0 ⏩: 0

todd18 In reply to ??? [2011-11-21 08:23:20 +0000 UTC]

Oh sorry ignore that comment. I actually in the middle of downloading this to use and then BAM! i hit the add comment instead of preview. I was looking for someone.

👍: 0 ⏩: 0

todd18 In reply to ??? [2011-11-21 08:21:57 +0000 UTC]

:iconsouthparktoaist:

👍: 0 ⏩: 0

x0xpurpleeonbearx0x In reply to ??? [2011-11-18 23:47:17 +0000 UTC]

.___. If I just give you my password and username, will you do it for me xDD !?

👍: 0 ⏩: 2

DeathTripp In reply to x0xpurpleeonbearx0x [2012-01-13 16:47:20 +0000 UTC]

sorry for the late reply but I can't do that. I don't want to be responsible if anything happens to your account and I know your details and also I am very busy so I am unable to make seperate codes and backgrounds for people. I'm sorry I would love to help you, I hope you understand. (:

👍: 0 ⏩: 0

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-07 16:20:04 +0000 UTC]

HAHAHAHAHAH //sorry, this just D

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-08 01:25:55 +0000 UTC]

WHAT O_O XD

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-08 17:37:09 +0000 UTC]

I hope you got it right, btw (And you need premium membership )

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-09 00:43:49 +0000 UTC]

O: OH!! DERP XD

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-09 12:03:43 +0000 UTC]

:'DD

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-10 03:19:38 +0000 UTC]

xD IM SO CONFUSED!!!!!!

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-10 12:38:26 +0000 UTC]

WE ALL ARE~~

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-10 20:48:31 +0000 UTC]

xD Hahahaha

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-11 17:14:37 +0000 UTC]

xD

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-11 19:09:17 +0000 UTC]

Well this is weird

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-11 19:15:39 +0000 UTC]

Life is :'DD

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-11 19:17:20 +0000 UTC]

xD Naaw, FDSUDFYB! I'm hungry ;-; *sniff sniff*

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-11 19:18:39 +0000 UTC]

hahah,, me too :'DDDD I'd give you this mandarin, but I can't

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-11 19:25:20 +0000 UTC]

*GASP* GREEDY

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-12 12:17:06 +0000 UTC]

HAHAHAHHA Ijust can't give it to you, you're a bit too far away --And I already ate it

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-12 15:25:37 +0000 UTC]

D: !!!!!!!! NEVER SAY NEVER xD Yet again, greedy U__U

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-12 16:24:51 +0000 UTC]

Lololol~~

Hahhahaha

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-13 00:19:01 +0000 UTC]

You funny

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-13 12:26:32 +0000 UTC]

Mmmmaybe

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-13 20:39:08 +0000 UTC]

Oh WHATEVER Troll face me >xD Dude! do you like Gorillaz O:

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-17 17:18:39 +0000 UTC]

XDDD I JUST DIIDD!!

IDK, never listened to 'em

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-17 19:48:26 +0000 UTC]

AAAH!!! Stop it >xD
xD o: WHAT

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-19 17:22:58 +0000 UTC]

NEVEEER

Rly

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-21 00:45:49 +0000 UTC]

Now im confused xD

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-21 09:32:47 +0000 UTC]

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-21 19:52:05 +0000 UTC]

SMH ;-;

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-22 19:48:29 +0000 UTC]

XDDDD

👍: 0 ⏩: 1


<= Prev | | Next =>