HOME | DD

DeathTripp — Custom Box Background Tutorial

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

UnbearableHowl In reply to ??? [2012-04-22 21:47:27 +0000 UTC]

excuse me,
when I try to make my background this [link] with the correct coding, it doesn't work.
PLEASE REPLY.

👍: 0 ⏩: 1

DeathTripp In reply to UnbearableHowl [2012-04-26 13:26:02 +0000 UTC]

I'm sorry I didn't reply sooner! It seems you have been able to fix it now it looks wonderful! <3

👍: 0 ⏩: 1

UnbearableHowl In reply to DeathTripp [2012-04-27 00:03:06 +0000 UTC]

Thanks so much!

👍: 0 ⏩: 0

Nyan-Michi In reply to ??? [2012-04-22 09:56:25 +0000 UTC]

When I put the bg in, the text is under it. ([link] ) Any suggestions?

👍: 0 ⏩: 1

DeathTripp In reply to Nyan-Michi [2012-04-26 13:27:20 +0000 UTC]

It might be because you have put the text in the wrong place? It needs to go inbetween the top code and the bottom "div" code. I hope that helps! Let me know if not <3

👍: 0 ⏩: 1

Nyan-Michi In reply to DeathTripp [2012-04-26 23:31:51 +0000 UTC]

okay, thanks~

👍: 0 ⏩: 0

Sweet-Sakata-San In reply to ??? [2012-04-21 01:56:57 +0000 UTC]

can you change text colour?

👍: 0 ⏩: 1

DeathTripp In reply to Sweet-Sakata-San [2012-04-26 13:27:40 +0000 UTC]

I'm not sure...I have tired a few times but the codes don't seem to work ):

👍: 0 ⏩: 1

Sweet-Sakata-San In reply to DeathTripp [2012-04-26 16:49:42 +0000 UTC]

D'awwh :[

👍: 0 ⏩: 0

Daiyousei-Chan [2012-04-10 19:00:51 +0000 UTC]

Helps alot, thanks~

👍: 0 ⏩: 1

DeathTripp In reply to Daiyousei-Chan [2012-04-26 13:27:49 +0000 UTC]

awesome! Thanks!

👍: 0 ⏩: 1

Daiyousei-Chan In reply to DeathTripp [2012-04-26 23:13:22 +0000 UTC]

No, thank you ;u;

👍: 0 ⏩: 0

mochi-ru In reply to ??? [2012-04-09 15:33:59 +0000 UTC]

I have a question. How do you put the background on your featured deviation ?
I saw some deviants did that and im not sure how to do it.

👍: 0 ⏩: 2

DeathTripp In reply to mochi-ru [2012-04-26 13:29:03 +0000 UTC]

Hi. Sorry but I don't know how to do that. I have seen other people do it...and it needs a different code. You could try searching deviantART groups for the CSS code. I'm sure someone has probably uploaded a tutorial for it somewhere.

👍: 0 ⏩: 0

fatchickthriller In reply to mochi-ru [2012-04-18 21:57:54 +0000 UTC]

same question here

👍: 0 ⏩: 1

mochi-ru In reply to fatchickthriller [2012-04-19 21:42:58 +0000 UTC]

i found it out in the meantime lolo
Tutorial here: [link]
merp

👍: 0 ⏩: 1

fatchickthriller In reply to mochi-ru [2012-04-19 22:09:10 +0000 UTC]

yeah, i found out yesterday as well lolol

👍: 0 ⏩: 0

Alichat In reply to ??? [2012-04-05 14:30:38 +0000 UTC]

Thank you for this tutorial, it work perfectly

👍: 0 ⏩: 1

DeathTripp In reply to Alichat [2012-04-26 13:29:21 +0000 UTC]

awesome!! I'm glad! You're welcome! <3

👍: 0 ⏩: 1

Alichat In reply to DeathTripp [2012-04-26 20:51:23 +0000 UTC]

^^

👍: 0 ⏩: 0

LonelyEquiinox In reply to ??? [2012-04-02 02:15:21 +0000 UTC]

THANK YOU SO MUCH I LOVE YOU

👍: 0 ⏩: 1

DeathTripp In reply to LonelyEquiinox [2012-04-26 13:29:36 +0000 UTC]

haha XD You're very welcome! <3

👍: 0 ⏩: 0

ANIMALGIRL1869 In reply to ??? [2012-04-01 19:45:58 +0000 UTC]

thank you for this tutorial. I will be trying it out. I hope i get it right.

👍: 0 ⏩: 1

DeathTripp In reply to ANIMALGIRL1869 [2012-04-26 13:30:02 +0000 UTC]

You're welcome! I'm sure you'll be just fine...but if you need any help I'm right here!

👍: 0 ⏩: 1

ANIMALGIRL1869 In reply to DeathTripp [2012-04-26 23:18:14 +0000 UTC]

Thanks for the help. I did figure it out..thanks

👍: 0 ⏩: 0

Zap-Apple In reply to ??? [2012-03-26 20:25:18 +0000 UTC]

I am trying this tutorial, it's working great, I get the image in the background, BUT. The pic is 1000x2880 and made in flash, the only thing it's displaying though is half of the picture. What am I doing wrong here?

