Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
July 31, 2013
Image Size
27.8 KB
Resolution
609×325
Link
Thumb
Embed

Stats

Views
14,732 (4 today)
Favourites
1,008 (who?)
Comments
109
Downloads
19
×
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:
 
:iconorribu:
orribu Featured By Owner 5 days ago  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
Reply
:iconkuchikixrukia:
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 !
Reply
:icongaminggoru:
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).
Reply
:iconcocobunnie:
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!
Reply
:iconcarbon-vanilla:
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.
Reply
:iconwilliam-black:
William-Black Featured By Owner Jul 1, 2014  Professional Digital Artist
This is an awesome resource, thank you so much.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 5, 2014
:heart:
Reply
:iconkillercats101:
KillerCats101 Featured By Owner Jun 27, 2014  Student
Thank you for sharing this ^-^

I've used it for my stamps box :D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 5, 2014
No problem. :)
Reply
:iconmissimoinsane:
missimoinsane Featured By Owner Jun 17, 2014  Hobbyist Digital Artist
This is brilliant :heart:
Reply
Add a Comment: