HOME | DD

Valognir — [Custom Box Code] White Scroll Boxes

#box #bright #code #content #css #custom #da #design #deviantart #holder #scroll #style #white #scrollbox #contentholder
Published: 2015-03-20 17:09:36 +0000 UTC; Views: 45472; Favourites: 2118; Downloads: 0
Redirect to original
Description

[the code disappeared. ohno.]


More customization stuff:

Userstyles and -scripts

Related content
Comments: 398

Avvyraptor In reply to ??? [2016-10-25 22:15:59 +0000 UTC]

This is probably a stupid question but I`m curious to know how come we change the width of the image to adjust the height of our boxes?  
What is the relationship between those two? 
Very useful code btw! ♥ 
Thank you for sharing c: 

👍: 0 ⏩: 1

Valognir In reply to Avvyraptor [2016-10-25 23:39:46 +0000 UTC]

That is not a stupid question at all. ^^ Deviantart is very picky with what attributes to accept. And one of those it doesn't accept is height. So I made a 1x1px image. If you scale the width of that, it will also scale the height, stretching the box.

👍: 0 ⏩: 1

Avvyraptor In reply to Valognir [2016-10-28 23:15:44 +0000 UTC]

: o
that`s very clever ! 
Thank you c: 

👍: 0 ⏩: 1

Valognir In reply to Avvyraptor [2016-10-29 23:45:16 +0000 UTC]

You are welcome. And thank you as well. ;D

👍: 0 ⏩: 1

Avvyraptor In reply to Valognir [2016-10-30 18:00:59 +0000 UTC]

You are very welcome ^^ ♥ 

👍: 0 ⏩: 0

draakxd In reply to ??? [2016-10-21 17:01:59 +0000 UTC]

i am a horse , or a cartoon , or a human typing shit

👍: 0 ⏩: 1

Valognir In reply to draakxd [2016-10-21 20:34:02 +0000 UTC]

Oh, are you my first shitposter? Now I'm fame~ *epic win pose*

👍: 0 ⏩: 1

draakxd In reply to Valognir [2016-10-22 12:58:20 +0000 UTC]

k

👍: 0 ⏩: 0

MobuKun In reply to ??? [2016-10-17 15:35:44 +0000 UTC]

hello! is it possible to get just one small box on right?? 

👍: 0 ⏩: 1

Valognir In reply to MobuKun [2016-10-17 18:02:05 +0000 UTC]

Try this:

<div class="ccexpanded mods-column-rr"></div><div class="ccexpanded mods-column-rr"><div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img width="100" src="http://orig10.deviantart.net/3d46/f/2016/137/e/0/stretcher_3_by_daemon_illusionum-d9nvsaz.png"><div class="previewbox blt-ad-container"><div class="ppp">

Your right box contents here

</div></div></div></div></div><br><img height="0" width="100%" src="http://orig12.deviantart.net/c715/f/2015/277/2/5/stretcher_by_daemon_illusionum-d9bzcno.png">



👍: 0 ⏩: 1

