HOME | DD

DeathTripp — Custom Box Background Tutorial

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

wugglyump In reply to ??? [2010-06-26 15:14:10 +0000 UTC]

found it
thxxx

👍: 0 ⏩: 1

DeathTripp In reply to wugglyump [2010-06-26 17:59:06 +0000 UTC]

cool! your welcome! <3

👍: 0 ⏩: 0

Patt-Ytto In reply to ??? [2010-06-22 05:58:10 +0000 UTC]

Hay i tried this, but the font color is crap, how can i change it to white instead of green?

👍: 0 ⏩: 1

DeathTripp In reply to Patt-Ytto [2010-06-22 21:47:15 +0000 UTC]

I'm sorry...I'm not really sure what the code for font colour is...If you check here --> [link] should help you with all the different codes that are usable in your custom boxes and else where on your profile page!

👍: 0 ⏩: 0

wisekidk In reply to ??? [2010-06-22 04:22:34 +0000 UTC]

I had a lot of fun sabotaging my page with this Imma keep it that way until my sub runs out

👍: 0 ⏩: 1

DeathTripp In reply to wisekidk [2010-06-22 21:47:26 +0000 UTC]

haha cool! looks awesome!

👍: 0 ⏩: 0

sooper-wolfeh-starr In reply to ??? [2010-06-19 16:17:25 +0000 UTC]

umm wat do i do wen it covers my pictures??

👍: 0 ⏩: 1

DeathTripp In reply to sooper-wolfeh-starr [2010-06-19 16:34:26 +0000 UTC]

if its covering anything up that means you've put it in a featured deviation box rather than a custom box and this code doesn't work for featured deviation boxes unfortunately...you need a different code and I don't know what that is yet...sorry D:

👍: 0 ⏩: 1

sooper-wolfeh-starr In reply to DeathTripp [2010-06-19 16:56:46 +0000 UTC]

oh lol k XD ty^^

👍: 0 ⏩: 0

Cokealoka In reply to ??? [2010-06-19 07:04:16 +0000 UTC]

Did I do something wrong? It didn't work for me. :C

👍: 0 ⏩: 1

DeathTripp In reply to Cokealoka [2010-06-19 16:03:28 +0000 UTC]

It may be that you need to try a different method at getting the URL for the image...because Deviantart has changed recently...its changed some other things aswell...I'll have to update this tutorial at some point when I get some time....in the meantime try this method...

go to the picture in your scraps and click the "download image" button to the right of your picture. Another box will pop up with your image in full size. Now right click on the image in that box that popped up and click on "view image"....the page should reload and the URL code that you need should now be in the address bar at the top! I hope that makes sense and helps!! Let me know if you need anything else <3

👍: 0 ⏩: 1

Cokealoka In reply to DeathTripp [2010-06-19 18:09:41 +0000 UTC]

Thank you!! <3

👍: 0 ⏩: 0

SCKaNoN In reply to ??? [2010-06-16 23:36:39 +0000 UTC]

wow cool!
thank you so much for this tutorial
may i ask a question btw? see when you download a picture for your custom BG and then upload it onto your scraps uhmm where's the code for it? i don't know where it is... i tried the addres url but it seemed wrong

👍: 0 ⏩: 1

DeathTripp In reply to SCKaNoN [2010-06-18 14:25:48 +0000 UTC]

your welcome! ^^

since DA have changed to the new layout its changed everything else slightly...in order to get the code for your picture go to the picture in your scraps and click the "download image" button to the right of your picture. Another box will pop up with your image in full size. Now right click on the image in that box that popped up and click on "view image"....the page should reload and the URL code that you need should now be in the address bar at the top! I hope that makes sense and helps!! Let me know if you need anything else <3

👍: 0 ⏩: 1

SCKaNoN In reply to DeathTripp [2010-06-18 17:13:44 +0000 UTC]

owah >o< I see ~~
thank you so much~~

👍: 0 ⏩: 1

DeathTripp In reply to SCKaNoN [2010-06-22 22:03:16 +0000 UTC]

your welcome! <3

👍: 0 ⏩: 0

Pixelmari In reply to ??? [2010-06-16 22:14:31 +0000 UTC]

TX SO MUCH!!!!!!!!!!!!!!!!!!!!!!


