HOME | DD

DemandinCompensation β€” DARK custom box customization! by-nc-nd

Published: 2012-09-22 16:27:37 +0000 UTC; Views: 20779; Favourites: 974; Downloads: 107
Redirect to original
Description No one knows how long I've been trying to get this to work, and suddenly it occurred to me: if you can't define the outside border and text color of a custom box use one that does!

sent me this code, so feel free to try it if the other two have not. Remove the * on the below code:




YOUR CUSTOM TEXT FOR INSIDE THE BOX HERE




Thanks to for submitting her version of code that worked below:

Your code as follows:




YOUR CUSTOM TEXT FOR INSIDE THE BOX HERE




Please note: Because you cannot set the colors of the custom boxes and they are pre-defined by deviantArt, the edging around this box will be the dark blue. When on another dark background, it does not show so well of course, but it may not work for everyone. You also cannot change the font color, this is just if you want white text inside your custom background box.
Example of what I mean: [link]


Please feel free to use this and enjoy! I only want to spread the message for those who were like me and have been wanting this forever! XP Also tips on making the code cleaner are welcome, I am no sage to CSS.

And remember: this is a subscriber only feature!


If the above code fails for you, perhaps try this one, too. Instead of /code I'll be adding /divs.





YOUR CUSTOM TEXT FOR INSIDE THE BOX HERE



To test, feel free to use this for link 1 or for link 2 but please only use it for testing! Do not actually use it for your design!
Related content
Comments: 53

Emocje [2018-02-05 02:49:25 +0000 UTC]

Not working for me

πŸ‘: 0 ⏩: 0

NOVAqueen888 [2017-01-01 09:19:37 +0000 UTC]

it did not work

πŸ‘: 0 ⏩: 0

MADZchickenFreak [2016-11-26 16:35:11 +0000 UTC]

Thank you very much!~

πŸ‘: 0 ⏩: 0

GraceTheInkGirl [2016-11-15 22:40:31 +0000 UTC]

How do you get that translucent background for the text?

πŸ‘: 0 ⏩: 0

MACINTOSHPIUS [2016-09-27 17:49:22 +0000 UTC]

Thank you so much, I finally found one that has worked for me.

πŸ‘: 0 ⏩: 0

FlauscheBaellchen [2016-04-28 18:12:58 +0000 UTC]

can i ask something x'3 i know it's long ago you post this x'3 but if the backfround is to short how do i put a second backround in to make the box background longer? Sry my english is not so good x'3 i hope you understand what i mean :'D

πŸ‘: 0 ⏩: 0

JackTheGriffin [2015-01-22 04:16:14 +0000 UTC]

How do you get the text box see through? I'm editing my page and I want see through text boxes bu I don't know the exact code for it.

πŸ‘: 0 ⏩: 1

Yodeling-Lions In reply to JackTheGriffin [2015-11-05 14:10:24 +0000 UTC]

If you click the two links at the bottom, you'll see that the second link as a picture that's of a lighter color - giving it a transparent look.

πŸ‘: 0 ⏩: 0

Dubstep-W0lf [2014-11-15 01:45:29 +0000 UTC]

see that white box in the photo. i want black one for mine. help me.

πŸ‘: 0 ⏩: 1

CrowSpoons In reply to Dubstep-W0lf [2014-11-15 02:05:29 +0000 UTC]

This is a black one here
Black Content-holder boxes

πŸ‘: 0 ⏩: 0

Dubstep-W0lf [2014-11-15 01:41:30 +0000 UTC]

find it*

πŸ‘: 0 ⏩: 0

Dubstep-W0lf [2014-11-15 01:41:22 +0000 UTC]

how did you get that white box? i want black one i cant fidn it help./;

πŸ‘: 0 ⏩: 0

Jay-Adopts [2014-09-05 22:51:44 +0000 UTC]

Hmm... None of these allow you to use a semi transparent background like in your picture. I guess it's out of date?

