Shop Mobile More Submit  Join Login
Custom Box Background Tutorial by DeathTripp Custom Box Background Tutorial by DeathTripp
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! :D).

------------------------------------------------------------------------

Next highlight the text between the inverted commas

src="HIGHLIGHT THIS TEXT"></body></html>

Like this - [link]

This is the URL you need to use! Now follow the rest of the steps in the tutorial! :D

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! :D <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" /></div></div><div class="gr-box">

THE STUFF IN YOUR CUSTOM BOX GOES HERE

</div>

-----------------------------------------------------------------------

(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)
Add a Comment:
 
:iconprofinethepilot:
ProfineThePilot Featured By Owner Jul 13, 2015  New Deviant Hobbyist General Artist
Works. NOTE: ONLY USE IT FOR CUSTOM BOXES, NOT DEVIANTIDS OR ANY OTHER SHIZ.
Reply
:icontoon-o-clock:
Toon-O-Clock Featured By Owner Jun 21, 2015  Hobbyist General Artist
Excuse me, every time I do this the code doesn't work. I've done everything correctly, and the custom background turns out fine for a while, but then it disappears for no reason. Is there something wrong with my server?
Reply
:iconxmidnightdaydreamsx:
xMidnightDayDreamsx Featured By Owner Jul 25, 2015  New Deviant Hobbyist General Artist
Probably not..
Try this: Custom Box Background Code Generator v1.9.2 (last) by NAkos

And you probably know where to find your background and stuff! c:
Reply
:iconyutendo8879:
Yutendo8879 Featured By Owner Jun 4, 2015  Hobbyist Filmographer
1,000th comment
Reply
:icongoldendragonart:
GoldenDragonART Featured By Owner Apr 7, 2015  Hobbyist Digital Artist
I think this would be a good help for mac users: 
When getting image URL, using safari, you have to click ctrl + mouse button, and then choose "Copy image address"  
Reply
:icontomopaii:
Tomopaii Featured By Owner Mar 14, 2015  Hobbyist Digital Artist
it worked for me but the writing that goes in the custom box doesnt show QAQ
Reply
:iconemralie:
Emralie Featured By Owner Feb 23, 2015  Hobbyist General Artist
IT WORKS~~~
Reply
:iconlisenti:
Lisenti Featured By Owner Feb 7, 2015  Hobbyist Digital Artist
The wallpaper on mine get's cut off..
Reply
:iconfluffyrockstar:
FluffyRockStar Featured By Owner Feb 2, 2015  Hobbyist Digital Artist
It didn't work
It just showed the image
But it didn't set it as the background
Reply
:icondjfireeagle:
Djfireeagle Featured By Owner Jun 18, 2015  Hobbyist Digital Artist
If you are copying the thumb nail it wouldn't work, make sure to look in the description and look for CODE and then copy your URL in there.
Reply
:iconfluffyrockstar:
FluffyRockStar Featured By Owner Jun 22, 2015  Hobbyist Digital Artist
I didn't copy the thumbnail, I posted the code. It didn't work.

