Shop Forum More Submit  Join Login
Scrolling Content Boxes by LabLayers Scrolling Content Boxes by LabLayers
Use this in any profile widget. You can put formatting and anything you can imagine inside it!

Without further ado, here is the code:


Code

Horizontal Scrolling Gallery: (Art Widgets Only!)
Make sure that there aren't any line breaks for this to work.
<div class="freeform-fullpreview ch-ctrl pp">:thumbXXX::thumbXXX::thumbXXX::thumbXXX::thumbXXX::thumbXXX:</div>

Vertical Scrolling Gallery:
<div class="freeform-fullpreview ch-ctrl pp">:thumbXXX::thumbXXX::thumbXXX::thumbXXX::thumbXXX::thumbXXX:</div>

Vertical Content Box:
<div class="freeform-fullpreview ch-ctrl pp"><h2>Content Heading</h2><hr/>
Paragraph text, Soufflé chupa chups candy canes danish biscuit chocolate bar chocolate!</div>


Colors

Blue:
<div class="freeform-fullpreview ch-ctrl indifade pp">CONTENT</div>
Green:
<div class="freeform-fullpreview ch-ctrl subscription_pitch has_subscription pp">CONTENT</div>
Red:
<div class="freeform-fullpreview ch-ctrl subscription_pitch no_subscription pp">CONTENT</div>
Devious Green:
<div class="freeform-fullpreview ch-ctrl altview h pp">CONTENT</div>
Black:
<div class="freeform-fullpreview ch-ctrl pager-dark rounded pp"><span class="smbutton-purple popup2-clear">CONTENT</span></div>
Sta.sh Blue (Requires Comission Widget)
<div class="freeform-fullpreview ch-ctrl stash-upload-box pp">CONTENT</div>
Purple: (as requested by *Drache-Lehre, not shown above.)
<div class="freeform-fullpreview ch-ctrl smbutton-purple pp">CONTENT</div>


For more custombox tutorials, check out #CustomizeYourProfile: customizeyourprofile.deviantar…

***A PREMIUM MEMBERSHIP IS REQUIRED IS REQUIRED TO FULLY CUSTOMIZE YOUR PROFILE WIDGETS!***


