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

G0THlC-PASTEL In reply to ??? [2015-01-01 19:57:36 +0000 UTC]

Did you look in the description for the code?

If you see "THE CODE" listed in the description, that's where it should be.
Β 
<div class="popup2-moremenu"><div class="floaty-boat"><img src="IMAGE URL GOES HERE" />>>< div class="gr-box"> (remove the space after < at the very end)

πŸ‘: 0 ⏩: 0

ToC-Archives [2014-12-30 20:59:58 +0000 UTC]

Hidden by Commenter

πŸ‘: 0 ⏩: 1

G0THlC-PASTEL In reply to ToC-Archives [2014-12-30 21:15:51 +0000 UTC]

If you want, I can help you. :v

πŸ‘: 0 ⏩: 1

DragonOfDistruction In reply to G0THlC-PASTEL [2015-01-01 19:54:26 +0000 UTC]

Would you please help me, buddy?
Whenever I copy the background image URL and paste it into my custom box, nothing changes, BUT A LINK IS WRITTEN.
How do I fix this problem?
This is the background link URL:Β Amelia Custom Box BG

πŸ‘: 0 ⏩: 0

AlaskanFalcon2225 [2014-12-29 21:45:17 +0000 UTC]

Very helpful thanks!!!

πŸ‘: 0 ⏩: 0

ebonysnow234 [2014-12-29 00:59:08 +0000 UTC]

Thank you! This was very helpful

πŸ‘: 0 ⏩: 0

OutflowIslandArt [2014-12-24 20:20:56 +0000 UTC]

I know that this may be a really stupid question, but I was just wondering how do you upload something to Scraps?

πŸ‘: 0 ⏩: 1

Warm-Vibe In reply to OutflowIslandArt [2014-12-25 05:30:50 +0000 UTC]

When submitting (or editing) deviation, under "Select Category" there will be one tab labeled "My Scrapbook." Β Click that.

πŸ‘: 0 ⏩: 1

OutflowIslandArt In reply to Warm-Vibe [2014-12-25 10:16:43 +0000 UTC]

Okay, thanks!

πŸ‘: 0 ⏩: 0

doggieartist [2014-12-18 02:57:26 +0000 UTC]

I'm going to ask a stupid question you have probably heard a million times before but, does this only work for deviants with premium membership?

πŸ‘: 0 ⏩: 1

Little-Bunnii In reply to doggieartist [2014-12-19 01:28:26 +0000 UTC]

yes

πŸ‘: 0 ⏩: 1

doggieartist In reply to Little-Bunnii [2014-12-19 01:48:52 +0000 UTC]

Ok, thank you.

πŸ‘: 0 ⏩: 1

Little-Bunnii In reply to doggieartist [2014-12-19 01:59:19 +0000 UTC]

welcome ^^

πŸ‘: 0 ⏩: 0

DessKuro [2014-12-10 02:45:33 +0000 UTC]

Thank you :,DΒ 

πŸ‘: 0 ⏩: 0

techno-kittenn [2014-12-05 02:57:27 +0000 UTC]

THANKYOU!

πŸ‘: 0 ⏩: 0

SilverNeko1 [2014-11-28 08:40:27 +0000 UTC]

I use Google Chrome. I did what you told me, and it doesn't work.

πŸ‘: 0 ⏩: 0

Screamingcats [2014-11-20 03:38:10 +0000 UTC]

y groups custom box got err stretched

πŸ‘: 0 ⏩: 0

BlazingDragonLord In reply to ??? [2014-10-07 22:41:55 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 0

HispanicWitch In reply to ??? [2014-10-05 16:46:26 +0000 UTC]

THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Β 

πŸ‘: 0 ⏩: 0

silentsailing In reply to ??? [2014-10-04 02:50:29 +0000 UTC]

Thanks soooooo much!!!

πŸ‘: 0 ⏩: 0

Chocolate--Cake In reply to ??? [2014-09-20 16:31:51 +0000 UTC]

it won't work

πŸ‘: 0 ⏩: 1

HispanicWitch In reply to Chocolate--Cake [2014-10-05 16:44:31 +0000 UTC]

Try to copy-paste the code. It worked for me ... Β 

πŸ‘: 0 ⏩: 1

Chocolate--Cake In reply to HispanicWitch [2014-10-05 17:14:26 +0000 UTC]

I did :cΒ 

πŸ‘: 0 ⏩: 1

HispanicWitch In reply to Chocolate--Cake [2014-10-05 17:26:50 +0000 UTC]

Oh ... Then, I don't know what can possibly be wrong ... Sorry. Just trying to help.

πŸ‘: 0 ⏩: 0

xxannaandelsaxx In reply to ??? [2014-07-12 01:28:15 +0000 UTC]

Could someone please tell me how you duplicate your design? Thank you~~

πŸ‘: 0 ⏩: 0

RedTheCookie [2014-06-21 18:47:36 +0000 UTC]

i tried but nice try though )

πŸ‘: 0 ⏩: 0

NestieBot [2014-06-20 10:11:58 +0000 UTC]

daleks; why is it not working on mine? EXPLANE EXPLANE EXPLAAAAAAAAAAAAAAAAAAAANE!

