HOME | DD

DeathTripp — Custom Box Background Tutorial

Published: 2010-01-28 18:10:12 +0000 UTC; Views: 158053; Favourites: 5080; 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 ??? [2011-05-09 09:47:01 +0000 UTC]

OwO wow thanks!

👍: 0 ⏩: 1

Tanis711 In reply to DeathTripp [2011-05-10 01:41:35 +0000 UTC]

you're welcome!!!
it proved to be very very helpful!!!
so thank you!

👍: 0 ⏩: 0

LuckiiClover In reply to ??? [2011-04-06 04:09:45 +0000 UTC]

Thanks~ I was so confused how to do this~ <333

GAHH. I only have 3 weeks left of my premium membership. orz

👍: 0 ⏩: 2

DeathTripp In reply to LuckiiClover [2011-04-11 15:46:57 +0000 UTC]

your most welcome! <3

TAT aww that sucks!!

👍: 0 ⏩: 1

LuckiiClover In reply to DeathTripp [2011-04-12 01:02:45 +0000 UTC]

<333

Yeahhh~
I'll just beg for people to give me points~ /shot
LOL no jks.
I don't do that...maybe.

👍: 0 ⏩: 1

DeathTripp In reply to LuckiiClover [2011-04-12 09:30:31 +0000 UTC]

LMAO aww TwT

👍: 0 ⏩: 1

LuckiiClover In reply to DeathTripp [2011-04-12 11:59:31 +0000 UTC]

/sob sob

👍: 0 ⏩: 0

XDarkxGirlx4everX In reply to LuckiiClover [2011-04-10 23:45:51 +0000 UTC]

I'm gunna miss mine :/

👍: 0 ⏩: 1

LuckiiClover In reply to XDarkxGirlx4everX [2011-04-11 02:33:11 +0000 UTC]

Yeah, same~

👍: 0 ⏩: 1

XDarkxGirlx4everX In reply to LuckiiClover [2011-04-11 02:54:51 +0000 UTC]

D::::

👍: 0 ⏩: 0

NekoHikari604 In reply to ??? [2011-04-04 03:13:19 +0000 UTC]

this is so awesome and i keep trying to scroll down the page on the picture XD

👍: 0 ⏩: 1

DeathTripp In reply to NekoHikari604 [2011-04-04 17:24:43 +0000 UTC]

LOL XDD

👍: 0 ⏩: 0

PeaceKitten2000 In reply to ??? [2011-04-03 22:12:36 +0000 UTC]

Its really helpful thank you

👍: 0 ⏩: 0

NaughtyAngel1912 In reply to ??? [2011-04-03 05:05:18 +0000 UTC]

I tried doing this but it didn't work out...here's the skin I made-->[link]

👍: 0 ⏩: 0

andshedreamed In reply to ??? [2011-04-01 16:00:53 +0000 UTC]

It's works~

Thank you.

👍: 0 ⏩: 0

Mysterious-G In reply to ??? [2011-03-25 12:02:38 +0000 UTC]

Thanks a lot, this is a gift for every html noob like me D'x

👍: 0 ⏩: 0

Moon-Leaf-Studios In reply to ??? [2011-03-21 01:14:36 +0000 UTC]

Thank you so much for this. This will really come in handy ; )

👍: 0 ⏩: 0

Poke-Speedster In reply to ??? [2011-03-16 21:35:19 +0000 UTC]

How do we make the images repeat? I mean when you make the background.

👍: 0 ⏩: 1

DeathTripp In reply to Poke-Speedster [2011-03-19 13:52:27 +0000 UTC]

you just have to make one row by copying and pasting the pattern. Then once you make a row, copy the whole row and flip it...and keep going till you fill the whole canvas.

👍: 0 ⏩: 1

Poke-Speedster In reply to DeathTripp [2011-03-19 22:30:01 +0000 UTC]

Oh alright Tanks

👍: 0 ⏩: 0

Juno-Janus In reply to ??? [2011-03-15 15:33:47 +0000 UTC]

Wow it's so easy for blondes as me... lol

👍: 0 ⏩: 1

DeathTripp In reply to Juno-Janus [2011-03-19 13:52:34 +0000 UTC]

LOL OwO <3

👍: 0 ⏩: 0

BridgetIllustrates In reply to ??? [2011-03-13 04:05:21 +0000 UTC]

what's the code so that you are able to change the color of the font? o3o;

👍: 0 ⏩: 2

DeathTripp In reply to BridgetIllustrates [2011-03-19 13:53:07 +0000 UTC]

unfortunately you can't change the colour of the font in custom boxes...or at least I have tried and failed ;A;

👍: 0 ⏩: 1

BridgetIllustrates In reply to DeathTripp [2011-03-19 21:44:39 +0000 UTC]

aw man~ :huggles: thankies for letting me know~

👍: 0 ⏩: 1

DeathTripp In reply to BridgetIllustrates [2011-03-20 19:32:52 +0000 UTC]