👍: 0 ⏩: 1

DeathTripp In reply to Zap-Apple [2012-04-26 13:31:13 +0000 UTC]

when you say only showing half the image...do you mean across or down? Sorry for the late reply <3

👍: 0 ⏩: 1

Zap-Apple In reply to DeathTripp [2012-04-26 13:39:06 +0000 UTC]

Horizontal, no problem. It was supposed to be 6 colors of the rainbow running from the top to bottom. When I used the pic it would cut it off at the third color.

👍: 0 ⏩: 0

Sweet-Fizz In reply to ??? [2012-03-21 17:14:44 +0000 UTC]

Mine isn't working! Can you do this if you use Safari as internet?

👍: 0 ⏩: 0

oONeraOo In reply to ??? [2012-03-19 11:05:44 +0000 UTC]

AHAHAHAH I fail I got it now T ^ T ''''' I totally forgot my img url....

👍: 0 ⏩: 0

NocyAssemble [2012-03-18 10:01:55 +0000 UTC]

Really helpful! Thanks 8D

👍: 0 ⏩: 1

DeathTripp In reply to NocyAssemble [2012-04-26 13:31:55 +0000 UTC]

You're welcome!! <3

👍: 0 ⏩: 0

biancaroseg77 In reply to ??? [2012-03-07 04:25:09 +0000 UTC]

I DID EVERTHING BUT IT DIDINT WORK

👍: 0 ⏩: 1

DeathTripp In reply to biancaroseg77 [2012-04-26 13:32:59 +0000 UTC]

It should work then ): What is going wrong exactly? is this image not showing up? or is it going over the text in your box?

👍: 0 ⏩: 1

biancaroseg77 In reply to DeathTripp [2012-04-26 13:35:16 +0000 UTC]

text

👍: 0 ⏩: 1

DeathTripp In reply to biancaroseg77 [2012-04-26 13:39:00 +0000 UTC]

Then you need to make sure that the main text of your box is inbetween the top code and the bottom "div" code. Then the BG should show up behind your images and text.

👍: 0 ⏩: 1

biancaroseg77 In reply to DeathTripp [2012-04-26 13:52:25 +0000 UTC]

hmm i got to tell you but i dont know how to use codes

👍: 0 ⏩: 0

Parasol-Massacre In reply to ??? [2012-03-05 15:26:02 +0000 UTC]

Thank you, I have been wondering how to do this. Now I can try this to deco my page. ( ^u^)

👍: 0 ⏩: 1

DeathTripp In reply to Parasol-Massacre [2012-04-26 13:33:11 +0000 UTC]

You're welcome!! <3

👍: 0 ⏩: 0

iBoing In reply to ??? [2012-02-23 17:56:38 +0000 UTC]

do you know how to make the image repeat

👍: 0 ⏩: 1

DeathTripp In reply to iBoing [2012-04-26 13:34:10 +0000 UTC]

I don't know if there is a code to make the image repeat...but with this code you have to make the image repeat manually using photoshop or whatever image editting software you use.

👍: 0 ⏩: 0

ThirdPotato In reply to ??? [2012-02-21 01:22:39 +0000 UTC]

Howdy, I tried doing this code, but for some reason it makes the thumbnail content of my boxes disappear D8

👍: 0 ⏩: 1

DeathTripp In reply to ThirdPotato [2012-04-26 13:35:19 +0000 UTC]

hmm I think you need to place the 'content' inbetween the top code and the bottom "div" code. It should show up.

👍: 0 ⏩: 0

NHLoveDani In reply to ??? [2012-02-20 19:56:21 +0000 UTC]

Heyyy :'D. I know you may not have updated this yet for the newest part of DA, but I can't seem to add bg's for my featued/newest box or my ID with this method, because the bg covers up the image I'm displaying. Any idea how to fix that?

👍: 0 ⏩: 1

DeathTripp In reply to NHLoveDani [2012-04-26 13:36:36 +0000 UTC]

Yeah this code doesn't support that unfortunately ): sorry. I'm sure there is a code out there that will allow you to put the BG behind a featured deviation...but I don't know about the ID part. Try searching deviantart groups for more CSS codes.

👍: 0 ⏩: 0

AderiAsha In reply to ??? [2012-02-17 02:34:12 +0000 UTC]

thank you!! it works!!

👍: 0 ⏩: 1

DeathTripp In reply to AderiAsha [2012-04-26 13:36:45 +0000 UTC]

Awesome! You're welcome! <3

👍: 0 ⏩: 0

ShadowtigerArual In reply to ??? [2012-02-11 04:41:44 +0000 UTC]

... I AM SO CONFUSED.

lol,

👍: 0 ⏩: 1

DeathTripp In reply to ShadowtigerArual [2012-02-16 13:12:17 +0000 UTC]

what is it that you find confusing? I might be able to help?

👍: 0 ⏩: 0

Sonicgirllover101 In reply to ??? [2012-02-05 19:48:51 +0000 UTC]

How do you go to scraps?

👍: 0 ⏩: 1


<= Prev | | Next =>