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

DeathTripp In reply to ??? [2013-01-07 23:22:28 +0000 UTC]

^^ no problem.
I usually make my own, but you can find "repeating backgrounds" if you look on google or even here on deviantart

👍: 0 ⏩: 1

moonlightrobotnik123 In reply to DeathTripp [2013-01-19 20:03:23 +0000 UTC]

ok thank u ^^

👍: 0 ⏩: 0

thaXXMienXX In reply to ??? [2013-01-01 15:21:19 +0000 UTC]

ty so much this helped a lot

👍: 0 ⏩: 0

DragonTattoo1830 In reply to ??? [2012-12-29 02:44:42 +0000 UTC]

ty

👍: 0 ⏩: 0

Redpadna In reply to ??? [2012-12-27 00:25:25 +0000 UTC]

Never mind sorted

👍: 0 ⏩: 0

Redpadna In reply to ??? [2012-12-27 00:24:13 +0000 UTC]

Yay it worked, but how do i make the background image it longer?

👍: 0 ⏩: 0

Eevee7890 In reply to ??? [2012-12-23 22:52:58 +0000 UTC]

can't get to the URL i want... could you help?

👍: 0 ⏩: 0

ArtemisSilverbane In reply to ??? [2012-12-20 04:18:41 +0000 UTC]

I can't seem to get it to work

👍: 0 ⏩: 0

WorgenPrince In reply to ??? [2012-12-15 15:01:58 +0000 UTC]

Using!

👍: 0 ⏩: 0

Zerg620 [2012-12-07 19:51:45 +0000 UTC]

This explains everything I was looking for exactly, thanks.

👍: 0 ⏩: 0

caedem In reply to ??? [2012-12-01 15:48:28 +0000 UTC]

its not working D: (i have a pm)

👍: 0 ⏩: 0

KawaiiStarKirby In reply to ??? [2012-11-30 03:28:04 +0000 UTC]

so helped

👍: 0 ⏩: 0

ThisLittleBluebird In reply to ??? [2012-11-19 18:09:03 +0000 UTC]

.... I have a premium and did all that but it didn't work...

👍: 0 ⏩: 0

walalang123 [2012-11-18 10:54:17 +0000 UTC]

The residents of Arles drew up a petition to have Van Gogh readmitted to the hospital from where he was transferred to a private clinic in Saint-Remy-de-Provence. Van Gogh and Gauguin continued to communicate by letter. -954-691-1102

👍: 0 ⏩: 0

Wolfantom [2012-11-18 07:24:28 +0000 UTC]

Custom box. Is it custom box only? In that case, non premium users are left in the dark

Thank you very much for this anyway!

👍: 0 ⏩: 0

CooI [2012-11-16 18:19:31 +0000 UTC]

THANK YOU.
THANK YOU.
THANK YOU.
*bows down to the god of gods of codes of deviant art* O_O lmaooo XDDD

👍: 0 ⏩: 0

Sayue [2012-11-12 05:16:30 +0000 UTC]

You are a beautiful person.

Thank you so much for this, I've been searching everywhere~ I think I may have went a bit overboard with ... everything though. Oh well~ lllD

👍: 0 ⏩: 1

DeathTripp In reply to Sayue [2012-11-13 16:45:26 +0000 UTC]

haha you are most welcome! <3

looks good to me!

May I ask how you managed to get the custom background to appear behind your deviations?

👍: 0 ⏩: 1

Sayue In reply to DeathTripp [2012-11-13 18:19:13 +0000 UTC]

' u' ~ ♥

Thanks!

Oh, sure! I ended up using =CypherVisor s tutorial, [link] .

It's a tad more extensive than putting the background behind the custom boxes, but at the same time it's really straight forward. c:

👍: 0 ⏩: 1

DeathTripp In reply to Sayue [2012-12-18 12:55:43 +0000 UTC]

Thank you <3 I'll have a look~

👍: 0 ⏩: 0

YellowEyedFagle In reply to ??? [2012-11-11 10:58:20 +0000 UTC]

Hey! Used this thanks for the help

would you happen to know how I can make my deviations big in custom boxes?

👍: 0 ⏩: 1

DeathTripp In reply to YellowEyedFagle [2012-11-11 19:53:39 +0000 UTC]

hey! no problem!

Unfortunately I don't know ): I'm sorry

👍: 0 ⏩: 1

YellowEyedFagle In reply to DeathTripp [2012-11-11 20:09:28 +0000 UTC]

Ah okay, Thanks anyway!

👍: 0 ⏩: 0

lincart In reply to ??? [2012-11-04 02:04:08 +0000 UTC]

Thank-you so much for creating this! Though mine did not work... I submitted my picture to scraps, took the url from the top of the page, and put it in the IMAGE URL GOES HERE spot, but it didn't work. Any suggestions ? Thanks!

👍: 0 ⏩: 1

