HOME | DD

DeathTripp — Custom Box Background Tutorial

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

DeathTripp In reply to ??? [2010-08-07 12:15:41 +0000 UTC]

your welcome! let me know if you need any help with it ^^ <3

👍: 0 ⏩: 1

myuutsuCMCE In reply to DeathTripp [2010-08-07 13:41:28 +0000 UTC]

!! XD
Um... I wonder if I could ask you something. I hope you don't get mad

👍: 0 ⏩: 1

DeathTripp In reply to myuutsuCMCE [2010-08-07 13:57:53 +0000 UTC]

yeah sure! ^^

👍: 0 ⏩: 1

myuutsuCMCE In reply to DeathTripp [2010-08-07 14:32:30 +0000 UTC]

Do you know who would be interested in this: [link] please, is very important. Maybe you'd like to give us a hand? : )
And I'm willing to do a free art to the ones who ask an art from her. [link]

My apologizes in advance for the inconvenience. *hugs*

👍: 0 ⏩: 1

DeathTripp In reply to myuutsuCMCE [2010-08-09 12:45:45 +0000 UTC]

I will try my best to spread the word for you! <3

👍: 0 ⏩: 1

myuutsuCMCE In reply to DeathTripp [2010-08-09 23:00:49 +0000 UTC]

Thank you!

👍: 0 ⏩: 0

Sorasha In reply to ??? [2010-08-03 20:09:56 +0000 UTC]

Thanks for this!

👍: 0 ⏩: 1

DeathTripp In reply to Sorasha [2010-08-03 21:56:46 +0000 UTC]

your welcome! <3

👍: 0 ⏩: 1

Sorasha In reply to DeathTripp [2010-08-03 22:22:42 +0000 UTC]

^____^ Btw I really love your 2D cosplay! He's my favorite!

👍: 0 ⏩: 1

DeathTripp In reply to Sorasha [2010-08-04 09:11:06 +0000 UTC]

aww thank you! >w< <3

👍: 0 ⏩: 0

Trixiath In reply to ??? [2010-08-02 21:52:28 +0000 UTC]

Thank you so much for this!

👍: 0 ⏩: 1

DeathTripp In reply to Trixiath [2010-08-03 21:56:56 +0000 UTC]

your welcome! <3

👍: 0 ⏩: 0

lorain05 In reply to ??? [2010-07-31 06:15:05 +0000 UTC]

hello! i have featured this tutorial in my profile ^_^ [link]

👍: 0 ⏩: 1

DeathTripp In reply to lorain05 [2010-07-31 13:43:24 +0000 UTC]

wow thank you so much! I really appreciate it! ^^ <3

👍: 0 ⏩: 1

lorain05 In reply to DeathTripp [2010-08-04 12:01:09 +0000 UTC]

you're welcome!

👍: 0 ⏩: 0

Hawkheart1 In reply to ??? [2010-07-23 21:10:36 +0000 UTC]

That's so much for making thisss So useful!

👍: 0 ⏩: 1

DeathTripp In reply to Hawkheart1 [2010-07-23 21:31:12 +0000 UTC]

aww your welcome!! >w<

👍: 0 ⏩: 0

Momo-Pyon9 In reply to ??? [2010-07-22 21:19:52 +0000 UTC]

it didnt work, maybe i did it wrong... what is a ccs code, how do i do it?

👍: 0 ⏩: 1

DeathTripp In reply to Momo-Pyon9 [2010-07-23 21:32:58 +0000 UTC]

I should update it a little...DA has changed a few things...ok follow all the steps again up until you click download next to your uploaded picture...

click download...then when your picture loads....right click on the picture and click "View Image"....it should then pop up again in another window...the URL you need to use with the code should be in the bar at the top! I hope that helps...if it doesn't let me know <3

👍: 0 ⏩: 1

Momo-Pyon9 In reply to DeathTripp [2010-07-24 13:48:49 +0000 UTC]

It Works, Thanks A Ton :#

👍: 0 ⏩: 1

DeathTripp In reply to Momo-Pyon9 [2010-07-27 10:57:19 +0000 UTC]

^^ your welcome! Glad I could help!

👍: 0 ⏩: 0

thedoctor945 In reply to ??? [2010-07-21 02:51:38 +0000 UTC]

AWESOME!~ This helped me so much!

👍: 0 ⏩: 1

DeathTripp In reply to thedoctor945 [2010-07-21 17:34:32 +0000 UTC]

brilliant! glad I could help!

👍: 0 ⏩: 0

BooTheStrange In reply to ??? [2010-07-21 01:32:07 +0000 UTC]

Thank you very much for this tutorial!!! Now my page is purdyful.

👍: 0 ⏩: 1

DeathTripp In reply to BooTheStrange [2010-07-21 17:34:54 +0000 UTC]

your welcome! Yeah it looks awesome!

👍: 0 ⏩: 1

BooTheStrange In reply to DeathTripp [2010-07-22 16:37:45 +0000 UTC]

Thanks.

👍: 0 ⏩: 0

Grjon In reply to ??? [2010-07-20 23:50:01 +0000 UTC]

but i uploaded my bg, but the download url is not there, only about:blank :SS
help me TT3TT