Need Help? Go read `CypherVisor's custombox guide before commenting!


Feel free to share/republish/modify this with everyone else! Credit is optional, but appreciated. Enjoy! :D
Add a Comment:
 
:iconselflessdevotions:
SelflessDevotions Featured By Owner Sep 1, 2018   Digital Artist
Used for my front page :D
Reply
:iconnamasthay:
namasthay Featured By Owner Nov 27, 2017  Professional Writer
does not work anymore I am affright 
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Jan 23, 2018  Hobbyist General Artist
Still working for me, only in the widgets on your profile page:
Try this:

For the  
Vertical Content Scroll  Box:
<
div class="freeform-fullpreview ch-ctrl pp"><h2>Content Heading</h2><hr/>
Paragraph text, anything you want in the scroll box here!</div>

OR if you don't need/want a content heading part

<div**class="freeform-fullpreview ch-ctrl pp"> 
Paragraph text, anything you want in the scroll box here!</div>
just replace the ** with a single space

Also if you are still having trouble with it. You could make a sta.sh or google document of the things you would like in your scroll box and I can code it for you :) (Smile) 
Reply
:iconmoon-apprentice:
moon-apprentice Featured By Owner Dec 15, 2016  Hobbyist General Artist
Fun fact - if you want a non-rounded one without the outline, just remove the part of the code that says "ch-ctrl".

I know for a fact it works with that "black" one (which is actually dark grey and looks really good on top of a black background), but it probably works with the others... try it out, let me know how it goes.
Reply
:iconshinyraii:
ShinyRaii Featured By Owner Sep 10, 2016  Student Digital Artist
is it possible to add the scroll bar into an already existing custom box?
like I have a different model/color box but I want the scrolling bar to appear in it anyways. Would that work?
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Aug 30, 2016  Hobbyist General Artist
If anyone needs help with this - feel free to contact me.  :) 

I have a bunch of these vertical scroll boxes on my profile, and I have used the coloured boxes in the past so I know they work as well. 

REPLY TO THIS COMMENT FOR HELP
 :happybounce: 
Reply
:iconmiss-malfunction:
Miss-Malfunction Featured By Owner Oct 18, 2018
Can I get some help? How can I make it thinner? I want to have it like the columns where my stamps are, but I want it to be able to scroll instead of having them like they are now ;w;
Reply
:iconendorell-taelos:
Endorell-Taelos Featured By Owner Oct 17, 2018   General Artist
For the vertical scrolling box, do you know how to make it wider?
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Jan 23, 2018  Hobbyist General Artist
For the  Vertical Content Scroll  Box:
<
div class="freeform-fullpreview ch-ctrl pp"><h2>Content Heading</h2><hr/>
Paragraph text, anything you want in the scroll box here!</div>

OR if you don't need/want a content heading part

<div**class="freeform-fullpreview ch-ctrl pp"> 
Paragraph text, anything you want in the scroll box here!</div>
just replace the ** with a single space

Also if you are still having trouble with it. You could make a sta.sh or google document of the things you would like in your scroll box and I can code it for you :) (Smile) 
Reply
:iconlynkofwinds:
LynKofWinds Featured By Owner Jul 24, 2017
Hey, hopefully this isn't too unrelated, but I've been testing some out on my profile, and I've used a scrolling box before, but sometimes it just doesn't look good.... do you happen to know if there's a way to put content over your background image in a custom box, and just have the text itself be able to scroll without it being in it's own little scroll box?
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Jan 6, 2018  Hobbyist General Artist
Holy wow this is a laaaaaaaaaate reply. It got buried in my inbox :ashamed: 

Unfortunately I only know these scroll boxes and the only way they seem to work is within their own little box

you can however put an image / background BEHIND the little scroll box (like I have done with them on my profile page ) 
Reply
:iconlynkofwinds:
LynKofWinds Featured By Owner Jan 6, 2018
I actually found a working wide custom box code, which has it so that I can just write on top of my background, and it will scroll if the content ends up being longer than the length of the image. Thank you though!
Reply
:iconbiissey:
bIissey Featured By Owner Dec 4, 2016  Hobbyist Digital Artist
im trying to use someones code with a background, but its not working at all Q_Q
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Jan 9, 2017  Hobbyist General Artist
Sorry this is a late reply.
The scroll-box will almost always sit ontop of the background of the widget as far as I have seen...

If you still had the link to the background you were trying to use I could have a look and try to get it to work for you :)  
Reply
:iconsugarmoonfox:
SugarMoonFox Featured By Owner Sep 20, 2016  Professional Digital Artist
How do you make the widget the scroll box is in longer?
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Nov 20, 2016  Hobbyist General Artist
The scroll box is always the same size...

As far as I'm aware to make the widget itself longer just include more content to it :) 
you can see on my page I have two scroll boxes in almost every widget and that makes them a bit longer .
Reply
:iconsugarmoonfox:
SugarMoonFox Featured By Owner Nov 21, 2016  Professional Digital Artist
Oops.. I meant to say how can I make the box larger?
The last time I tried it, the box came out really long and skinny
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Feb 2, 2017  Hobbyist General Artist
I think it just comes in the 'standard' size - they get a little bigger once you start filling it with words and things then once you put a certain amount of content in it , it reaches a certain size as far as I am aware... and then can scroll for ages. 
But yeah, I'm sorry, I'm not really sure how to expand it further to be larger... like expand it to fill the widget or something.
Sorry :( I wish I could be more helpful. 
I guess I only really know how to get it to work as a standard scroll box
Reply
:iconsugarmoonfox:
SugarMoonFox Featured By Owner Feb 2, 2017  Professional Digital Artist
That's okay.
Thanks for the reply :)
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Feb 2, 2017  Hobbyist General Artist
No problem :) 
Reply
:icon0ocolor-splasho0:
0oColor-Splasho0 Featured By Owner Sep 3, 2016  Student General Artist
which is the code for using this?
it isn't working for me :/
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Sep 5, 2016  Hobbyist General Artist
For the  Vertical Content Scroll  Box:
<
div class="freeform-fullpreview ch-ctrl pp"><h2>Content Heading</h2><hr/>
Paragraph text, anything you want in the scroll box here!</div>

OR if you don't need/want a content heading part

<div**class="freeform-fullpreview ch-ctrl pp">
Paragraph text, anything you want in the scroll box here!</div>
just replace the ** with a single space

Also if you are still having trouble with it. You could make a sta.sh or google document of the things you would like in your scroll box and I can code it for you :) (Smile) 
Reply
:iconpaleviixen:
paleviixen Featured By Owner Jul 19, 2016  Hobbyist Digital Artist
Backgrounds don't work in this?? ;;
Reply
:iconnightesprit:
NightEsprit Featured By Owner Aug 29, 2016  Hobbyist Photographer
They do :)
Reply
:iconrazei-kun:
Razei-kun Featured By Owner Dec 24, 2016  Hobbyist Digital Artist
How do i put one?
Reply
:iconpaleviixen:
paleviixen Featured By Owner Aug 29, 2016  Hobbyist Digital Artist
oh, awesome!! They didnt work for me at the time.. ;o;
Reply
:iconeiocia:
Eiocia Featured By Owner Jul 16, 2016
um lol this has definitely already been asked but how do you change the width and height?
Reply
:iconcandy-meow:
Candy-Meow Featured By Owner Mar 30, 2016  Hobbyist General Artist
Perfect!! thank you :heart:
Reply
:iconroseqalaxy:
Roseqalaxy Featured By Owner Mar 11, 2016
umm,,, the scrolling box didn't work??
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Aug 30, 2016  Hobbyist General Artist
The scrolling box works perfectly fine - I have many of them on my profile. 

You need to have Premium / Core membership for them to work in the WIDGETS 

but you MIGHT be able to get it to work on the DeviantID section :) 
Reply
:iconroseqalaxy:
Roseqalaxy Featured By Owner Aug 31, 2016
ah ok, ty
Reply
:iconzion-xyz:
Zion-XYZ Featured By Owner Edited Sep 10, 2015  Hobbyist Digital Artist
I probably sound stupid and I feel late, but can I change the colour of the scrolling box?
Reply
:iconmem-schuriscloa:
mem-schuriscloa Featured By Owner Aug 18, 2015  Professional Digital Artist
Thank you very much : )!
Reply
:iconbillynikoll:
BillyNikoll Featured By Owner Jul 15, 2015  Hobbyist General Artist
thanks for this.
Reply
:iconblushycake:
blushycake Featured By Owner Jul 10, 2015  Hobbyist Digital Artist
can we change the height of this? 
Reply
:iconpiko-ai-chan:
Piko-Ai-chan Featured By Owner Jul 10, 2015  Hobbyist General Artist
Can someone help me please? No matter what I try I just can't make scroll boxes work... :'(
Reply
:iconroseqalaxy:
Roseqalaxy Featured By Owner Mar 11, 2016
the reason they won't work is bc you aren't a core member <3
Reply
:iconpiko-ai-chan:
Piko-Ai-chan Featured By Owner Mar 17, 2016  Hobbyist General Artist
ok thanks
Reply
:iconroseqalaxy:
Roseqalaxy Featured By Owner Mar 17, 2016
np!
Reply
:iconthemoonfall:
TheMoonfall Featured By Owner Jun 28, 2015  Student Artist
Why is the horizontal and the vertical code exactly the same...?
Reply
:iconyarikoi:
yarikoi Featured By Owner Jun 22, 2015  Hobbyist General Artist
The horizontal scroll box isn't working on my page? It keeps showing up as vertical and I can't change it. Help!
Reply
:icondreamdrifter91:
DreamDrifter91 Featured By Owner Aug 30, 2016  Hobbyist General Artist
*Horizontal Scrolling Gallery: (For Art Widgets Only!) Make sure that there aren't any line breaks for this to work.* 

The normal vertical scroll should work fine. I have a bunch of them on my profile...  
Reply
:iconplantbones:
plantbones Featured By Owner Jun 19, 2015  Hobbyist Digital Artist
is there a white version of this anywhere? like in the graphic above? ;v;
Reply
:iconcrxe:
crxe Featured By Owner Jun 21, 2015  Hobbyist General Artist
It's the third code in the desc. i'm pretty sure XD
Reply
:iconplantbones:
plantbones Featured By Owner Jun 21, 2015  Hobbyist Digital Artist
oh LOL

thanks!
Reply
:icont0xllc:
T0XllC Featured By Owner Jun 8, 2015  Student Digital Artist
how can you change thew height and width of the box? ;o;
Reply
:iconflltch:
FLlTCH Featured By Owner Mar 22, 2015
is there anyway to change the height of the box
Reply
:iconocshop:
OCshop Featured By Owner Mar 14, 2015  Hobbyist Digital Artist
Hello! These are really amazing! I wanted to use the Horizontal one but the code is the same as for Vertical box, so it doesn't work ; - ; can you please put up the code for Horizontal scrolling gallery? ; u ;/
Reply
Add a Comment:
 
×

:iconlablayers: More from LabLayers





Details

Submitted on
August 7, 2013
Image Size
511 KB
Resolution
983×3788
Link
Thumb

Stats

Views
26,396 (3 today)
Favourites
1,241 (who?)
Comments
116
Downloads
38