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: 45474; Favourites: 2118; Downloads: 0
Redirect to original
Description

[the code disappeared. ohno.]


More customization stuff:

Userstyles and -scripts

Related content
Comments: 398

spunkystars In reply to ??? [2016-01-13 19:16:34 +0000 UTC]

hey, i have a question ! (=

how do i add a background in the back of it ? :0

πŸ‘: 0 ⏩: 1

Valognir In reply to spunkystars [2016-01-13 19:33:57 +0000 UTC]

You can use the common Custom-box Background Tutorial .
Just place the scroll box code where it says "Body text here".

πŸ‘: 0 ⏩: 1

spunkystars In reply to Valognir [2016-01-14 17:51:41 +0000 UTC]

thank youuu ! <3

πŸ‘: 0 ⏩: 0

GenuineGhoul In reply to ??? [2016-01-03 06:59:59 +0000 UTC]

:u: Sorry, ScrubLord101 here~
So~ The scroll thingy....
;-; I have little experience in coding, and I just wanted to ask...
If I actually wanted to type something in these, where in the code would I type it?
^-^ thanks lots~

πŸ‘: 0 ⏩: 1

Valognir In reply to GenuineGhoul [2016-01-03 22:21:40 +0000 UTC]

You would have to type where it says Content in the code. The bold parts. ;D

πŸ‘: 0 ⏩: 1

GenuineGhoul In reply to Valognir [2016-01-03 23:39:00 +0000 UTC]

xD your a mighty fine wizard but this Β peasant still doesn't understand~

If I wanted to use the center box, would I use the top code along with the bottem code or the one above center code, the top center code and the bottom center code? Β \(^<^)/

πŸ‘: 0 ⏩: 1

Valognir In reply to GenuineGhoul [2016-01-03 23:45:41 +0000 UTC]

Top bottom... What? Β  This is just one long code. It's not split or anything. If you only want the center box, use this part:

<div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img height="100" width="0" src="http://fc05.deviantart.net/fs71/f/2013/268/d/e/trans_by_daemon_moeroris-d6ns7fa.png"><div class="previewbox blt-ad-container"><div class="ppp">

CENTER BOX CONTENT

<</div></div></div></div>
<img height="0" width="100%" src="http://fc05.deviantart.net/fs71/f/2013/268/d/e/trans_by_daemon_moeroris-d6ns7fa.png">

πŸ‘: 0 ⏩: 1

GenuineGhoul In reply to Valognir [2016-01-03 23:48:03 +0000 UTC]

GGIJSGKLNKGNSL
You Are a wizard! Can you do cool party tricks too??? Like- taking the table cloth off with all the stuff on it? o3o

Thank you sooo much ;u;

πŸ‘: 0 ⏩: 1

Valognir In reply to GenuineGhoul [2016-01-04 14:57:01 +0000 UTC]

I can, but I won't clean it. You're welcome.

πŸ‘: 0 ⏩: 1

angelfanqs In reply to Valognir [2016-01-04 21:41:42 +0000 UTC]

great answer
I'll probably end up using this!! Do you know if it works off dA?

πŸ‘: 0 ⏩: 1

Valognir In reply to angelfanqs [2016-01-04 22:23:14 +0000 UTC]

None of the deviantart codes work anywhere else. Explaining it would be too complicated though... ^^ Where did you want to use it?

πŸ‘: 0 ⏩: 1

angelfanqs In reply to Valognir [2016-01-05 01:52:17 +0000 UTC]

ahh
this website called chatlands has a feature where you can code your sniff [basically your own mini website]
thanks anyway!

πŸ‘: 0 ⏩: 0

Yuiccia In reply to ??? [2015-12-28 16:49:22 +0000 UTC]

THANK YOU!!

πŸ‘: 0 ⏩: 0

rxsalina In reply to ??? [2015-12-26 11:08:28 +0000 UTC]

I experimented with this a bit and created a right box code because the one you didn't put one ^^'
I got the left scroll box and changed rr bit of the code to ll because I've seen it somewhere else. I hope that's alright ^-^

πŸ‘: 0 ⏩: 1

Valognir In reply to rxsalina [2015-12-26 20:12:09 +0000 UTC]

Not quite sure what you mean. Did using the ll bit change anything?
Those classes set a float value. Using the same float value twice still results in the boxes being next to each other. Because if you tell one box to move to the right and then another one to do the same, the second one will place itself next to the first one. I prefer this solution because it uses less different classes. Using left and right works just as well though. ^^

πŸ‘: 0 ⏩: 1

rxsalina In reply to Valognir [2015-12-26 20:15:23 +0000 UTC]

Sorry heh
yeah, it moved it to the right, that's wher I needed it ^^'
the code for the right box didn't come up on my iPad or wasn't there so I just wanted to tell you ^-^

πŸ‘: 0 ⏩: 1

Valognir In reply to rxsalina [2015-12-26 20:25:36 +0000 UTC]

Oh, I see. That's weird... Maybe something with mobile devices that I should look into. Thanks for telling me.

πŸ‘: 0 ⏩: 0

MoonyArsaraidh In reply to ??? [2015-12-25 20:51:37 +0000 UTC]

Hello there

I`d like t use this, as itΒ΄s a very useful code. Buut...possible to have a transparent bg..? I know your bg sas trans_by_daemon... but it isnΒ΄t trasparent, just well..would say, dA bg color, so that it might look transparent. Or am i wrong?
Well, best proof is this gyazo.com/1ef8a38e5d3188bb55fb…

Is there any way to have a real transparent scroll box, so that the bg is visible behind my pictures / content..?? Or does i need to change / delete the png. file from you..?

Would be happy about help <3


thank you and merry christmas to you

πŸ‘: 0 ⏩: 1

Valognir In reply to MoonyArsaraidh [2015-12-26 20:07:16 +0000 UTC]

The point of this scroll box is the white color. I could suggest this Scroll-ception Widgets code instead.

πŸ‘: 0 ⏩: 1

MoonyArsaraidh In reply to Valognir [2015-12-28 16:47:44 +0000 UTC]

Thank you, i will see if this works like i wanted it to have it.

πŸ‘: 0 ⏩: 0

Memories-ice In reply to ??? [2015-12-17 16:19:00 +0000 UTC]

Used.

πŸ‘: 0 ⏩: 0

shoinoh In reply to ??? [2015-12-04 02:11:49 +0000 UTC]

hey! is there any way to change the width of the boxes?

πŸ‘: 0 ⏩: 1

Valognir In reply to shoinoh [2015-12-04 03:37:33 +0000 UTC]

Depends. They always use the max width of the element they are inside of. If you were to use the [Custom box code] Wide content to make your whole custom box take the whole screen width, these scroll boxes will also become wider.

πŸ‘: 0 ⏩: 1

shoinoh In reply to Valognir [2015-12-04 04:56:41 +0000 UTC]

oh! okay, thank you!

πŸ‘: 0 ⏩: 0

hayleyofarendelle In reply to ??? [2015-11-11 04:46:05 +0000 UTC]

nothing shows up when i copy the code onto my page...

πŸ‘: 0 ⏩: 1

Valognir In reply to hayleyofarendelle [2015-11-11 13:51:36 +0000 UTC]

That's because you're not a premium member... ^^'

πŸ‘: 0 ⏩: 1

hayleyofarendelle In reply to Valognir [2015-11-11 20:08:59 +0000 UTC]

haha woops.. thanksΒ 

πŸ‘: 0 ⏩: 0

qhostiiee In reply to ??? [2015-11-06 23:29:36 +0000 UTC]

hello, how do i make the boxes look like the one in the preview picture? this is what mine looks likeΒ prntscr.com/8zw1ys

πŸ‘: 0 ⏩: 1

Valognir In reply to qhostiiee [2015-11-06 23:35:05 +0000 UTC]

If you are refering to the scroll bars, those can't be altered. The ones in the preview are part of my windows theme. Sorry. ^^'

πŸ‘: 0 ⏩: 1

qhostiiee In reply to Valognir [2015-11-06 23:36:30 +0000 UTC]

Ah I see, how about the lines inside? Is there a way I can have that?

πŸ‘: 0 ⏩: 1

Valognir In reply to qhostiiee [2015-11-06 23:40:02 +0000 UTC]

Of course. Just type "<hr>". ^^ Works almost everywhere.

πŸ‘: 0 ⏩: 1

qhostiiee In reply to Valognir [2015-11-06 23:42:05 +0000 UTC]

Oh ok, thank you!

πŸ‘: 0 ⏩: 0

ratkinq In reply to ??? [2015-10-30 00:37:55 +0000 UTC]

can you make just one box small and to the right?

πŸ‘: 0 ⏩: 1

Valognir In reply to ratkinq [2015-11-01 19:14:20 +0000 UTC]

To the right would be kind of tricky. Do you have anything that should go to the left of it? A picture or something? I could put something together.

πŸ‘: 0 ⏩: 1

ratkinq In reply to Valognir [2015-11-01 22:03:01 +0000 UTC]

yeah it would work to the right of a picture! I would really appreciate it

πŸ‘: 0 ⏩: 1

Valognir In reply to ratkinq [2015-11-01 23:30:44 +0000 UTC]

Ok, easy enough, then. ^^

<div class="ccexpanded mods-column-rr"></div><div class="ccexpanded mods-column-rr"><div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img height="100" width="0" src="http://fc05.deviantart.net/fs71/f/2013/268/d/e/trans_by_daemon_moeroris-d6ns7fa.png"><div class="previewbox blt-ad-container"><div class="ppp">

Content here

</div></div></div></div></div>


πŸ‘: 0 ⏩: 2

SarcasticIy In reply to Valognir [2015-12-04 04:34:41 +0000 UTC]

Hello! I tried this, is there a way to get some padding between the scroll box and the custom box?

πŸ‘: 0 ⏩: 1

Valognir In reply to SarcasticIy [2015-12-04 05:31:12 +0000 UTC]

First of all, amazing looking profile. ^^

You are using my wide conent code, right? There is that one div with the class "inputblocker blt-ad-container daembed gmfrozen". Add one of these classes: p, pp, ppp, pppp
The class "p" adds a small padding, "pppp" a rather large padding.

πŸ‘: 0 ⏩: 1

SarcasticIy In reply to Valognir [2015-12-04 05:51:08 +0000 UTC]

Thank you so much! Would if be okay if I PMed the code and
you added it in? I'm afraid of adding it in incorrectly. > . <

πŸ‘: 0 ⏩: 0

ratkinq In reply to Valognir [2015-11-02 01:33:45 +0000 UTC]

thank you so much!! I really appreciate it!

πŸ‘: 0 ⏩: 1

Valognir In reply to ratkinq [2015-11-02 02:28:47 +0000 UTC]

You're welcome. ^^

πŸ‘: 0 ⏩: 0

sinpure In reply to ??? [2015-10-07 16:59:35 +0000 UTC]

oh my

I copied the "center box content" and its to the left??

ill see if i can mess around with it to fix it but ;;

what is the code to make it centered?? ;o;

πŸ‘: 0 ⏩: 1

Valognir In reply to sinpure [2015-10-07 18:22:22 +0000 UTC]

Common mistake, I guess. This is NOT seperate codes with headlines. It's one long code with what is being mistaken as headline being a place holder for content. If you only want the big white scroll box, you need this whole part:

<div class="ccexpanded"><div class="inputs modal new-elnino-modal"><img height="100" width="0" src="http://fc05.deviantart.net/fs71/f/2013/268/d/e/trans_by_daemon_moeroris-d6ns7fa.png"><div class="previewbox blt-ad-container"><div class="ppp">

CENTER BOX CONTENT

</div></div></div></div>
<img height="0" width="100%" src="http://fc05.deviantart.net/fs71/f/2013/268/d/e/trans_by_daemon_moeroris-d6ns7fa.png">

πŸ‘: 0 ⏩: 0

Sleepychomps In reply to ??? [2015-09-25 00:57:40 +0000 UTC]

I'm sure this has been asked a hundred times..
But is there any way to change the color of the column backgrounds?

πŸ‘: 0 ⏩: 1

Valognir In reply to Sleepychomps [2015-09-25 06:51:05 +0000 UTC]

You could use any content holder inside of this code to color the box.

πŸ‘: 0 ⏩: 1

Sleepychomps In reply to Valognir [2015-09-25 20:53:53 +0000 UTC]

Kind of but not really.
That leaves a LOT of white surrounding it lol
I was kind of hoping for a slightly darker version of the box I have currently installed.
I found a scroll box you can change the color of the background with, but you can't make it columned so Idk I think i'm kinda screwed on this one x'D

πŸ‘: 0 ⏩: 1

Valognir In reply to Sleepychomps [2015-09-28 19:25:03 +0000 UTC]

Oh, you can make everything columned.

comments.deviantart.com/1/5213…
Here I posted code for the columns only. If you place your boxes inside of those snippets, you can get them columned as well.

πŸ‘: 0 ⏩: 1

Sleepychomps In reply to Valognir [2015-09-28 22:20:30 +0000 UTC]

Ah it doesn't scroll, but it definitely works. Thank you!

πŸ‘: 0 ⏩: 0

PaintSpIash In reply to ??? [2015-09-22 11:41:34 +0000 UTC]

Do you have a none scroll one?
I mean for the left and right boxes.

πŸ‘: 0 ⏩: 1

Valognir In reply to PaintSpIash [2015-09-22 20:04:44 +0000 UTC]

I can throw something together real quick...
*rapes keyboard*

<div class="ccexpanded mods-column-rr">
LEFT BOX CONTENT

</div><div class="ccexpanded mods-column-rr">
RIGHT BOX CONTENT

</div>

There. It's really only for the left and right boxes. You can use ... like any content holder in those now. Just put the code for the content holder of your choice where I marked the content areas and put your actual content where ever it needs to be placed into your chosen content holders. ... And since I fail at explaining, you might show me whatever content holder you would like to get and I can edit that code.

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>