πŸ‘: 0 ⏩: 0

RydeArt In reply to ??? [2014-06-15 04:57:57 +0000 UTC]

This is the only one that has worked for me so far... Thank you so much!

πŸ‘: 0 ⏩: 0

Whaleybby In reply to ??? [2014-05-26 23:30:59 +0000 UTC]

Thanks!

πŸ‘: 0 ⏩: 0

hydroxonium [2014-05-24 13:20:35 +0000 UTC]

It doesn't work for me..Β  ;-;

πŸ‘: 0 ⏩: 0

KingSchnitzel [2014-05-07 18:12:07 +0000 UTC]

It works, but when i put things into the box it doesn't work, only the custom box is there.

So maybe this doesnt work at all.

πŸ‘: 0 ⏩: 0

LizzyAlyssa [2014-04-07 20:35:28 +0000 UTC]

not working

πŸ‘: 0 ⏩: 0

Rickienon [2014-04-07 13:56:48 +0000 UTC]

It doesnt' work.

πŸ‘: 0 ⏩: 3

sugomon In reply to Rickienon [2014-04-09 12:37:35 +0000 UTC]

It's because you need a Premium Membership.

πŸ‘: 0 ⏩: 1

Rickienon In reply to sugomon [2014-04-09 13:33:43 +0000 UTC]

gerizekalı geçen günden bahsediyorum 7 nisanda herkesee beleş pre verilmişti at kafası beynine soktuğum

πŸ‘: 0 ⏩: 1

sugomon In reply to Rickienon [2014-04-09 14:10:47 +0000 UTC]

GΓΌzel TΓΌrkΓ§e.

πŸ‘: 0 ⏩: 1

Rickienon In reply to sugomon [2014-04-09 14:34:20 +0000 UTC]

don't use shitty translate

πŸ‘: 0 ⏩: 1

sugomon In reply to Rickienon [2014-04-09 15:19:40 +0000 UTC]

Ben âyle olduğunu biliyorum ama ne ben değilim~

πŸ‘: 0 ⏩: 1

Rickienon In reply to sugomon [2014-04-09 15:39:29 +0000 UTC]

shit translate

konuşma amk

πŸ‘: 0 ⏩: 1

sugomon In reply to Rickienon [2014-04-09 15:58:31 +0000 UTC]

η§γ―ε…ˆθΌ©γ€γ‚γͺγŸγ‚’ζ„›γ—γ¦γ„γΎγ™γ€‚
η§γ―ε…ˆθΌ©γ«ζ°—γ₯く。

πŸ‘: 0 ⏩: 1

Rickienon In reply to sugomon [2014-04-09 16:58:31 +0000 UTC]

amin cnm yhaa

πŸ‘: 0 ⏩: 1

sugomon In reply to Rickienon [2014-04-09 17:25:14 +0000 UTC]

mesedez, ez jan dit
mesedez

πŸ‘: 0 ⏩: 0

CadenceWolf2443 In reply to Rickienon [2014-04-08 02:01:49 +0000 UTC]

Yes it does, you just aren't doing it right.

πŸ‘: 0 ⏩: 1

Rickienon In reply to CadenceWolf2443 [2014-04-08 19:04:50 +0000 UTC]

afferim cnm iyi b0k yedin

πŸ‘: 0 ⏩: 0

LizzyAlyssa In reply to Rickienon [2014-04-07 20:35:40 +0000 UTC]

I agree it doesnt work

πŸ‘: 0 ⏩: 1

seimi-chan In reply to LizzyAlyssa [2014-08-28 19:50:14 +0000 UTC]

why whats wrong

πŸ‘: 0 ⏩: 0

Nerdyoulon In reply to ??? [2014-03-30 16:34:05 +0000 UTC]

This has been very helpful thanks man!

πŸ‘: 0 ⏩: 0

TheEvergreenShadow In reply to ??? [2014-03-16 03:34:19 +0000 UTC]

I'm so sorry to bug (cuz I'm sure I'm not the first to do this), but would you mind looking at my code?

sta.sh/2wmg5p4bzll

I thought I did exactly as you said, but for some reason the background does not show up. Is it something I did?

πŸ‘: 0 ⏩: 2

Miss-Mutated-Mango In reply to TheEvergreenShadow [2014-04-14 19:33:37 +0000 UTC]

How did you figure it out? I've been having the same problem.

πŸ‘: 0 ⏩: 1

TheEvergreenShadow In reply to Miss-Mutated-Mango [2014-04-14 21:42:32 +0000 UTC]

Ah, I just switched to the old code that required stars:

<*div class="popup2-moremenu"><*div class="floaty-boat"><*img src="URL HERE"><*div class="gr-box gr-genericbox" align="center">

<*/div><*/div>

Take out the stars and replace the words within the quotes from "URL HERE" to the URL of your image. My PM expired, so unfortunately I don't have access to the exact code I used (it took a lot of experimenting before I got it right) so if what I gave you does not work, let me know and I'll keep trying to jostle my memory until I get it right

πŸ‘: 0 ⏩: 3


| Next =>