HOME | DD

DeathTripp β€” Custom Box Background Tutorial

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

Visessentia In reply to ??? [2013-07-07 06:27:57 +0000 UTC]

Thank you so much for making this !

πŸ‘: 0 ⏩: 0

BlueVines In reply to ??? [2013-07-02 19:09:32 +0000 UTC]

worked for me !! even though i broke the text omg

πŸ‘: 0 ⏩: 0

Leodoxus In reply to ??? [2013-06-23 07:53:10 +0000 UTC]

image location works but how do i keep the deviations on the page?

πŸ‘: 0 ⏩: 0

Finnandjakefan In reply to ??? [2013-06-07 15:59:59 +0000 UTC]

thanks it helped alot thanks

πŸ‘: 0 ⏩: 0

Funkygame In reply to ??? [2013-06-05 12:23:20 +0000 UTC]

thanks!!!!

πŸ‘: 0 ⏩: 0

MidderSheep In reply to ??? [2013-06-02 00:46:58 +0000 UTC]

Can this work in featured deviation boxes?

πŸ‘: 0 ⏩: 0

Hippy-pippy In reply to ??? [2013-06-01 15:26:23 +0000 UTC]

It won’t work :c
Can someone please tell me what I’m doing wrong!!

πŸ‘: 0 ⏩: 1

Zackazi In reply to Hippy-pippy [2013-07-26 04:06:20 +0000 UTC]

I could help what do u need help with

πŸ‘: 0 ⏩: 0

Cupid-Doll In reply to ??? [2013-05-29 15:41:54 +0000 UTC]

this worked for me, none of the other tutorials worked , thank you for making this! cx

πŸ‘: 0 ⏩: 0

ComJackerArt [2013-05-26 01:23:12 +0000 UTC]

It just covers everything up

πŸ‘: 0 ⏩: 0

TakaRyuuji In reply to ??? [2013-05-15 14:00:59 +0000 UTC]

Very useful, thanks ! ^^

πŸ‘: 0 ⏩: 0

zealouslyy In reply to ??? [2013-05-13 00:38:45 +0000 UTC]

I'm still stuck on finding the URL- help me?

πŸ‘: 0 ⏩: 1

zealouslyy In reply to zealouslyy [2013-05-13 00:43:44 +0000 UTC]

Nevermind

πŸ‘: 0 ⏩: 0

iiRiver-Of-Blood [2013-05-11 15:04:25 +0000 UTC]

OMG THANKS SO MUCH IT WORKED!

πŸ‘: 0 ⏩: 0

Pontiant [2013-05-10 04:27:39 +0000 UTC]

thank you so much dude....

πŸ‘: 0 ⏩: 0

Lilo1990 [2013-05-06 08:53:50 +0000 UTC]

thank you so much ^^!

πŸ‘: 0 ⏩: 0

Boubacat [2013-05-03 11:43:09 +0000 UTC]

Thank you so much, this helped me a lot!!

πŸ‘: 0 ⏩: 0

Shaiikuma In reply to ??? [2013-05-01 07:27:43 +0000 UTC]

Thank you so much!! This helped a lot!! It worked! It took a few tries but I got it to work!

πŸ‘: 0 ⏩: 0

MarineyQueeny In reply to ??? [2013-04-29 22:19:22 +0000 UTC]

I CANT FREAKING DO IT!!! IT WONT WORK D,:

πŸ‘: 0 ⏩: 1

Zackazi In reply to MarineyQueeny [2013-07-26 04:07:03 +0000 UTC]

do u have a premium membership

πŸ‘: 0 ⏩: 0

SiimplyOwl In reply to ??? [2013-04-06 19:46:13 +0000 UTC]

Thanks! Do you know how to adjust the size of a drawing you put in your custom box, though?

πŸ‘: 0 ⏩: 0

uavou In reply to ??? [2013-03-26 22:46:02 +0000 UTC]

wait what image program did you use to tile the picture that you used?

πŸ‘: 0 ⏩: 0

Cseadragon In reply to ??? [2013-03-15 02:38:10 +0000 UTC]

I can't do it ;A; I just can't

πŸ‘: 0 ⏩: 1

miss-monomi In reply to Cseadragon [2013-04-19 13:22:24 +0000 UTC]

It won't work if you don't have a pm ;n;

πŸ‘: 0 ⏩: 0

chickenmcfuckit In reply to ??? [2013-03-05 19:30:19 +0000 UTC]

Hey, I tried to do this on the box "Featured Deviation" it worked but the background is hiding my featured deviation now I there an extra code for the "Featured deviation" box? Btw i did everything right. This tutorial is great anyways, thanks

πŸ‘: 0 ⏩: 0

SilverAce88 [2013-02-28 18:16:10 +0000 UTC]

