HOME | DD

DeathTripp — Custom Box Background Tutorial

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

x0xpurpleeonbearx0x In reply to ??? [2011-12-22 20:01:21 +0000 UTC]

nisfsdh! Oh! Nice to meet you >xD

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-22 20:04:45 +0000 UTC]

Same































---

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-22 20:08:09 +0000 UTC]

xD I was looking for the reply button >xD Lol.

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-22 20:10:35 +0000 UTC]

LOLOLOL

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-22 20:18:15 +0000 UTC]

;-; Made me feel stupid xD

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-22 20:21:49 +0000 UTC]

Tehee

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-23 01:50:11 +0000 UTC]

xD ;-; meanie

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-23 08:49:33 +0000 UTC]

FOREVEEEER!

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-23 21:44:55 +0000 UTC]

#Forever alone

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-24 09:28:43 +0000 UTC]

Me too :/


-----TOGETHER ALONE?

👍: 0 ⏩: 1

x0xpurpleeonbearx0x In reply to MiinaTheNinja [2011-12-24 09:47:08 +0000 UTC]

YESH ;w;
<3

👍: 0 ⏩: 1

MiinaTheNinja In reply to x0xpurpleeonbearx0x [2011-12-25 14:11:18 +0000 UTC]

Yeees

👍: 0 ⏩: 0

FallenCoconut In reply to ??? [2011-11-18 23:44:55 +0000 UTC]

When you made your background how did you get the image to repeat?

👍: 0 ⏩: 1

DeathTripp In reply to FallenCoconut [2012-01-13 16:47:48 +0000 UTC]

I did all that in photoshop...the background is one large image...not one tile.

👍: 0 ⏩: 1

FallenCoconut In reply to DeathTripp [2012-01-13 23:23:06 +0000 UTC]

O crap XD
Do you know how to make a repeating? I do not have that much patience X3

👍: 0 ⏩: 1

DeathTripp In reply to FallenCoconut [2012-01-14 17:28:27 +0000 UTC]

I don't sorry...I just used photoshop for mine...just made one row by copying and pasting the tiles I made...then merged the layers together and copied the whole row and pasted it until I got a 1000x1600 picture.

👍: 0 ⏩: 0

Szynszylowa-Mamba In reply to ??? [2011-11-09 17:02:00 +0000 UTC]

Yay. I was looking for it and it is good.
Thanks, this is very helpful <3

👍: 0 ⏩: 0

VSasha In reply to ??? [2011-10-17 05:12:25 +0000 UTC]

thanks for the tutorial! this was really helpful! >w<

👍: 0 ⏩: 0

Diskool97 In reply to ??? [2011-10-13 00:38:16 +0000 UTC]

What is the top code? and where do you get it?

👍: 0 ⏩: 0

Arichy In reply to ??? [2011-10-12 12:13:38 +0000 UTC]

this work forever have been featured on my Page
Custom box "Information"

👍: 0 ⏩: 1

DeathTripp In reply to Arichy [2011-11-18 12:12:43 +0000 UTC]

wow thank you! I hope to make an updated version soon!

👍: 0 ⏩: 1

Arichy In reply to DeathTripp [2011-11-18 12:55:04 +0000 UTC]

awesome

👍: 0 ⏩: 0

DestatiDreamXIII In reply to ??? [2011-10-05 04:26:07 +0000 UTC]

Will this work for someone who doesn't have a Premium Membership?

👍: 0 ⏩: 1

DeathTripp In reply to DestatiDreamXIII [2011-10-05 09:23:48 +0000 UTC]

unfortunately no. sorry ):

👍: 0 ⏩: 1

DestatiDreamXIII In reply to DeathTripp [2011-10-06 21:42:04 +0000 UTC]

Oh okay...thanks for clearing that up for me ^^

👍: 0 ⏩: 0

silvershadowhdgehog In reply to ??? [2011-10-03 02:50:25 +0000 UTC]

this helped a bunch! thanks!! and just a quick tip, i use google chrome, and to copy the correct url, you have to download, then right click the image, and copy the url. that gave me quite a bit of trouble. ^^

👍: 0 ⏩: 1

DeathTripp In reply to silvershadowhdgehog [2011-11-18 12:18:01 +0000 UTC]

no problem! and thanks for the info about google chrome! I added it to the tutorial and gave you credit! <3

👍: 0 ⏩: 1

silvershadowhdgehog In reply to DeathTripp [2011-11-19 18:18:43 +0000 UTC]