Do you know how to do the "gallery Folders" code like this:
[link]

👍: 0 ⏩: 1

DeathTripp In reply to Pixelmari [2010-06-18 14:32:26 +0000 UTC]

your welcome! <3

aww, wow that person's gallery layout looks awesome...but unfortunately I have no Idea how to do that...I'll try to look into it though...but it may take me a while....sorry ><

👍: 0 ⏩: 1

Pixelmari In reply to DeathTripp [2010-06-18 22:14:41 +0000 UTC]

np

👍: 0 ⏩: 0

Subtle-Insecurities In reply to ??? [2010-06-16 20:29:32 +0000 UTC]

This was mega helpful thank you Gonna try it tomorrow when I have more time

👍: 0 ⏩: 1

DeathTripp In reply to Subtle-Insecurities [2010-06-18 14:26:47 +0000 UTC]

your welcome! let me know if you have any questions! Good luck! <3

👍: 0 ⏩: 0

Sandstar123 In reply to ??? [2010-06-16 02:15:28 +0000 UTC]

when i found this, i was sooo happy, but when i put it in my Custom Box, it doesnt work. D:
And i tried it multiple times, with different images too.
Any ideas? =S

👍: 0 ⏩: 1

DeathTripp In reply to Sandstar123 [2010-06-18 14:26:26 +0000 UTC]

It may be that you need to try the new way of getting the right image URL...

since DA have changed to the new layout its changed everything else slightly...in order to get the code for your picture go to the picture in your scraps and click the "download image" button to the right of your picture. Another box will pop up with your image in full size. Now right click on the image in that box that popped up and click on "view image"....the page should reload and the URL code that you need should now be in the address bar at the top! I hope that makes sense and helps!! Let me know if you need anything else <3

👍: 0 ⏩: 1

Sandstar123 In reply to DeathTripp [2010-06-18 23:19:12 +0000 UTC]

