Shop More Submit  Join Login


Submitted on
July 31, 2013
Image Size
27.8 KB


17,862 (4 today)
1,144 (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:
SheepyMelly Featured By Owner 2 days ago  Student Digital Artist
does anyone know how to put a scroll box on something like this?

But with the background in tact? ;;u;;
Im looking everywhere and just cant figure it out. I see some people do it, but I just cant figure it out!
Giyb Featured By Owner Edited Oct 27, 2014  New member Hobbyist Digital Artist
What is "Content here"? There are places that tells me that put in the codes but I do not know how to do.
  Just I know that must be put the URL information when you indicate me.
AdoptsPound Featured By Owner 6 days ago
"Content here" means that you put the text you intended to put in the original custom box. So, for eg., I would put this "I'm Vika, but most people go by Vi or Cookie!" where it says "Content here", so the text appears on the custom box on my profile. Does that make any sense?
BlueSkies1117 Featured By Owner Sep 16, 2014  Student Artist
SO just put this in your custom box?
Myshwie Featured By Owner Oct 24, 2014  New member Hobbyist Traditional Artist
You can delete content here and <img src="">
orribu Featured By Owner Aug 26, 2014  Hobbyist Digital Artist
Why are you always so amazing. ;w; <3
Thanks so much for this code; I've been searching for itt ;w; <3
KuchikixRukia Featured By Owner Aug 13, 2014  Student Artisan Crafter
Ahh this helped so much with lessening the load and stuff on my page. thanks <33 !
GamingGoru Featured By Owner Aug 11, 2014  Student Digital Artist
Is there a way to make a scrolling content holder (with a background) within the custom box? (Thought it would give a little extra depth to my custom boxes).
cocobunnie Featured By Owner Jul 13, 2014  Student Filmographer
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.
Add a Comment: