HOME | DD
SimplySilent β Scroll-ception Widgets
Published: 2013-08-03 05:55:52 +0000 UTC; Views: 76944; Favourites: 2741; Downloads: 115
Redirect to original
Description
Here's some more scrolling fun!
Massive thanks again to `fluf-studios for helping figure out the code for scrolling custom boxes! 
Custom box background used: fav.me/d58ajco by *Slushey
Scroll-ception Custom Box
To get a scrolling custom box with scroll boxes inside like the preview image, copy and paste the following code.
The number of
at the beginning of the first chunk of code sets the height of the custom box.
The number of
at the beginning of the second chunk of code sets the height of the first scroll box.
The number of
at the beginning of the third chunk of code sets the height of the second scroll box.
The number of
Regular Scroll Box Code
The number of
at the beginning of the second chunk of code sets the height of the scroll box.
To add more scroll boxes, add the following code to the end of your existing code:
Inserting Text Between Scroll Boxes
More Scrolling Resources:
Regular Scrolling widgets
Fancy Scroll Box by =TaNa-Jo
Related content
Comments: 225
Sorry for the inconvenience but it's not working for me, can you help me?
π: 0 β©: 2
you need a custom box. that means you need core
π: 0 β©: 1
π: 0 β©: 1
Mhmm.. It works for noncore too, but it may not work...
π: 0 β©: 0
not sure about translucent, but to get a transparent box, you replace < div class="previewbox"> with < div class="ch-ctrl">
(don't copypaste that, I added spaces to make the code visible)
I'll update you if I figure out how to make it translucent! If not, I hope someone else answers your question better than I did!
Edit: I found something, however doing this will also make your text transparent (I don't know how to fix that just yet):
Semi Transparent Content-holder box Tutorial
If SimplySilent is uncomfortable with me linking other tutorials in their comment section, I will happily hide my comment, and apologize for the trouble!
π: 0 β©: 1
hello, this isn't working for me!! how can i fix it?
π: 0 β©: 1
Oh hello!
You're going to have to copypasta the code you used in order for me to help!
π: 0 β©: 1
i deleted the code rip. i just tried to makeΒ
Β yellow box into a scroll box but it didnt work
π: 0 β©: 1
Id suggest just using a yellow image as a background rather than that box specifically! (where the "scroll box image url" is)
π: 0 β©: 1
no problem, Hope that helps!
π: 0 β©: 0
Used. Thank you so much; this is really helpful ^-^
π: 0 β©: 0
Is there any way to resize the scrollbox's width ?
π: 0 β©: 1
Nevermind, got it X'3
π: 0 β©: 0
This is great. Do we need premium membership to be able to use this?
π: 0 β©: 1
Hi. I have a problem with the second scrollbox - It's wider than the first one. Yes, I tried modifying the code, but it's still not working. I really hope for some help.
π: 0 β©: 0
where could I find the code for a translucent scrolling custom box?
is that what the second one is, or?
π: 0 β©: 0
My god this helps so much
thank you for making this!! :D
π: 0 β©: 0
is it possible to add more than two scroll boxes?
π: 0 β©: 1
Yep, you can keep on adding them
π: 0 β©: 1
alright thank you for your help!Β
π: 0 β©: 0
So I did this with just the regular scroll bars on a background. The background doesn't scroll. I do have a background image but it doesn't reach the edges like it should. It's much skinnier than I'd like it to be. Help?
π: 0 β©: 0
I have a one Question-
if you could somehow extend the maximum and how much you can wstaiΔ images in this, because for me it at the bottom begin to appear Thumb-www.bankfotek.pl/image/2034005β¦
π: 0 β©: 0
Just change the background to a pink custom box background.
π: 0 β©: 0
Oh my gosh hi sav ;-;
I know this has nothing to do with the pink (I don't know how to change that) I wanted to say I'm a big fan
π: 0 β©: 0
SimplySilent Β Can you make it sort of transparent?
π: 0 β©: 0
How do you get the scrollbox to reflect the color of the custombox?
π: 0 β©: 0
I've tried every code listed and I still can't figure out how to get just the small scroll boxes. I don't want any content outside of the box. Every time I try these it just makes a scrolling box with my background in it, and then under the background the words "I'M A SCROLL BOX"(since I kept those in there to see where it would be once I was done), and the content I had in the box originally disappears.
If you could help me figure out what I'm doing wrong I would really appreciate it!
π: 0 β©: 0
how do I make something like that but with three scroll boxes inside, instead of just two?
i tried copy pasting the second paragraph of link and pasting it but it didn't work.. can you help me?
π: 0 β©: 1
its already on the deviation
π: 0 β©: 0
I'm planning on getting Core but does anyone know what the background is called? They're like crosshatches but I've no luck in finding the answer.Β
π: 0 β©: 1
Β like the design in the background behind the boxes?
the pink and such?
if so, that's plaid
im sorry if that does not answer your question ;-;
π: 0 β©: 1
Ah no no, it did answer my question! Thank you very much! ;u;
π: 0 β©: 1
Β Oh!! yay!
You're welcome !!
π: 0 β©: 0
90% of people marry there 7th grade love. since u have read this, u will be told good news 2night. if u don't pass this on nine comments ur worst week starts now this isn't fake. apparently if u copy and paste this on ten comments in the next ten minutes you will have the best day of ur life tomorrow. you will either get kissed or asked out in the next 53 minutes someone will say i love you
π: 0 β©: 0
hey how could i change the color of the font. ( i only have a vary small knowledge of code and stuff so i cant figure it our.)Β
π: 0 β©: 2
When you're able to get Core once again, maybe this can help!
π: 0 β©: 1
Oh. This is for premium members only.
π: 0 β©: 1
I was it just ran out last week
π: 0 β©: 0
FOR THE ONES WHO ARE HAVING TROUBLE WITH THEIR BACKGROUND ( IT BEING TOO SHORT TO FIT IN THE COSTUM BOX)
repeat this part of the code;
and paste it Β few times in a row with the same image url in itΒ
And it will repeat itself!
π: 0 β©: 1
Could you help with me with the background inside the mini scroll boxes Its pushes the text down instead of going behind it.. I just copy and pasted the img source like it said to do..Β
I'm not code savvyΒ
Thanks!!
π: 0 β©: 1
oh the mini scroll boxes you say? i haven't tried those out im sorry.
it seems like it only works for the big scroll box.
i sent simplysilent a note about the background of the big scroll box (before i figured it out myself) and she said you could also just make your picture longer by editing it in photoshop
so maybe you could try that?
π: 0 β©: 1
Thanks I've almost got it figured it out.Β
Thank you for helping me.
π: 0 β©: 1
| Next =>