:> you're welcome! ^^ glad i could help :]

👍: 0 ⏩: 0

SapphiresFlame In reply to ??? [2011-09-24 00:30:43 +0000 UTC]

doesnt work with me T-T

👍: 0 ⏩: 1

DeathTripp In reply to SapphiresFlame [2011-09-26 10:38:22 +0000 UTC]

I think your background needs to be wider?

👍: 0 ⏩: 1

SapphiresFlame In reply to DeathTripp [2011-09-26 23:30:07 +0000 UTC]

forget it x3 it's ok now hihi x3

👍: 0 ⏩: 0

awash2002 In reply to ??? [2011-09-20 09:37:23 +0000 UTC]

Awesome tutorial but I have a question I'm using one of my FSX screen shots that is 1920X1080 what do I do to get the whole screen shot to show?

👍: 0 ⏩: 1

DeathTripp In reply to awash2002 [2011-09-26 10:38:00 +0000 UTC]

you will have to resize the screenshot as deviantart won't resize it for you. You have to do it manually in photoshop or another program. Sorry.

👍: 0 ⏩: 1

awash2002 In reply to DeathTripp [2011-09-26 13:47:12 +0000 UTC]

OK

👍: 0 ⏩: 0

Sadimami In reply to ??? [2011-09-18 18:38:49 +0000 UTC]

how do you write?

👍: 0 ⏩: 0

geralddedios In reply to ??? [2011-09-13 08:26:35 +0000 UTC]

Great tutorial, cheers!

👍: 0 ⏩: 0

Blackwolfpaw In reply to ??? [2011-09-11 19:51:31 +0000 UTC]

thanks for this, helped me a lot

👍: 0 ⏩: 0

HeatherTrelawney In reply to ??? [2011-08-28 10:54:01 +0000 UTC]

Hmm....I've tested, it works for all manner of boxes on one's page however, [link] if you see my first box on the page, you'll see the picture can't be clicked on and can't be seen as clearly as it used to be. What should I do?

👍: 0 ⏩: 0

Fraise-Bonbon In reply to ??? [2011-08-25 12:41:29 +0000 UTC]

thanks so much this is very clear .. the background was there but then everything else disappeared! .. what should I do?

👍: 0 ⏩: 0

Jei-Dinofelini In reply to ??? [2011-08-24 23:28:07 +0000 UTC]

anyways this tutorial helped me alot!

👍: 0 ⏩: 0

Jei-Dinofelini In reply to ??? [2011-08-24 23:27:53 +0000 UTC]

okay... i did this for my Id and my ID image disappeared... can someone note me the code for the ID so the image is visible??? thanx!

👍: 0 ⏩: 1

DeathTripp In reply to Jei-Dinofelini [2011-09-26 10:33:57 +0000 UTC]

unfortunately I don't know the code to make the custom backrgound go behind the ID. I don't even know if you can do that! Sorry ):

👍: 0 ⏩: 0

riccassley In reply to ??? [2011-08-23 05:48:35 +0000 UTC]

This is helpful.

👍: 0 ⏩: 0

BANGDK In reply to ??? [2011-08-21 18:46:50 +0000 UTC]

Nice and simple, thanks!

👍: 0 ⏩: 0

Neon-Wolf-x3 In reply to ??? [2011-08-15 21:22:20 +0000 UTC]

ty THIS helped me a BUNCH :3

👍: 0 ⏩: 0

BonesOfDarkRelms In reply to ??? [2011-08-11 17:48:02 +0000 UTC]

I can't download it

👍: 0 ⏩: 1

DeathTripp In reply to BonesOfDarkRelms [2011-09-26 10:35:54 +0000 UTC]

When you upload your custom background as a deviation make sure you enable it for download. By ticking the box that says "enable full size download". Then when you go to the deviation page click "download deviation" to the right of it. Then when the window loads right click on the image and click "view image". It should then refresh again and the URL that you need should be at the top. I hope this helps!

👍: 0 ⏩: 0

constantlyBuzzing In reply to ??? [2011-08-11 05:23:08 +0000 UTC]

Thank you!! <3

👍: 0 ⏩: 0

LittleTwiglet In reply to ??? [2011-08-10 17:28:51 +0000 UTC]

Thanks this was extremely helpful

👍: 0 ⏩: 0

Kyas-Essex In reply to ??? [2011-08-07 02:35:35 +0000 UTC]

Thank u so much for making this tutorial. God send!

👍: 0 ⏩: 0


<= Prev | | Next =>