ShopDreamUp AI ArtDreamUp
Deviation Actions
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
The number of
The number of
The number of
Regular Scroll Box Code
The number of
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
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.
<br><br><br><br><br><br><br><br><br><br><br><br><br><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="gr-box gr-genericbox"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="BACKGROUND IMAGE URL"></div></div><div class="pppp"><div class="pppp"><div class="pppp"><div class="gr-box gr-genericbox">TEXT OUTSIDE SCROLL BOX</div><div class="gr-box gr-genericbox">
<br><br><br><br><div class="previewbox"><div class="floaty-boat"><img src="SCROLL BOX IMAGE URL"></div><div class="gr-box gr-genericbox"><div class="pppp">I'M THE FIRST SCROLL BOX</div></div></div></div><div class="gr-box gr-genericbox">TEXT OUTSIDE SCROLL BOX</div><div class="gr-box gr-genericbox">
<br><br><br><br><div class="previewbox"><div class="floaty-boat"><img src="SCROLL BOX IMAGE URL"></div><div class="gr-box gr-genericbox"><div class="pppp">I'M THE SECOND SCROLL BOX</div></div></div></div><div class="gr-box gr-genericbox">TEXT OUTSIDE</div>
The number of
<br>
at the beginning of the first chunk of code sets the height of the custom box.The number of
<br>
at the beginning of the second chunk of code sets the height of the first scroll box.The number of
<br>
at the beginning of the third chunk of code sets the height of the second scroll box.The number of
<div class="pppp">
near the end of the first chunk of code determines the width of the scroll box.Regular Scroll Box Code
<div class="popup2-moremenu"><div class="floaty-boat">
<img src="BACKGROUND IMAGE URL"></div><div class="gr-box gr-genericbox">TEXT OUTSIDE</div><div class="gr-box gr-genericbox">
<br><br><br><br><div class="previewbox"><div class="floaty-boat"><img src="SCROLL BOX IMAGE URL"></div><div class="gr-box gr-genericbox"><div class="pppp">I'M A SCROLL BOX</div></div></div></div><div class="gr-box gr-genericbox">TEXT OUTSIDE</div>
The number of
<br>
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:
<div class="gr-box gr-genericbox">
<br><br><br><br><div class="previewbox"><div class="floaty-boat"><img src="SCROLL BOX IMAGE URL"></div><div class="gr-box gr-genericbox"><div class="pppp">I'M THE FIRST SCROLL BOX</div></div></div></div><div class="gr-box gr-genericbox">TEXT OUTSIDE SCROLL BOX</div>
Inserting Text Between Scroll Boxes
<div class="gr-box gr-genericbox">I'M SOME TEXT</div>
More Scrolling Resources:
Regular Scrolling widgets
Fancy Scroll Box by =TaNa-Jo
Image size
608x662px 40.23 KB
© 2013 - 2024 SimplySilent
Comments225
Join the community to add your comment. Already a deviant? Log In
Is there a way to put a scrollbox inside a regular custom box without it looking small like the "fancy scroll box"?