πŸ‘: 0 ⏩: 0

wintryautumn [2014-06-05 01:31:33 +0000 UTC]

Thank you very much, my profile is going to look lovely thanks to this guide~!Β Β 

πŸ‘: 0 ⏩: 0

TheAngeldove [2014-04-26 06:04:19 +0000 UTC]

ΒΈΒΈβ™₯´¯) Thank you so much!
(ΒΈβ˜†Β΄ (ΒΈ.β™₯´´¯`β€’.ΒΈΒΈ.ღ β€’.β™₯ .‒´¯`β€’.ΒΈΒΈ.β€’β€’ΖΈΜ΅Μ‘ΣœΜ΅Μ¨Μ„Ζ·



Your Friend Always,
dove

πŸ‘: 0 ⏩: 0

NamelessSaint [2013-10-28 21:45:37 +0000 UTC]

When I use this I get small thin white lines on the sides of my boxes.

πŸ‘: 0 ⏩: 0

XxSceneyBabayxX [2013-09-15 19:59:49 +0000 UTC]

Ugh, after much hard work my profile finally looks nice! And it certainly wouldn't look that way without your help, thanks so much! <3

πŸ‘: 0 ⏩: 0

Roiisova [2013-08-18 08:03:38 +0000 UTC]

how did you make the second background transparent??

πŸ‘: 0 ⏩: 0

FrostedShorelines [2013-07-13 18:51:43 +0000 UTC]

I was just wondering how you got the transparent content boxes.

Is the code for that in here? Thanks. β™₯

πŸ‘: 0 ⏩: 0

VisAnastasis [2013-06-27 16:30:26 +0000 UTC]

Awwww, thank you so so much, I was looking for this for, like, ages!!!!

πŸ‘: 0 ⏩: 0

Hama-Girl [2013-06-22 09:45:42 +0000 UTC]

This doesn't work at all for me

πŸ‘: 0 ⏩: 0

Lord-Viincha [2013-06-18 21:13:27 +0000 UTC]

How do I only change the color of the text without having a inner box?

πŸ‘: 0 ⏩: 0

skyborina [2013-04-06 16:46:43 +0000 UTC]

I like the journal skin.

πŸ‘: 0 ⏩: 0

SaikoStation [2013-03-18 19:57:46 +0000 UTC]

Can you change the link text color?

πŸ‘: 0 ⏩: 0

FrostBiteGailes [2013-03-03 23:21:04 +0000 UTC]

im not sure what you mean by your second backround url n stuff will you send me the code full so its exactly like this ;n; or else i cant figure it out

πŸ‘: 0 ⏩: 0

spacecoloniie [2013-02-24 20:55:31 +0000 UTC]

Oh man thank you<3 This worked amazingly well for me~

πŸ‘: 0 ⏩: 0

dweebghoul [2013-02-08 15:30:53 +0000 UTC]

What do you mean by "YOUR SECOND BACKGROUND URL INSIDE THE BOX"
What would that be?

πŸ‘: 0 ⏩: 1

RosesAreCrazy In reply to dweebghoul [2013-05-14 21:46:33 +0000 UTC]

the background that will be inside the box c:

πŸ‘: 0 ⏩: 1

dweebghoul In reply to RosesAreCrazy [2013-05-15 19:16:42 +0000 UTC]

I uhh...figured that out a very long time ago.
Thank you for still replying ^^'

πŸ‘: 0 ⏩: 0

FireyFlamy [2012-12-09 14:28:09 +0000 UTC]

Hey, I've edited the code a bit and now it actually works, as it seems

πŸ‘: 0 ⏩: 2

Featherwishes In reply to FireyFlamy [2013-05-29 19:33:26 +0000 UTC]

Hi i know this is late and all but I had the same problem as you before, and i was wondering what code you used.

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to Featherwishes [2013-06-04 06:20:30 +0000 UTC]

Hello, and sorry for the late reply, too.
>>Here you go<<

πŸ‘: 0 ⏩: 1

Featherwishes In reply to FireyFlamy [2013-06-04 12:55:08 +0000 UTC]

lol its alright and thank you very much ^^

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to Featherwishes [2013-06-04 14:48:12 +0000 UTC]

You're welcome!

πŸ‘: 0 ⏩: 0

DemandinCompensation In reply to FireyFlamy [2012-12-09 14:40:11 +0000 UTC]

Excellent! Yeah, the concept works, I've just been having a few problems between different users with getting it to work.

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to DemandinCompensation [2012-12-12 12:58:02 +0000 UTC]

Actually, the code you gave in the comment still doesn't work. Even the second one

πŸ‘: 0 ⏩: 0

Eikomint [2012-11-09 23:17:59 +0000 UTC]

Not working

πŸ‘: 0 ⏩: 0

Sini-Beau [2012-10-21 21:14:36 +0000 UTC]

nwn you forgot the

at the end of the first background url framing.
And also behind the second.
It might be the cause of the confusion for most.
Though I'm unsure if it'll fully work from that, just tossing in my two cents.

πŸ‘: 0 ⏩: 0

hheavymetalheart [2012-10-20 17:41:10 +0000 UTC]

this code is just not working for me ;;

πŸ‘: 0 ⏩: 1

DemandinCompensation In reply to hheavymetalheart [2012-10-21 03:53:05 +0000 UTC]

I haven't quite figured out why some people are having difficulty with it yet. It's the exact code that I'm using for that group, and it works fine.

What happens when you use that code? Can you send me a picture?

πŸ‘: 0 ⏩: 1

hheavymetalheart In reply to DemandinCompensation [2012-10-21 04:09:18 +0000 UTC]

i used it earlier today, but from what i remember, the box doesn't show anything [no box, no text], just the background image.

πŸ‘: 0 ⏩: 0

FireyFlamy [2012-09-30 10:18:42 +0000 UTC]

Nice idea. But I can't make this work >_<

πŸ‘: 0 ⏩: 1

DemandinCompensation In reply to FireyFlamy [2012-09-30 22:43:09 +0000 UTC]

Did you copy my code and give it some links?

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to DemandinCompensation [2012-10-01 03:55:23 +0000 UTC]

Yes.
[link] and then it looks like this: [link]
If I try to change the top part, which is responsible for the background, to the code which always works in my other custom boxes ( [link] ), it gets a little better, but still: [link]

πŸ‘: 0 ⏩: 1

DemandinCompensation In reply to FireyFlamy [2012-10-06 12:19:53 +0000 UTC]

Try putting in more text where there text goes here and show me a picture of it. Also, try uploading your pictures to something besides deviantArt's storage file, that might be affecting it. Like, photobucket, tinypic, etc.

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to DemandinCompensation [2012-10-06 12:45:29 +0000 UTC]

Text included: [link] [link]

πŸ‘: 0 ⏩: 1

DemandinCompensation In reply to FireyFlamy [2012-10-06 14:50:54 +0000 UTC]

Wow, huh. When you save it, it appears that way on your page too? Or is it maybe an error in preview?

If so, let's try taking away some of the code to see if any one element of it is causing a problem. Try this alone:



YOUR TEXT HERE

πŸ‘: 0 ⏩: 1

FireyFlamy In reply to DemandinCompensation [2012-11-05 17:18:14 +0000 UTC]

Yes, it appears exactly the same way.
My attempt: [link]

P.S. Sorry for the late answer

πŸ‘: 0 ⏩: 0

SingingFlames [2012-09-25 19:31:55 +0000 UTC]

Thanks for this! Great info!

πŸ‘: 0 ⏩: 0

NightBlueSky [2012-09-24 21:25:24 +0000 UTC]

Thanks, that is really helpful.

πŸ‘: 0 ⏩: 1


| Next =>