oaky, thanks so much! ill try that. (:

👍: 0 ⏩: 0

RowanHM In reply to ??? [2010-06-14 12:43:30 +0000 UTC]

ive started making mine
im just wondering;
1. does animation work?
2. on wider screens the custom box is wider, rite?
3. does it work in dA ID's?

👍: 0 ⏩: 1

DeathTripp In reply to RowanHM [2010-06-15 20:55:31 +0000 UTC]

OwO uhm not sure about animation...it's a posibility...if you upload the file in the same process but just as a gif it should work!
2. uhm...It might be wider...but the sizes in the tutorial should be safe for the majority of screen sizes because it's quite a bit bigger than the custom boxes in both width and length.
3. I'm not sure about ID's...this particular code doesn't work behind featured deviation boxes and so I don't think it would work behind an ID...to do that you need an extra code in there somewhere and I am unsure what it is...I've been searching for it myself for a while now with no luck.

I'm sorry If I was of no help! D:

👍: 0 ⏩: 0

aaronsappy In reply to ??? [2010-06-14 00:58:56 +0000 UTC]

Thanks for posting this!!! I was really grateful, especially after Commander Luminaire deactivated his account.

👍: 0 ⏩: 1

DeathTripp In reply to aaronsappy [2010-06-15 20:55:45 +0000 UTC]

aww your welcome :3

👍: 0 ⏩: 0

RowanHM In reply to ??? [2010-06-13 14:28:20 +0000 UTC]

very usefukl, im gonna give it a go soon
is there anyway to create a header and a footer image aswell?

👍: 0 ⏩: 1

DeathTripp In reply to RowanHM [2010-06-13 14:47:24 +0000 UTC]

cool! Good luck with it!

hmm, I'm not too sure about that...I'm not quite sure what you mean either...do you mean for your journal? or a custom box?

👍: 0 ⏩: 1

RowanHM In reply to DeathTripp [2010-06-13 16:26:36 +0000 UTC]

like `DEVlANT
always with montains at the bottom...

👍: 0 ⏩: 1

DeathTripp In reply to RowanHM [2010-06-13 16:42:35 +0000 UTC]

oh I see...I'm sorry TAT I have no idea how they did the code for that! >< you can try looking at the page's "source" and try to work out which part it is that you need to use...but it might take a while ><

👍: 0 ⏩: 1

RowanHM In reply to DeathTripp [2010-06-14 01:41:19 +0000 UTC]

i tried looking at the source, it woz way to complicated

👍: 0 ⏩: 1

DeathTripp In reply to RowanHM [2010-06-15 20:58:57 +0000 UTC]

aww I'm sorry >< I'm really not that very good a codes...that why I made a super simple pretty much do it for you tutorial...because I know I myself would find those types of tutorials very helpful LMAO

👍: 0 ⏩: 0

xXFireFoxGirlXx In reply to ??? [2010-06-12 02:06:04 +0000 UTC]

Heyheyhey, is it possible to change the font in the box, or is it a longshot?

👍: 0 ⏩: 1

DeathTripp In reply to xXFireFoxGirlXx [2010-06-13 14:50:02 +0000 UTC]

there is a html/css code to change the font...if you go here --> [link] it should have all the font codes available for you to use straight away! <3 I hope that helps! ^^

👍: 0 ⏩: 0

xXFireFoxGirlXx In reply to ??? [2010-06-12 01:07:52 +0000 UTC]

; ; Commander-Luminaire deleted his account...

Probably because dA wouldn't take away his `..

👍: 0 ⏩: 2

DeathTripp In reply to xXFireFoxGirlXx [2010-06-13 14:50:27 +0000 UTC]

OAO omg really? why's that? what does the ` mean anyway? ><

👍: 0 ⏩: 1

xXFireFoxGirlXx In reply to DeathTripp [2010-06-13 15:04:29 +0000 UTC]

His name was `Commander-Luminaire, cuz he was a senior member. Being a senior member on dA gets you rights to some subscription things without actually having one, it means dA has recognized you for something, like being helpful and just an outstanding deviant, and appreciates you as a member.
Commander-Luminaire kind of began to hate that he got the attention he got just for having a `, cuz he wanted everyone to know he was just another member of dA and nothing special.
He sent a note to dA asking to have it removed, and a few days later he was gone. D;
I'm sure he's on here somewhere, but I haven't met anybody who knows where. ;3;

👍: 0 ⏩: 1

DeathTripp In reply to xXFireFoxGirlXx [2010-06-15 20:59:42 +0000 UTC]

wow, poor guy TAT

I'm sorry...I have no idea where he could be either D: <3

👍: 0 ⏩: 0

RowanHM In reply to xXFireFoxGirlXx [2010-06-13 14:33:16 +0000 UTC]

y didnt he want the ' ????
I WANT ONE! lol

👍: 0 ⏩: 0

LittleKai In reply to ??? [2010-06-03 20:43:55 +0000 UTC]

Thank god I finally found this tutorial! Thank you so much for creating it.

👍: 0 ⏩: 1

DeathTripp In reply to LittleKai [2010-06-03 21:00:10 +0000 UTC]

haha...your welcome! <3

👍: 0 ⏩: 0

chi-u In reply to ??? [2010-05-31 23:33:18 +0000 UTC]

I tried eet on my featured deviation box buuut it covered up my deviation is there a way to fix this? ^.^

👍: 0 ⏩: 2

DeathTripp In reply to chi-u [2010-06-01 09:08:55 +0000 UTC]

unfortunately...it wont work on featured deviation boxes D: sorry...I tried that too! >A<

👍: 0 ⏩: 1

chi-u In reply to DeathTripp [2010-06-01 23:19:50 +0000 UTC]

Aww ok thats fine ^^ Thanks anyway :3

👍: 0 ⏩: 0

Sturx In reply to chi-u [2010-06-01 01:59:47 +0000 UTC]

ya I was wondering the same thing

👍: 0 ⏩: 1

chi-u In reply to Sturx [2010-06-01 02:11:05 +0000 UTC]

Yeah lets hope it can be fixed

👍: 0 ⏩: 0

Cybastien In reply to ??? [2010-05-30 11:48:50 +0000 UTC]

???

👍: 0 ⏩: 0

CheekyNana In reply to ??? [2010-05-23 09:28:53 +0000 UTC]

This is awesome thanks! Btw, is there a way to set the width dimension of your background image, 'cause I made mine 1000px wide, and it's waaaay too big... Fantastic tutorial though!

👍: 0 ⏩: 1


<= Prev | | Next =>