HOME | DD

DeathTripp — Custom Box Background Tutorial

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

Commander-Luminaire In reply to ??? [2010-02-07 23:24:40 +0000 UTC]

Credit, please?

👍: 0 ⏩: 1

DeathTripp In reply to Commander-Luminaire [2010-02-08 19:11:20 +0000 UTC]

huh? credit?

👍: 0 ⏩: 1

Commander-Luminaire In reply to DeathTripp [2010-02-08 23:48:10 +0000 UTC]

Why yes.
As you can see [link] I am the one who originally discovered these boxes, and specifically, [link] backgrounds.

👍: 0 ⏩: 1

DeathTripp In reply to Commander-Luminaire [2010-02-09 18:18:11 +0000 UTC]

yeah...I didn't know where these codes come from until now...cause a friend taught me...anyway, I editted it this morning and gave you credit..<3

👍: 0 ⏩: 1

Commander-Luminaire In reply to DeathTripp [2010-02-09 18:31:28 +0000 UTC]

Excellent
[link] I linked to yours too, 'cause I like how yours is all visual

👍: 0 ⏩: 1

DeathTripp In reply to Commander-Luminaire [2010-02-09 22:27:44 +0000 UTC]

aww thanks you didn't have to do that >w<

sorry for not giving credit in the first place...I would have done it straight away if I'd have known where to look =3 <3

👍: 0 ⏩: 1

Commander-Luminaire In reply to DeathTripp [2010-02-09 23:10:32 +0000 UTC]

👍: 0 ⏩: 0

Haseo In reply to ??? [2010-02-07 21:43:13 +0000 UTC]

Thanks for making this, you rock!! >w👍: 0 ⏩: 1

DeathTripp In reply to Haseo [2010-02-08 19:11:35 +0000 UTC]

hey no problem

👍: 0 ⏩: 0

Skelettaa In reply to ??? [2010-02-07 16:07:06 +0000 UTC]

Very nice of you to share!! Thank you. ^^

👍: 0 ⏩: 1

DeathTripp In reply to Skelettaa [2010-02-07 22:37:10 +0000 UTC]

^^ hey your welcome!! I hope it helps!! My first tut! XD

👍: 0 ⏩: 1

Skelettaa In reply to DeathTripp [2010-02-08 01:19:07 +0000 UTC]

It does actually. I always wondered how folks were doing that. I know how to make use of an image to link but never really thought to figure how to use in the background of the section. So thankies. ^^

👍: 0 ⏩: 0

Pyritie In reply to ??? [2010-02-07 16:03:14 +0000 UTC]

To stop code from parsing in descriptions, just stick some >b>'s into it

👍: 0 ⏩: 2

DeathTripp In reply to Pyritie [2010-02-07 22:38:52 +0000 UTC]

oh I get ya!...I'll try to change it! Thank you!

👍: 0 ⏩: 0

DeathTripp In reply to Pyritie [2010-02-07 22:36:12 +0000 UTC]

passing in descriptions?

👍: 0 ⏩: 1

Pyritie In reply to DeathTripp [2010-02-07 22:46:32 +0000 UTC]

Parsing

👍: 0 ⏩: 1

DeathTripp In reply to Pyritie [2010-02-08 19:12:58 +0000 UTC]

lol XD oops

👍: 0 ⏩: 0

jam-jam-morejam In reply to ??? [2010-02-07 15:57:12 +0000 UTC]

Can you do just a colour?

👍: 0 ⏩: 1

DeathTripp In reply to jam-jam-morejam [2010-02-07 22:36:48 +0000 UTC]

yea sure! you can add anything to the BG..but you have to make an "image" of the colour if that makes sense?

👍: 0 ⏩: 1

jam-jam-morejam In reply to DeathTripp [2010-02-08 12:32:12 +0000 UTC]

Yeh, I wondered if you could do a "bground colour= "red"" kinda thing, but if not Ok

👍: 0 ⏩: 1

DeathTripp In reply to jam-jam-morejam [2010-02-08 19:12:21 +0000 UTC]

I don't know if you can...I haven't tried it...you might have to mess around with it a little and see =3

👍: 0 ⏩: 2

jam-jam-morejam In reply to DeathTripp [2010-02-08 19:31:14 +0000 UTC]

How can you make it repeats the image?

👍: 0 ⏩: 1

DeathTripp In reply to jam-jam-morejam [2010-02-08 22:20:34 +0000 UTC]

I think the code to make it repeat an image is...

background-repeat:repeat;

👍: 0 ⏩: 1

jam-jam-morejam In reply to DeathTripp [2010-02-09 16:18:23 +0000 UTC]

Ok, I will try...

👍: 0 ⏩: 0

jam-jam-morejam In reply to DeathTripp [2010-02-08 19:15:39 +0000 UTC]

Ok, Well I have created some colour strips

👍: 0 ⏩: 0

Yumiihaku In reply to ??? [2010-01-29 22:31:32 +0000 UTC]

zuuuuuh this help soo much thankyoouuu ;A;

👍: 0 ⏩: 1

DeathTripp In reply to Yumiihaku [2010-01-30 11:37:47 +0000 UTC]

^^ haha your welcome!! <3

👍: 0 ⏩: 0

Chibi-Zelly In reply to ??? [2010-01-28 19:06:16 +0000 UTC]

Waaaah thank you TT3TT you're awesome ffff this is so epic -using-

👍: 0 ⏩: 1

DeathTripp In reply to Chibi-Zelly [2010-01-28 19:35:01 +0000 UTC]

haha, your welcome!! <3

👍: 0 ⏩: 0

Kiwibon In reply to ??? [2010-01-28 18:37:54 +0000 UTC]

This is really handy<3 youre awesome for makin it!<3

👍: 0 ⏩: 0


<= Prev |