HOME | DD

DeathTripp β€” Custom Box Background Tutorial

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

NeonKittyMe In reply to ??? [2010-09-01 02:08:34 +0000 UTC]

I'm pretty sure I'm doing everything right, but the picture won't show up. It doesn't seem like the picture is loading correctly because when I view the regular pic, it just shows a box with an 'x' in the corner

Anything I can do?

πŸ‘: 0 ⏩: 1

DeathTripp In reply to NeonKittyMe [2010-09-01 11:58:46 +0000 UTC]

hmm thats strange...if you give me the link to the background you want to use (or backgrounds) I'll try to make the codes up for you and see if that works? if not we'll try somthing else

πŸ‘: 0 ⏩: 1

NeonKittyMe In reply to DeathTripp [2010-09-01 20:51:01 +0000 UTC]

Okay, sure! ;D [link] is the background I'd like to use. ;3

πŸ‘: 0 ⏩: 0

Indoah In reply to ??? [2010-08-31 02:59:56 +0000 UTC]

Thank you for the tut~

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Indoah [2010-08-31 12:33:37 +0000 UTC]

your welcome! I like your icon! >7< <3

πŸ‘: 0 ⏩: 1

Indoah In reply to DeathTripp [2010-08-31 21:33:58 +0000 UTC]

Thank you~

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Indoah [2010-09-01 12:03:42 +0000 UTC]

your welcome! O7O <3

πŸ‘: 0 ⏩: 0

HanaNikko In reply to ??? [2010-08-30 04:00:34 +0000 UTC]

Oh my I didn't see this in your gallery and I was just trying to figure out how to add backgrounds to the boxes. This is so helpful thanks! :3

πŸ‘: 0 ⏩: 1

DeathTripp In reply to HanaNikko [2010-08-30 11:29:37 +0000 UTC]

haha your welcome! glad I could help! theres just a little bit of updating that needs to be done with this tutorial since DA has changed a few things...in order to get the URL for your picture now...you have to click download like before but then right click on the image and click "view image"....then when the page refreshes...you should get your URL at the top! <3

πŸ‘: 0 ⏩: 0

Dinoforms In reply to ??? [2010-08-29 17:06:07 +0000 UTC]

<-- You should go look there, it will help you.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Dinoforms [2010-08-29 17:18:14 +0000 UTC]

help me with what?

πŸ‘: 0 ⏩: 1

Dinoforms In reply to DeathTripp [2010-08-29 17:21:01 +0000 UTC]

[link] There is an update on the code for this.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Dinoforms [2010-08-29 17:27:40 +0000 UTC]

Its the same code...I just need to change the wording in my tutorial so that people get the right URL for their own image...thanks for the link though ^^

πŸ‘: 0 ⏩: 1

Dinoforms In reply to DeathTripp [2010-08-29 17:30:32 +0000 UTC]

There is a difference its just really small.
^^ But yeah.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Dinoforms [2010-08-29 17:35:22 +0000 UTC]

lol XDD well the code still works...but thanks <3

πŸ‘: 0 ⏩: 1

Dinoforms In reply to DeathTripp [2010-08-29 17:36:33 +0000 UTC]

xD Okie dokie.

πŸ‘: 0 ⏩: 0

pixiepot In reply to ??? [2010-08-27 09:36:10 +0000 UTC]

It didn't work for me.

πŸ‘: 0 ⏩: 1

DeathTripp In reply to pixiepot [2010-08-29 13:08:25 +0000 UTC]

yeah sorry...I need to update the tutorial because DA has changed the way people can "download" their picture....to get your URL you need to click "download" then right-click on the picture and click "view image"...the URL that you need should be at the top in the address bar once the page refreshes...I hope this helps!

πŸ‘: 0 ⏩: 1

pixiepot In reply to DeathTripp [2010-08-29 13:12:16 +0000 UTC]

thank you!

πŸ‘: 0 ⏩: 0

Accebera In reply to ??? [2010-08-27 01:05:16 +0000 UTC]

Thanks so much for this!

πŸ‘: 0 ⏩: 1

DeathTripp In reply to Accebera [2010-08-29 13:08:32 +0000 UTC]

your welcome!! <3

πŸ‘: 0 ⏩: 0

666zarike In reply to ??? [2010-08-22 11:41:00 +0000 UTC]

I canΒ΄t get it to work

I write

[link] "/>

devil


In my custom box but it wonΒ΄t work, why?

πŸ‘: 0 ⏩: 4

DeathTripp In reply to 666zarike [2010-08-29 13:08:38 +0000 UTC]

yeah sorry...I need to update the tutorial because DA has changed the way people can "download" their picture....to get your URL you need to click "download" then right-click on the picture and click "view image"...the URL that you need should be at the top in the address bar once the page refreshes...I hope this helps!

πŸ‘: 0 ⏩: 1

666zarike In reply to DeathTripp [2010-08-29 13:22:48 +0000 UTC]

Thank you
I shall fix it then

πŸ‘: 0 ⏩: 0