But I don't really care much now cuz I don't even have a pm, and i'm happy with the way my profile looks.
But I'll try again when I get a get a pm again! ^^
Reply
:iconeaglefang9:
Eaglefang9 Featured By Owner Jan 31, 2015  Hobbyist General Artist
where do i get the custom code?
Reply
:iconderpy-kitties:
Derpy-Kitties Featured By Owner May 10, 2015  Student General Artist
In the description of the devastation above, copy and paste that on your custom box and copy the url of an image and paste it in the part where it says, "URL"
Reply
:iconintella:
Intella Featured By Owner Jan 25, 2015  Student Digital Artist
Thanks soo mucch~! It has taken me quiet a while too fine an exact tutorial! ~Huggles~ Yayoi Takatsuki + Mami Futami Emote - Hug 
Reply
:iconartemisaw:
Artemisaw Featured By Owner Jan 23, 2015  Student General Artist
Yay! This helped a lot!!
Thank you!
Reply
:iconianakitten73:
ianakitten73 Featured By Owner Jan 9, 2015  Student Traditional Artist
YESSSSSSS!!!!!~~~~
FINALLY! 
Something that is easy to follow!!!!
Reply
:iconorigami-mad:
Origami-Mad Featured By Owner Jan 6, 2015
Ah! This is the only one that has worked for me! Thank you so much! :huggle:
Reply
:iconxxtakaalivexx:
xXTakaAliveXx Featured By Owner Jan 5, 2015  Student Filmographer
This has been the only one that works for me, THANK YOU!! Now does anyone know the codes for the OTHER boxes because that would be fantastic if you'd share!! >w<
Reply
:iconoutslde:
OUTSlDE Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
MAN I JUST WAS ASKING THE SAME QUESTIONS, THE CODE WORKS FOR MOST OF THEM
Reply
:iconxxtakaalivexx:
xXTakaAliveXx Featured By Owner Jan 30, 2015  Student Filmographer
AHH THANK YOU SO MUCHH
Reply
:iconoutslde:
OUTSlDE Featured By Owner Jan 30, 2015  Hobbyist Digital Artist
yeeee
Reply
:iconxxtakaalivexx:
xXTakaAliveXx Featured By Owner Jan 31, 2015  Student Filmographer
yeeeeeeee
Reply
:iconstazgaskarth:
StazGaskarth Featured By Owner Jan 4, 2015  Hobbyist Digital Artist
works fine but it always cut off. some fits nicely but when i have more images (custom box lengthens) and the bg cuts off again =_=
Reply
:icondragonofdistruction:
DragonOfDistruction Featured By Owner Jan 1, 2015  Professional Artist
IT'S NOT WORKING, WHENEVER I COPY THE BACKGROUND IMAGE URL AND PASTE IT INTO MY CUSTOM BOX, NOTHING HAPPENS BUT A LINK IS WRITTEN ON MY CUSTOM BOX, IS THERE'S SOMETHING WRONG?
Reply
:icontoontastic-m:
Toontastic-M Featured By Owner Jan 1, 2015  Hobbyist General Artist
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></div>< div class="gr-box"> (remove the space after < at the very end)
Reply
Hidden by Commenter
:icontoontastic-m:
Toontastic-M Featured By Owner Dec 30, 2014  Hobbyist General Artist
If you want, I can help you. :v
Reply
:icondragonofdistruction:
DragonOfDistruction Featured By Owner Jan 1, 2015  Professional Artist
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
Reply
:iconkingsynn2225:
KingSynn2225 Featured By Owner Dec 29, 2014  Hobbyist General Artist
Very helpful thanks!!!
Reply
:iconebonysnow234:
ebonysnow234 Featured By Owner Dec 28, 2014  Hobbyist Traditional Artist
Thank you! This was very helpful :D
Reply
:iconoutflowislandart:
OutflowIslandArt Featured By Owner Dec 24, 2014  Hobbyist Traditional Artist
I know that this may be a really stupid question, but I was just wondering how do you upload something to Scraps?
Reply
:iconwarm-vibe:
Warm-Vibe Featured By Owner Dec 24, 2014
When submitting (or editing) deviation, under "Select Category" there will be one tab labeled "My Scrapbook."  Click that.
Reply
:iconoutflowislandart:
OutflowIslandArt Featured By Owner Dec 25, 2014  Hobbyist Traditional Artist
Okay, thanks!
Reply
:icondoggieartist:
doggieartist Featured By Owner Dec 17, 2014  Hobbyist Digital Artist
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?
Reply
:iconlittle-bunnii:
Little-Bunnii Featured By Owner Dec 18, 2014  Student Digital Artist
yes
Reply
:icondoggieartist:
doggieartist Featured By Owner Dec 18, 2014  Hobbyist Digital Artist
Ok, thank you.
Reply
:iconlittle-bunnii:
Little-Bunnii Featured By Owner Dec 18, 2014  Student Digital Artist
welcome ^^
Reply
:icondesskuro:
DessKuro Featured By Owner Dec 9, 2014
Thank you :,D 
Reply
:icontechno-kittenn:
techno-kittenn Featured By Owner Dec 4, 2014  Hobbyist Digital Artist
THANKYOU!
Reply
:iconsilverneko1:
SilverNeko1 Featured By Owner Nov 28, 2014  Hobbyist Digital Artist
I use Google Chrome. I did what you told me, and it doesn't work.
Reply
:iconscreamingcats:
Screamingcats Featured By Owner Nov 19, 2014  Hobbyist Digital Artist
y groups custom box got err stretched
Reply
:iconblazingdragonlord:
BlazingDragonLord Featured By Owner Oct 7, 2014  Student General Artist
Thanks!
Reply
:iconanymalfoy:
AnyMalfoy Featured By Owner Edited Oct 5, 2014  Hobbyist General Artist
THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Are You Happy 
Reply
:iconsaiiingaway:
saiIingaway Featured By Owner Oct 3, 2014  Hobbyist Digital Artist
Thanks soooooo much!!! :D
Reply
:icondoritossssssssssssss:
Doritossssssssssssss Featured By Owner Sep 20, 2014  Hobbyist Digital Artist
it won't work
Reply
:iconanymalfoy:
AnyMalfoy Featured By Owner Edited Oct 5, 2014  Hobbyist General Artist
Try to copy-paste the code. It worked for me ... ;) 
Reply
:icondoritossssssssssssss:
Doritossssssssssssss Featured By Owner Oct 5, 2014  Hobbyist Digital Artist
I did :c 
Reply
:iconanymalfoy:
AnyMalfoy Featured By Owner Oct 5, 2014  Hobbyist General Artist
Oh ... Then, I don't know what can possibly be wrong :( ... Sorry. Just trying to help.
Reply
:iconxxannaandelsaxx:
xxannaandelsaxx Featured By Owner Jul 11, 2014  Hobbyist General Artist
Could someone please tell me how you duplicate your design? Thank you~~
Reply
Add a Comment:
 
×
Download PNG 1366 × 1167




Details

Submitted on
January 28, 2010
Image Size
515 KB
Resolution
1366×1167
Thumb

Stats

Views
128,874 (19 today)
Favourites
5,109 (who?)
Comments
1,005
Downloads
1,359
×