Deviant Login Shop
 Join deviantART for FREE Take the Tour


Submitted on
July 31, 2013
Image Size
27.8 KB


12,994 (8 today)
907 (who?)
Scrolling Custom Box Widget by SimplySilent Scrolling Custom Box Widget by SimplySilent

Huge thank you to =fluf-studios who helped me figure out this code! :dummy:

To learn how adding a background image to your custom box works, make sure to read =TaNa-Jo's wonderful Custom Box Tutorial. The same sort of concept can be used here.

Scrolling Custom Box Widgets

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div class="previewbox"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="IMAGE URL"></div></div><div class="gr-box gr-genericbox"><div class="pp"><div class="pp">CONTENT HERE</div></div></div></div>

To increase or decrease the height of the widget, add or remove <br> from the beginning of the code.

If you insert a custom box background, the content of the widget will match the height of your background, possibly leaving you with a giant awkward gap at the bottom of your widget. For tips to fix this, check out the tutorial linked below.

Scrolling Non-Custom Box Widgets

This method uses the same code but is a little more complex, so I have a tutorial for it here:

Works for any widget that has a text box.
Add a Comment:
cocobunnie Featured By Owner Jul 13, 2014  Student Digital Artist
Hi there! I think you already answered this question, but I'm still a bit confused - If I want to have a custom box background, but I only want one scroll bar, do I use this tutorial or this one? Currently I'm using this one, but I can't get the background to repeat so after a scroll or two there's just a white nothing for a background. Thanks for the help and the wonderful coding!
Hmm, I played with the code for your Scrolling Custom Box Widget and even added your Adjustable Background Scroll Code but since I'm using a Custom Background (made by me) and CypherVisor's Shiny Content-holder box-2 (Default), the scroll bar seems to expand the content boxes width to the dimensions of the custom box. I know that my background image is long and I'll have to play with it's margins till I find a desired size appropriate for your Scrolling Custom Box Widget code in that, it removes the dead space.

I have the code on the bottom of my profile, testing, so my real question is what did I do wrong in the coding that the scroll bar forced the content box to expand to the sides? If you want the code for analysis, I can give it to you... no problem.
William-Black Featured By Owner Jul 1, 2014  Professional Digital Artist
This is an awesome resource, thank you so much.
SimplySilent Featured By Owner Jul 5, 2014
KillerCats101 Featured By Owner Jun 27, 2014  Student
Thank you for sharing this ^-^

I've used it for my stamps box :D
SimplySilent Featured By Owner Jul 5, 2014
No problem. :)
missimoinsane Featured By Owner Jun 17, 2014  Hobbyist Digital Artist
This is brilliant :heart:
SimplySilent Featured By Owner Jul 5, 2014
SavagedMutt Featured By Owner Jun 5, 2014
Doesn't work...
Kojiubear Featured By Owner May 30, 2014  Hobbyist General Artist
Hei, the box covers extensible menius like "send a note" or "gifts" or submit/browse da etc. [if you visit my page you'll understand///] I was wondering if you have any idea how it could be fixed? Like, is there something to add in order to stop it from being on top of everything?
Add a Comment: