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

RisaRampant In reply to ??? [2014-09-12 04:37:48 +0000 UTC]

Oh man I'm so glad you posted this comment I couldn't get it to work by any other way anyone else said to do it

πŸ‘: 0 ⏩: 1

TheEvergreenShadow In reply to RisaRampant [2014-09-12 19:27:08 +0000 UTC]

Haha, you're welcome

πŸ‘: 0 ⏩: 0

BunniiOrbit In reply to ??? [2014-05-15 18:13:46 +0000 UTC]

The issue you were having was that your "imgsrc" should have been "img src"

For future reference Β 

πŸ‘: 0 ⏩: 1

TheEvergreenShadow In reply to BunniiOrbit [2014-05-15 23:58:09 +0000 UTC]

Really? Something so simpleΒ  Β 

Thank you for letting me know

πŸ‘: 0 ⏩: 1

BunniiOrbit In reply to TheEvergreenShadow [2014-05-16 03:13:40 +0000 UTC]

Yeah I used to mess that up all the time in stuff and finally figured it out lol it's no problem

πŸ‘: 0 ⏩: 0

Miss-Mutated-Mango In reply to ??? [2014-04-15 03:32:29 +0000 UTC]

Ah, that one helped! Thanks for the tip~

πŸ‘: 0 ⏩: 0

TheEvergreenShadow In reply to ??? [2014-03-22 18:43:17 +0000 UTC]

Woop, nevermind, I figured it out

πŸ‘: 0 ⏩: 0

CorentinKoopa76 In reply to ??? [2014-03-02 11:17:40 +0000 UTC]

I'm french I do not understand: (

πŸ‘: 0 ⏩: 0

MaudlinPetals In reply to ??? [2014-02-24 22:09:26 +0000 UTC]

Hey, not to bother you but I'm doing some profile decorating on my friends DA page, and I'm okay with Html and formatting, but is it possible to put a background pic within a favorites/deviationsΒ  box? I do not believe it is...but then again I'm new to this.

πŸ‘: 0 ⏩: 0

hellosur6464 [2014-02-23 23:32:59 +0000 UTC]




<\div>

πŸ‘: 0 ⏩: 0

dapplefrost02 In reply to ??? [2014-02-17 04:35:04 +0000 UTC]

Do you have any idea how to fix the cut off of the background? Mine cuts off when the box is too long.

πŸ‘: 0 ⏩: 1

SoggyEggroll In reply to dapplefrost02 [2014-03-09 00:13:02 +0000 UTC]

You have to make the background longer

πŸ‘: 0 ⏩: 0

TangyPooch In reply to ??? [2014-02-16 16:21:16 +0000 UTC]

Thank you SO MUCH for this. It'll come in handy!Β 

πŸ‘: 0 ⏩: 0

WhatAMagicalPlace [2014-02-02 14:56:55 +0000 UTC]

Yay! Thank you~~~!

πŸ‘: 0 ⏩: 0

RagingRaccoons [2014-01-31 23:01:29 +0000 UTC]

Thank you so much for making this <3 made my life so much easier

πŸ‘: 0 ⏩: 0

ghostkitty03 [2014-01-27 00:46:59 +0000 UTC]

i dont understand i did what u said and did not work but whats a code and a

πŸ‘: 0 ⏩: 0

Affyre [2014-01-25 17:27:57 +0000 UTC]

Still works for me. Yesssssss.

πŸ‘: 0 ⏩: 0

xFelexis In reply to ??? [2014-01-21 22:56:16 +0000 UTC]

My box hides my artwork D":

πŸ‘: 0 ⏩: 0

alligatorteeth In reply to ??? [2014-01-20 18:52:10 +0000 UTC]

This doesn't work for me?

πŸ‘: 0 ⏩: 0

eelghoul In reply to ??? [2014-01-14 16:51:13 +0000 UTC]

THANK YOU

πŸ‘: 0 ⏩: 0

Estellars In reply to ??? [2014-01-05 04:40:59 +0000 UTC]

nvm I figured it out

πŸ‘: 0 ⏩: 0

Estellars In reply to ??? [2014-01-05 04:00:37 +0000 UTC]

It works great, but I have got a question, how do I have the white box in the middle?

πŸ‘: 0 ⏩: 0

CartoonSushi In reply to ??? [2013-12-26 18:21:04 +0000 UTC]

Super handy!

πŸ‘: 0 ⏩: 0

TaylorKnetterArt In reply to ??? [2013-12-25 03:18:34 +0000 UTC]

Hey, I was wondering, if you're not busy, if you know how to embed deviations into custom boxes the way this person does on their profile page:

<rini-tan.deviantart.com/>

I know how to get images from other sites such as image shack in custom boxes, but not from dA.

πŸ‘: 0 ⏩: 0

EliMoonhaven In reply to ??? [2013-12-23 22:22:54 +0000 UTC]

Hey there on the <*img src="inserct url" width="insert number"> tag if you put in 100% for the number the image will stretchΒ respectivelyΒ according to the viewer's screen size. So, if 1 viewer has a 800 px size box and another user has a 1400px sized box due to screen resolution and size of screen the image will touch both edges of the box. This also works with patterned and picture images as far as I can tell.

πŸ‘: 0 ⏩: 0

JayKat12 [2013-12-21 03:30:50 +0000 UTC]

i use Google Chrome how will you even use it?!?!?!!?!?!?!?!? just tell me please just do it

πŸ‘: 0 ⏩: 0

ThunderStormin [2013-12-20 09:17:50 +0000 UTC]

I use the code but it covers my pictures in my ID and Newest Deviations :/

πŸ‘: 0 ⏩: 1

anila73 In reply to ThunderStormin [2014-01-01 08:02:06 +0000 UTC]

I have the problem too. D: HALP

πŸ‘: 0 ⏩: 0

Bow-Stitches In reply to ??? [2013-12-18 22:24:03 +0000 UTC]

I use it, but it cover half of my stuff...

πŸ‘: 0 ⏩: 0

HallowTheKitty [2013-12-07 08:32:41 +0000 UTC]

I still can't f*ckin do it.

πŸ‘: 0 ⏩: 0

HallowTheKitty [2013-12-06 17:54:13 +0000 UTC]

Thx XD

πŸ‘: 0 ⏩: 0

Ziirux [2013-11-29 05:02:33 +0000 UTC]

Thank you so much! This was extremely helpful!

πŸ‘: 0 ⏩: 0

Invader-Logic [2013-11-22 11:29:44 +0000 UTC]

Thank you!!

πŸ‘: 0 ⏩: 0

CatFeed In reply to ??? [2013-11-20 03:04:45 +0000 UTC]

how do you get the image to "download" if its in your stash?

πŸ‘: 0 ⏩: 0

XxFlameFrost101xX In reply to ??? [2013-11-19 17:52:17 +0000 UTC]

What if I'm on an iPod?

πŸ‘: 0 ⏩: 0

aiichirou In reply to ??? [2013-11-17 19:39:00 +0000 UTC]

Thank you so muchhhh

πŸ‘: 0 ⏩: 0

reeno-tsun In reply to ??? [2013-11-08 07:51:40 +0000 UTC]

Thanks!!

πŸ‘: 0 ⏩: 0

kixkat In reply to ??? [2013-10-26 19:54:15 +0000 UTC]

the picture i want to put, it layers over everything else! please help

πŸ‘: 0 ⏩: 1

dr4gonic In reply to kixkat [2013-11-15 02:24:33 +0000 UTC]

omg that happens to me too ;w;

πŸ‘: 0 ⏩: 0

LucaLouise In reply to ??? [2013-10-02 06:05:57 +0000 UTC]

Small question: I did everything as the tutorial, but my image url won't be dark when I copy-paste it in my custom box Or, I did everything, and nothing shows up!

πŸ‘: 0 ⏩: 0

red-sunfox In reply to ??? [2013-09-09 23:11:23 +0000 UTC]

I used this, awesome, thanks, but the images wont show up? (live featured deviation or latest deviations?)

πŸ‘: 0 ⏩: 0

mruki In reply to ??? [2013-08-27 18:57:20 +0000 UTC]

thank you for this tutorial!!!

πŸ‘: 0 ⏩: 0

pasteIpurrinq In reply to ??? [2013-08-21 15:52:23 +0000 UTC]

Won't work, please help :c

πŸ‘: 0 ⏩: 0

Artytodd In reply to ??? [2013-08-13 11:08:07 +0000 UTC]

Awesome! Worked for me!

πŸ‘: 0 ⏩: 0

cynthia-2901 In reply to ??? [2013-08-01 04:59:32 +0000 UTC]

When I tried doing it for my group's custom box, the image shows up above all the text then ends when the text begins. Β Can someone please help me out?

πŸ‘: 0 ⏩: 1

Corrupted-Shadows In reply to cynthia-2901 [2013-08-19 08:14:15 +0000 UTC]

You need a supergroup for that

πŸ‘: 0 ⏩: 0

yuki-oneesan In reply to ??? [2013-07-30 17:42:51 +0000 UTC]

O3O it didn't work for me

πŸ‘: 0 ⏩: 0

candi----nubbs In reply to ??? [2013-07-28 17:47:44 +0000 UTC]

I cant get the background to show up :c Help?

πŸ‘: 0 ⏩: 0

Anniihilation In reply to ??? [2013-07-26 01:14:35 +0000 UTC]

.-. the deviations won't pop on the background, they just get erased pwease help D:

πŸ‘: 0 ⏩: 0

LordMuffinX3 In reply to ??? [2013-07-14 19:38:58 +0000 UTC]

When I did it, it only added a different-colored text box!

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>