KimRaiFan In reply to 666zarike [2010-08-28 07:57:18 +0000 UTC]

πŸ‘: 0 ⏩: 1

666zarike In reply to KimRaiFan [2010-08-28 08:41:09 +0000 UTC]

[link] "/>

devil



DonΒ΄t work.

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to 666zarike [2010-08-28 08:58:13 +0000 UTC]

the link is wrong D:
upload the image on tinypic, it will give you 4 links, use the 4th

πŸ‘: 0 ⏩: 1

666zarike In reply to KimRaiFan [2010-08-28 09:26:13 +0000 UTC]

Ok, send me the link then

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to 666zarike [2010-08-28 09:28:23 +0000 UTC]

use this -> [link]

πŸ‘: 0 ⏩: 1

666zarike In reply to KimRaiFan [2010-08-28 11:16:31 +0000 UTC]

Thank you

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to 666zarike [2010-08-28 11:34:17 +0000 UTC]

No problem

πŸ‘: 0 ⏩: 0

KimRaiFan In reply to 666zarike [2010-08-28 07:57:02 +0000 UTC]

You forgot the tag at the end

πŸ‘: 0 ⏩: 0

pixiepot In reply to 666zarike [2010-08-27 09:36:53 +0000 UTC]

That happens with me too!

πŸ‘: 0 ⏩: 1

666zarike In reply to pixiepot [2010-08-27 16:19:37 +0000 UTC]

Hmm...
What to do?

πŸ‘: 0 ⏩: 1

pixiepot In reply to 666zarike [2010-08-27 18:54:19 +0000 UTC]

Yer, thats what I've been thinking...

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to pixiepot [2010-08-28 07:58:26 +0000 UTC]

If you wrote the code in your custom box just as *666zarike said in that comment that means you missed the

that you have to put at the end after you write the text you want in the cutom box

πŸ‘: 0 ⏩: 1

pixiepot In reply to KimRaiFan [2010-08-28 08:00:43 +0000 UTC]

NO, I got the but I can't get it working, I think I might have the wrong URL.
Thanks anyway!

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to pixiepot [2010-08-28 08:58:39 +0000 UTC]

try and upload the image on tinypic, it shall give you 4 links and if you use the 4th is shall work

πŸ‘: 0 ⏩: 1

pixiepot In reply to KimRaiFan [2010-08-28 11:04:04 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 1

KimRaiFan In reply to pixiepot [2010-08-28 11:34:40 +0000 UTC]

No problem

πŸ‘: 0 ⏩: 1

pixiepot In reply to KimRaiFan [2010-08-28 11:44:53 +0000 UTC]

πŸ‘: 0 ⏩: 0

anna-becca7 In reply to ??? [2010-08-13 17:29:49 +0000 UTC]

hurmmmm... when I put it in, say "recent deviations" or "deviant ID" boxes.. I think it covers up the large images, because the page loads all the way, but the text and stamps show (things that are in the text)...(i think because they're within the is there any way to include the pictures?

πŸ‘: 0 ⏩: 1

DeathTripp In reply to anna-becca7 [2010-08-14 14:00:17 +0000 UTC]

unfortunately this codes can only be used in custom boxes...I'm sure I've seen people use a custom background in their "ID boxes" and "featured deviation boxes"...but I don't know what the additional code is to make it go behind the images in those particular boxes...in custom boxes it automatically goes straight to the back (because you put the code first and then your own writting and images within the code).

If I manage to work it out/find out...I'll make a new tutorial or let you know! Sorry I couldn't really help much D:

πŸ‘: 0 ⏩: 1

anna-becca7 In reply to DeathTripp [2010-08-14 14:19:57 +0000 UTC]

haha nono thanks I think I'll figure it out... maybe. haha and if I do I'll let you know.. or... haha, whoever finds out first tells the other?

πŸ‘: 0 ⏩: 1

DeathTripp In reply to anna-becca7 [2010-08-15 15:10:21 +0000 UTC]

oh ok! ^^ sure! <3

πŸ‘: 0 ⏩: 0

anna-becca7 In reply to ??? [2010-08-13 17:20:47 +0000 UTC]

haha yay! I love this XD I CAN PUT BACKGROUNDS ON STUFF

πŸ‘: 0 ⏩: 0

FANGIE-CHAN In reply to ??? [2010-08-13 05:40:52 +0000 UTC]

It works great on my profile page, but it doesn't seem to work in GROUP profile pages. Help?

πŸ‘: 0 ⏩: 1

DeathTripp In reply to FANGIE-CHAN [2010-08-14 13:56:41 +0000 UTC]

It will only work on group custom boxes if you are subscibed/ a super group D: sorry

πŸ‘: 0 ⏩: 1

FANGIE-CHAN In reply to DeathTripp [2010-08-14 17:39:31 +0000 UTC]

Oh. D:

πŸ‘: 0 ⏩: 0

myuutsuCMCE In reply to ??? [2010-08-07 01:30:03 +0000 UTC]

Wow, incredible! Thanks a lot!

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>