I think I actually understand this one, but my problem is that the backround I tried to put up just covered up my deviation and only covered a small amount of the widget. I'm guessing I did something wrong?

πŸ‘: 0 ⏩: 0

8loodyrain [2013-02-16 03:54:39 +0000 UTC]

Gehsgdjxcjcvch

πŸ‘: 0 ⏩: 0

RyuuseiHikari In reply to ??? [2013-02-01 16:13:12 +0000 UTC]

This worked for me^^
question: Can you use it in your DeviantID widget?

πŸ‘: 0 ⏩: 1

DeathTripp In reply to RyuuseiHikari [2013-02-02 11:39:54 +0000 UTC]

awesome!

uhm as far as I know this particular code won't work in your DeviantID widget. However there may be a code out there that allows you to do that...I have no idea what the code is though >< sorry!!

πŸ‘: 0 ⏩: 1

RyuuseiHikari In reply to DeathTripp [2013-02-02 19:13:41 +0000 UTC]

thanks anyway^^

πŸ‘: 0 ⏩: 0

FishyFeeshy [2013-01-29 00:59:32 +0000 UTC]

Thanks so much for this! It's quick and easy.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to FishyFeeshy [2013-01-29 12:00:02 +0000 UTC]

You're welcome!

πŸ‘: 0 ⏩: 0

Nikki-Kaji [2013-01-28 22:48:38 +0000 UTC]

Thanks a bunch!

πŸ‘: 0 ⏩: 0

TOONBiBiANA11 In reply to ??? [2013-01-28 04:00:13 +0000 UTC]

where so deviantID you want ask me please help.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to TOONBiBiANA11 [2013-01-28 11:19:03 +0000 UTC]

I don't quite understand. Are you asking how to get the background to go behind your deviantID?

πŸ‘: 0 ⏩: 0

xXPastelWishesXx In reply to ??? [2013-01-21 22:55:46 +0000 UTC]

This isn't really helping much

πŸ‘: 0 ⏩: 2

DeathTripp In reply to xXPastelWishesXx [2013-01-28 11:19:25 +0000 UTC]

I'm sorry for the late reply. Which part do you need help with?

πŸ‘: 0 ⏩: 0

Hevirago In reply to xXPastelWishesXx [2013-01-23 10:04:54 +0000 UTC]

I guess its just made to help you design hehe

πŸ‘: 0 ⏩: 1

xXPastelWishesXx In reply to Hevirago [2013-01-23 21:11:41 +0000 UTC]

Yeah

πŸ‘: 0 ⏩: 0

MMDandSims3 In reply to ??? [2013-01-13 18:30:18 +0000 UTC]

my content goes underneath the background

πŸ‘: 0 ⏩: 1

DeathTripp In reply to MMDandSims3 [2013-01-28 11:20:31 +0000 UTC]

You might need to make sure the < /div> code is at the bottom of all your content?

πŸ‘: 0 ⏩: 1

MMDandSims3 In reply to DeathTripp [2013-01-28 17:24:37 +0000 UTC]

Yes, I did make sure it was there. Still doesn't work.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to MMDandSims3 [2013-01-29 12:03:19 +0000 UTC]

Where are you trying to put the background? is it in a custom box?? or in your deviations box/gallery?

πŸ‘: 0 ⏩: 1

MMDandSims3 In reply to DeathTripp [2013-01-29 15:52:53 +0000 UTC]

Yes it is in a custom box

πŸ‘: 0 ⏩: 1

DeathTripp In reply to MMDandSims3 [2013-02-02 11:42:59 +0000 UTC]

hmmm. Have you uploaded your background to DeviantART in your scraps?? if so, if you send me a link to it I can try it out and give you the codes if it works?

πŸ‘: 0 ⏩: 1

MMDandSims3 In reply to DeathTripp [2013-02-02 13:00:02 +0000 UTC]

It doesn't matter now, lol. I got it to work...but I didn't like how it looks XD Thank you so much for you help anyway!

πŸ‘: 0 ⏩: 1

DeathTripp In reply to MMDandSims3 [2013-02-04 12:18:54 +0000 UTC]

awh okay, sorry for the late replies...glad you managed to work it out in the end <3

πŸ‘: 0 ⏩: 1

MMDandSims3 In reply to DeathTripp [2013-02-04 20:20:29 +0000 UTC]

^.^

πŸ‘: 0 ⏩: 0

heySnapDragon In reply to ??? [2013-01-06 18:16:44 +0000 UTC]

thanks for the help and the CSS code

πŸ‘: 0 ⏩: 0

moonlightrobotnik123 In reply to ??? [2013-01-05 01:01:24 +0000 UTC]

thanks !!! this helps me alot
and i was wondering where do u find these backgrounds?

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>