Ms-CoffeePixie In reply to lincart [2012-11-04 20:04:12 +0000 UTC]

You cant take the URL from the top of the page . Right click the image and then hit 'Copy Image URL' and THAT is the url you use. The URL from the top of the page does not have the image data.

👍: 0 ⏩: 1

lincart In reply to Ms-CoffeePixie [2012-11-04 20:17:56 +0000 UTC]

Aw, thank-you soo much! It makes way more sense now !

👍: 0 ⏩: 1

Ms-CoffeePixie In reply to lincart [2012-11-04 20:24:06 +0000 UTC]

You're welcome . I'm glad I could help.

👍: 0 ⏩: 0

Annarty-lionss In reply to ??? [2012-10-06 11:31:52 +0000 UTC]

Thank you so much <333

👍: 0 ⏩: 0

Sparklepaws33 In reply to ??? [2012-09-29 15:51:20 +0000 UTC]

aw :c I only did half my custom box

👍: 0 ⏩: 0

oppuy In reply to ??? [2012-09-27 02:05:36 +0000 UTC]

ii dont understank it still

👍: 0 ⏩: 0

oppuy [2012-09-26 20:38:24 +0000 UTC]

to hard didnt work

👍: 0 ⏩: 1

meowords In reply to oppuy [2012-10-18 21:47:10 +0000 UTC]

*too

👍: 0 ⏩: 1

oppuy In reply to meowords [2012-10-19 01:23:34 +0000 UTC]

uh what

👍: 0 ⏩: 1

meowords In reply to oppuy [2012-10-19 01:25:46 +0000 UTC]

*Uh
*?

THIS IS CALLED GETTING CLOSER TO ENGISH.

👍: 0 ⏩: 2

tayleaf In reply to meowords [2012-10-20 18:48:11 +0000 UTC]

I died at 'ENGISH'

👍: 0 ⏩: 1

meowords In reply to tayleaf [2012-10-20 18:55:36 +0000 UTC]

............OHGODITHINKIJUSTDIED.

It always happens when you attempt to correct someone.
Always.

👍: 0 ⏩: 1

tayleaf In reply to meowords [2012-10-20 20:11:01 +0000 UTC]

Indeed, it is the curse of the fingerboogies.

👍: 0 ⏩: 0

oppuy In reply to meowords [2012-10-19 18:12:24 +0000 UTC]

y are u sayying that

👍: 0 ⏩: 2

meowords In reply to oppuy [2012-10-19 20:58:48 +0000 UTC]

*Why
*you
*saying
*?

AHEM. YOU NEED MORE ENGLISH.

👍: 0 ⏩: 0

Spork-Wolf In reply to oppuy [2012-10-19 20:35:05 +0000 UTC]

👍: 0 ⏩: 1

meowords In reply to Spork-Wolf [2012-10-19 20:59:05 +0000 UTC]


Oh I couldn't agree with you more.

👍: 0 ⏩: 1

Spork-Wolf In reply to meowords [2012-10-19 21:05:18 +0000 UTC]

such a sad, sad world...

👍: 0 ⏩: 0

Perry--Agent In reply to ??? [2012-09-22 01:25:27 +0000 UTC]

Cant get it posting regular URL, reads description.
(BTW it really helped thanks)

👍: 0 ⏩: 0

LavPanda In reply to ??? [2012-09-07 15:38:23 +0000 UTC]

Cool!

👍: 0 ⏩: 0

GeneralGibby In reply to ??? [2012-08-30 17:57:02 +0000 UTC]

^u^ Thanks to you I now have a nice custom box background!
-----------------------------------------
I don't want to sound like a nag... But I haz a a few questions if you don't mind answering them... because I looked all over the internet and I am having trouble with designing my custom box's, but you seem like a master at this stuff so I'm turning to you.
But do you know how to change the custom box text color or does it not change color? Because my bg is black and the text is dark green, so its hard to see, if you get my drift.
Or how to make my text line up in the center insted of it lineing up on the left side?

👍: 0 ⏩: 1

meowords In reply to GeneralGibby [2012-10-18 21:52:36 +0000 UTC]

[link]

👍: 0 ⏩: 0

Violetkay214 In reply to ??? [2012-08-26 19:27:13 +0000 UTC]

OMG! Thank you so much! :'D

👍: 0 ⏩: 0

JEricaM In reply to ??? [2012-08-20 13:24:19 +0000 UTC]

thx you for the tutorial!!!

👍: 0 ⏩: 0

aura-serpents In reply to ??? [2012-08-20 09:05:26 +0000 UTC]

I can't seem to make it work :I I'm using [link] as my bg, and it won't seem to work.. Everything in the box dissapears~

👍: 0 ⏩: 0

faithluvmoi In reply to ??? [2012-08-19 14:37:06 +0000 UTC]

i dont get it which page is the first instuction on

👍: 0 ⏩: 0


<= Prev | | Next =>