MobuKun In reply to Valognir [2016-10-17 18:02:19 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

Utopianopal In reply to ??? [2016-09-27 04:29:19 +0000 UTC]

I'm trying to get the content In my side-by-side boxes to be in the center but when I put the div align thing, the box to the right becomes super tiny!

👍: 0 ⏩: 1

Valognir In reply to Utopianopal [2016-09-27 11:25:13 +0000 UTC]

Have you properly closed <div>, using </div>?
You can also try adding the align="center" to the existing <div class="ppp"> like this: <div class="ppp" align="center">

👍: 0 ⏩: 1

Utopianopal In reply to Valognir [2016-09-27 11:25:43 +0000 UTC]

Yeah I just realized I'm sorry ;A; I wasn't thinking

👍: 0 ⏩: 1

Valognir In reply to Utopianopal [2016-09-27 11:29:53 +0000 UTC]

It's ok. Even a Daemon like me needs to feel useful at some point. ;D

👍: 0 ⏩: 0

midnightangel1234 In reply to ??? [2016-08-18 05:02:40 +0000 UTC]

This is awesome! I'm glad I found this!

👍: 0 ⏩: 1

Valognir In reply to midnightangel1234 [2016-08-18 11:17:44 +0000 UTC]

Thanks. ^^

👍: 0 ⏩: 1

midnightangel1234 In reply to Valognir [2016-08-19 01:44:57 +0000 UTC]

You're welcome!

👍: 0 ⏩: 0

Fandom-Person In reply to ??? [2016-08-07 18:46:02 +0000 UTC]

scroll box dosent how up, but my contents do...halp .-.

👍: 0 ⏩: 3

darksprkx In reply to Fandom-Person [2017-01-08 14:20:31 +0000 UTC]

could you make one for non-core? i'm british and i cant buy core with dollars //obvs\\ but neither can i wait years to get 1200 points >.<

👍: 0 ⏩: 0

CalamariCaity In reply to Fandom-Person [2016-10-17 19:25:21 +0000 UTC]

core membership

👍: 0 ⏩: 0

Valognir In reply to Fandom-Person [2016-08-07 18:54:05 +0000 UTC]

Only PMs can use advanced codes.

👍: 0 ⏩: 0

taekoos In reply to ??? [2016-08-06 09:16:16 +0000 UTC]

erm, I'm having a problem.
So, I'm using the centered scroll box code.
When I use it, the box is there, the text is there, it just doesn't scroll ;;

👍: 0 ⏩: 2

Sokomomoko2nd In reply to taekoos [2017-01-09 19:15:14 +0000 UTC]

same!

👍: 0 ⏩: 0

Valognir In reply to taekoos [2016-08-06 12:18:31 +0000 UTC]

Where are you using it? I need to see it somewhere in order to find the problem.

👍: 0 ⏩: 1

taekoos In reply to Valognir [2016-08-06 12:23:02 +0000 UTC]

im using it here:

theres just no scroll thing ;;

👍: 0 ⏩: 1

Valognir In reply to taekoos [2016-08-06 12:30:43 +0000 UTC]

Oh, woops. I must be blind. ^^ Well, there is not enough content to make the scroll bar appear. It should scroll once you have more content than available space.

👍: 0 ⏩: 1

taekoos In reply to Valognir [2016-08-06 12:31:47 +0000 UTC]

ahh okay xD

👍: 0 ⏩: 0

sun-pop In reply to ??? [2016-07-25 19:08:12 +0000 UTC]

Hi, sorry to bother you, but I can't get the two side by side ones to be, well, side by side. I've repasted the code exactly how it is several times, all I've changed is the content I'm putting inside. Any fixes?

👍: 0 ⏩: 2

Valognir In reply to sun-pop [2016-07-25 19:23:34 +0000 UTC]

I've been looking at your code several times and comparing it with my own... If I place the boxes on my profile, they work fine. I do see the problem is caused by a missing </div> in your code, but I don't quite understand how you could have removed that by replacing the content... The only thing I can suggest is to try once again, sorry.

👍: 0 ⏩: 1

sun-pop In reply to Valognir [2016-07-25 19:24:21 +0000 UTC]

Oh, yeah, I figured it out!! Thanks so much for the help.

👍: 0 ⏩: 1

Valognir In reply to sun-pop [2016-07-25 19:29:29 +0000 UTC]

Glad you got it working. ^^

👍: 0 ⏩: 0

sun-pop In reply to sun-pop [2016-07-25 19:10:59 +0000 UTC]

Well, wait, I got them to be side by side, but it doesn't work whenever I center the content in the left box.

👍: 0 ⏩: 1

sun-pop In reply to sun-pop [2016-07-25 19:12:06 +0000 UTC]

Welp. I figured it out. Thanks for the tutorial, by the way, hahah!!

👍: 0 ⏩: 0

Jessaetian In reply to ??? [2016-07-24 21:49:30 +0000 UTC]

Thank you so much!
This helped me a tonne!

👍: 0 ⏩: 1

Valognir In reply to Jessaetian [2016-07-24 23:22:24 +0000 UTC]

You're welcome ^^

👍: 0 ⏩: 0

PellsBells In reply to ??? [2016-04-30 07:36:31 +0000 UTC]

AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH

Sorry to bother ;u;
Is there a way to seperate the side by side boxes a bit more?
It says in the desc you already have but using the code, there isn't any space between them

👍: 0 ⏩: 1

Valognir In reply to PellsBells [2016-04-30 08:09:43 +0000 UTC]

I seperated the codes for the big box and the side by side boxes. Adding space between the two small boxes isn't possible, sorry.

👍: 0 ⏩: 1

PellsBells In reply to Valognir [2016-04-30 08:14:42 +0000 UTC]

Ahh, thats alright! Thanks <3

👍: 0 ⏩: 0

catscity In reply to ??? [2016-04-25 22:55:29 +0000 UTC]

"...I am George."

honestly same.
Okay but thank you so much for these! 

👍: 0 ⏩: 1

Valognir In reply to catscity [2016-04-28 13:34:50 +0000 UTC]

;D You're welcome.

👍: 0 ⏩: 0

Butter-Fhon In reply to ??? [2016-04-22 22:47:31 +0000 UTC]

dear people who are confused where the text goes.



<div class="ccexpanded mods-column-rr"><div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img width="100" src="http://orig00.deviantart.net/7f6c/f/2016/036/2/3/stretcher_3_by_daemon_illusionum-d9nvsaz.png"><div class="previewbox blt-ad-container"><div class="ppp">

Your left box contents here <<< YOUR CONTENT GOES HERE

</div></div></div></div></div><div class="ccexpanded mods-column-rr"><div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img width="100" src="http://orig00.deviantart.net/7f6c/f/2016/036/2/3/stretcher_3_by_daemon_illusionum-d9nvsaz.png"><div class="previewbox blt-ad-container"><div class="ppp">

👍: 0 ⏩: 1

taekoos In reply to Butter-Fhon [2016-08-06 09:16:25 +0000 UTC]

found you

👍: 0 ⏩: 1

Butter-Fhon In reply to taekoos [2016-08-07 03:49:16 +0000 UTC]

shit you caught me

👍: 0 ⏩: 0

muddmutt In reply to ??? [2016-04-22 00:48:14 +0000 UTC]

Hey, so people who are having the questions about where to find the text...

it is the line that says "Your _____ content here"

its just to make it easier for the person who posted this uvu

👍: 0 ⏩: 1

Valognir In reply to muddmutt [2016-04-22 10:37:12 +0000 UTC]

Thanks. I don't even know how to make it any clearer anymore...

👍: 0 ⏩: 1

muddmutt In reply to Valognir [2016-04-22 18:29:44 +0000 UTC]

no problem !! yeah, it literally couldn't get more clear

👍: 0 ⏩: 0

Butter-Fhon In reply to ??? [2016-04-22 00:20:09 +0000 UTC]

wait, I know where the text goes now. :00

👍: 0 ⏩: 1

Valognir In reply to Butter-Fhon [2016-04-22 10:37:26 +0000 UTC]

Ok, good.

👍: 0 ⏩: 0

Ameidot In reply to ??? [2016-04-17 15:43:39 +0000 UTC]

I Can't seem to find where it says "Content here" in the code for the long box, i looked all over it, could you please help?

👍: 0 ⏩: 1


<= Prev | | Next =>