your welcome ^^

👍: 0 ⏩: 0

xTechnologiic In reply to BridgetIllustrates [2011-03-13 17:05:33 +0000 UTC]

I was wondering that too o.o

👍: 0 ⏩: 1

BridgetIllustrates In reply to xTechnologiic [2011-03-13 17:15:47 +0000 UTC]

i'm sure there's some way, i just don't know how~ :/

👍: 0 ⏩: 1

xTechnologiic In reply to BridgetIllustrates [2011-03-13 17:16:14 +0000 UTC]

I'm not seeing anything in the FAQ about it, either o.e

👍: 0 ⏩: 1

BridgetIllustrates In reply to xTechnologiic [2011-03-13 17:58:58 +0000 UTC]

!~ ugh~~

👍: 0 ⏩: 0

Sneaky-Kat4-Life2 In reply to ??? [2011-03-12 01:08:20 +0000 UTC]

U. R. A. GOD.
Thanx so much!

👍: 0 ⏩: 1

DeathTripp In reply to Sneaky-Kat4-Life2 [2011-03-19 13:53:13 +0000 UTC]

OwO your welcome <3

👍: 0 ⏩: 1

Sneaky-Kat4-Life2 In reply to DeathTripp [2011-03-19 17:58:45 +0000 UTC]

👍: 0 ⏩: 0

Phlum In reply to ??? [2011-02-26 13:54:39 +0000 UTC]

Should come in handy at some point

👍: 0 ⏩: 1

DeathTripp In reply to Phlum [2011-03-19 13:53:17 +0000 UTC]

lol

👍: 0 ⏩: 0

cats-go-quack In reply to ??? [2011-02-21 15:18:12 +0000 UTC]

thanks for the help ^^ now i have a custom box background

👍: 0 ⏩: 1

DeathTripp In reply to cats-go-quack [2011-03-19 13:53:24 +0000 UTC]

your welcome!

👍: 0 ⏩: 1

cats-go-quack In reply to DeathTripp [2011-03-19 15:23:39 +0000 UTC]

👍: 0 ⏩: 0

pumpkin-ice In reply to ??? [2011-02-19 02:22:37 +0000 UTC]

Wow this was very helpful thank you I've been looking everywhere for a code

I do have one question though how do you put a background on other boxes on your account page? like the devation and favorite boxes. thank you so much

👍: 0 ⏩: 1

DeathTripp In reply to pumpkin-ice [2011-02-21 12:54:18 +0000 UTC]

your welcome! Glad I could help.

Unfortunately the code wont work on the deviation and favourite boxes on your page and there isn't a code to do this at the moment. Sorry TAT

👍: 0 ⏩: 1

pumpkin-ice In reply to DeathTripp [2011-02-21 21:30:56 +0000 UTC]

Aww to bad I see it on some peoples pages

well regardless thank you <3

👍: 0 ⏩: 1

DeathTripp In reply to pumpkin-ice [2011-02-26 11:05:48 +0000 UTC]

OwO really!? I'm sorry I didn't know you could do it! Perhaps you should ask how they did it? as I have no clue TAT

👍: 0 ⏩: 1

pumpkin-ice In reply to DeathTripp [2011-02-27 05:38:22 +0000 UTC]

I'll let you know if I figure out the code

👍: 0 ⏩: 0

redvelvetplease95 In reply to ??? [2011-02-16 23:08:30 +0000 UTC]

i couldnt get mine to work. idk whats wrong with it, i use googlechrome, but did everything you said..

👍: 0 ⏩: 1

DeathTripp In reply to redvelvetplease95 [2011-03-19 13:53:50 +0000 UTC]

might be cause of google chrome...it may have a different way of getting the image URL

👍: 0 ⏩: 1

redvelvetplease95 In reply to DeathTripp [2011-03-19 15:03:38 +0000 UTC]

probably lol im not worried about it anymore

👍: 0 ⏩: 0

Shadowdog101 In reply to ??? [2011-02-16 01:13:56 +0000 UTC]

hey I have internet explore and I downloaded a picture but it doesn't have a view source thing

👍: 0 ⏩: 1

Phlum In reply to Shadowdog101 [2011-02-26 12:28:28 +0000 UTC]

You have to upload it to somewhere like imageshack.us or your scraps on dA. Then you'll be able to view the source.

And also, you're probably better getting a new browser like Firefox or Google Chrome because Internet Explorer is the least secure of the lot. Plus, the other two are a lot faster I've found.

👍: 0 ⏩: 1

Shadowdog101 In reply to Phlum [2011-02-26 16:12:54 +0000 UTC]

I use firefox

👍: 0 ⏩: 0

Riiarei In reply to ??? [2011-02-15 00:02:43 +0000 UTC]

Is it possible to center the background image? Cause it keeps appearing off center and it's a little odd =/

👍: 0 ⏩: 0


<= Prev | | Next =>