👍: 0 ⏩: 1

DeathTripp In reply to Grjon [2010-07-21 17:36:25 +0000 UTC]

they have changed the way things work slightly since they updated...click the download button and then in the box that pops up....right click on the image and click "view image" it should pop up in another window...and you can use the URL at the top of that. ^^ I hope that helps...let me know if it doesn't

👍: 0 ⏩: 0

Mihane-San In reply to ??? [2010-07-10 11:43:07 +0000 UTC]

Thank you very much, this is really helpful!
Will try it out some time c;

👍: 0 ⏩: 1

DeathTripp In reply to Mihane-San [2010-07-13 16:31:12 +0000 UTC]

cool! I'm glad I could help! Good luck with it! <3

👍: 0 ⏩: 1

Mihane-San In reply to DeathTripp [2010-07-13 16:36:35 +0000 UTC]

Thank you <3 ;v;

👍: 0 ⏩: 0

lledra In reply to ??? [2010-07-07 12:50:40 +0000 UTC]

Oh wow, this is so cool!

👍: 0 ⏩: 1

DeathTripp In reply to lledra [2010-07-08 20:46:06 +0000 UTC]

>w< thank you! <3

👍: 0 ⏩: 0

rice-chex In reply to ??? [2010-07-06 22:17:37 +0000 UTC]

I think.... you just SAVED MY LIFE! oh how i hate css, I've been trying to figure it out, but curse it! Curse it all!

👍: 0 ⏩: 1

DeathTripp In reply to rice-chex [2010-07-08 20:46:27 +0000 UTC]

XD haha glad I could help! <3

👍: 0 ⏩: 0

QueenSquidlet In reply to ??? [2010-07-04 02:49:55 +0000 UTC]

ahhhhhhh so helpful!!
thank you!!

👍: 0 ⏩: 1

DeathTripp In reply to QueenSquidlet [2010-07-04 12:43:32 +0000 UTC]

your welcome!! glad I could help! <3 ^^

👍: 0 ⏩: 0

Kyasae-San In reply to ??? [2010-06-29 23:03:53 +0000 UTC]

;. ; i got rid of my custom box planning on redoing it and then commander luminaire went and deactivated his account. OTL
so now i have no html.

👍: 0 ⏩: 2

DeathTripp In reply to Kyasae-San [2010-07-04 12:44:49 +0000 UTC]

the html in the description above should help you for a custom box background...and you can go here too --> [link] someone with Commander Luminaire's permission has reposted all his work onto a backup account! <3

👍: 0 ⏩: 1

Kyasae-San In reply to DeathTripp [2010-07-04 16:20:50 +0000 UTC]

I did manage to find the html in the artists' notes xD /intelligent
I hadn't known that Commander Luminaire's stuff had been reposted, though! : -D That's great news <3
you don't happen to know why he deactivated his account, do you?

👍: 0 ⏩: 1

DeathTripp In reply to Kyasae-San [2010-07-05 06:13:48 +0000 UTC]

thats good! <3 haha

apparently it was because it was "too popular" or somthing like that...he basically wanted the star next to his name removed and then when DA couldnt do it...he just left...I think thats how it went anyway XD lol

👍: 0 ⏩: 1

Kyasae-San In reply to DeathTripp [2010-07-05 17:57:58 +0000 UTC]

xD

Wow, that's some reason to leave... xD; lol

👍: 0 ⏩: 1

DeathTripp In reply to Kyasae-San [2010-07-08 20:35:05 +0000 UTC]

XD lol yeah...I know...a small star next to your name...there must be more to it than that...

👍: 0 ⏩: 0

Kyasae-San In reply to Kyasae-San [2010-06-29 23:04:30 +0000 UTC]

ah. but you put it in the artists' comments.
Okay.
I know how to read.
... /bash head on keyboard

👍: 0 ⏩: 0

wugglyump In reply to ??? [2010-06-25 22:04:14 +0000 UTC]

where do i get the HTML? and where do i save it?

👍: 0 ⏩: 1

DeathTripp In reply to wugglyump [2010-06-25 22:11:28 +0000 UTC]

submit your picture to your scraps and then 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! then use that image code with the code in the description of this tutorial...I hope that helps! if not then I'm here to help! <3

👍: 0 ⏩: 1

wugglyump In reply to DeathTripp [2010-06-25 22:31:40 +0000 UTC]

I tried and when i right click it doesnt show the option 'view image' is there something that i need downloaded?

👍: 0 ⏩: 1

DeathTripp In reply to wugglyump [2010-06-25 22:40:44 +0000 UTC]

hmm are you useing fire fox? internet explorer? or sumthin else?

👍: 0 ⏩: 1

wugglyump In reply to DeathTripp [2010-06-25 22:43:13 +0000 UTC]

internet explorer... but it is possible for me to use fire fox.

👍: 0 ⏩: 1

DeathTripp In reply to wugglyump [2010-06-26 08:54:57 +0000 UTC]

oh well...I think in internet explorer you can just click download next to your image in your scraps and then when the page loads just use the URL in the address bar at the top...or you could try fire fox..it's up to you ^^

👍: 0 ⏩: 1


<= Prev | | Next =>