Shop Forum More Submit  Join Login
Scrolling Widgets (non-Custom Box) by SimplySilent Scrolling Widgets (non-Custom Box) by SimplySilent
If this is not making any sense to you, please make sure to first read =TaNa-Jo's Custom Box Tutorial about adding background images. :aww:

Background image used: Free Blue Content Holder by =Kimikokawaiichan



Paste the following codes into the text box of your widget. If you'd like to see some live versions, see my profile here.


Regular Background Scroll Code: Use if your background image cannot be stretched.

<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>


Adjustable Background Scroll Code: Use if you background image can be stretched.

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


Scrolling Custom Box Widget

The code for this one can be found here:

Thank you to =fluf-studios for figuring this out!
Add a Comment:
 
:iconnanohanan:
Nanohanan Featured By Owner Jun 22, 2018  Hobbyist General Artist
It is sadly won't work for me. Oh Noes! 
Reply
:iconsoftmelonn:
SoftMelonn Featured By Owner Jun 25, 2018  Student Digital Artist
Featured Deviation Is Not A Core Widget But There's Some Features That Just Work For Core Member Only Including This. But If You Add Some Core Resources If You Had Core, When Your Core Expired, It'll Be Saved, You Just Don't Edit It Or It'll be Ruined. That's The Oldest Bug That DeviantArt Is Fixing Now...
Reply
:icono0-jynxus-0o:
o0-Jynxus-0o Featured By Owner Mar 20, 2017  Hobbyist Digital Artist
Could you help me? I'm having trouble.
Reply
:iconhellosiste:
hellosiste Featured By Owner Jan 19, 2017   Filmographer
cool!
Reply
:iconsandy--sketch:
Sandy--Sketch Featured By Owner Nov 4, 2016
What it does mean, "CONTENT HERE"? TY
Reply
:iconponypaws:
ponypaws Featured By Owner Nov 5, 2016  Student Digital Artist
"Content here" means you can write/post
anything there to your liking :)
Reply
:iconsandy--sketch:
Sandy--Sketch Featured By Owner Nov 6, 2016
Thanks!
Reply
:iconponypaws:
ponypaws Featured By Owner Nov 6, 2016  Student Digital Artist
No prob! ;3
Reply
:iconspongebob-killer:
Spongebob-Killer Featured By Owner Oct 9, 2016  Hobbyist Digital Artist
damn, they should make a scrollbox for non core members
Reply
:iconkeiibo:
Keiibo Featured By Owner Oct 9, 2016  Student Digital Artist
Why can't people align the words in it??????
Reply
:iconfinakiyomo:
finakiyomo Featured By Owner Sep 19, 2016  Hobbyist General Artist
Mine is coming up as a white bg with no scroll bar... and I put the code in correctly. I was able to do it on the custom ones, but not the featured deviation box with this one... can you help me, please? :D
Reply
:iconuomiii:
uomiii Featured By Owner Sep 2, 2016  Hobbyist General Artist
hello ! i keep getting this problem - i.imgur.com/kgGHOQy.png
any idea how to remove that ?
Reply
:iconautumnique:
Autumnique Featured By Owner May 28, 2016
how do i remove the scroll
i want to put something on my newest deviation but idk how to put the content at the top
Reply
:icontalmorne:
Talmorne Featured By Owner Apr 4, 2016  Student Digital Artist
I tried it on my deviantartID widget but it keeps coming up funny
Am I doing something wrong?
I followed your tutorial very closely ;-;
Reply
:iconturqouis:
Turqouis Featured By Owner Apr 8, 2016
These codes are for Core mmbers only, I think thats our problem
Reply
:icontalmorne:
Talmorne Featured By Owner Apr 8, 2016  Student Digital Artist
;-;
Reply
:iconkeiko-draws:
Keiko-Draws Featured By Owner Dec 13, 2015  Hobbyist Digital Artist
is there one where there is no scrolling? and just like this for the no premium memberships?
Reply
:iconcinnabunangel:
cinnabunangel Featured By Owner Aug 6, 2015  Hobbyist Writer
Super helpful ; v ;

My only question is that, somehow the core/Pm star is still popping up from under the coding and it's an eyesore. How do I get rid of it???

//after a million years of trying to figure it out I got a handle of it
Reply
:iconinstarsa:
instarsa Featured By Owner May 26, 2016
????
Could I know how you managed to do that? :noes: I'm probably overlooking one simple thing... :XD:
Reply
:iconsafoochan:
SafooChan Featured By Owner May 22, 2015   Digital Artist
Thank you :)
Reply
:icondeathangelsuki:
DeathAngelSuki Featured By Owner May 16, 2015  Student General Artist
is this only for premiums?
Reply
:iconbisharps:
bisharps Featured By Owner May 17, 2015  Hobbyist General Artist
yep
Reply
:icondeathangelsuki:
DeathAngelSuki Featured By Owner May 17, 2015  Student General Artist
thanks
Reply
:iconbisharps:
bisharps Featured By Owner May 17, 2015  Hobbyist General Artist
welcome !!
Reply
:icongothicblueeyes:
GothicBlueEyes Featured By Owner Apr 6, 2015  Student Digital Artist
I have a question, and its not about this piece, but, how do you get the code to show up like that in the description?
I can't find it ANYWHERE to how to do that.
Please, tell me of your wisdom of magic. :la:
Reply
:iconcr1t1calhershey:
Cr1t1calHershey Featured By Owner May 3, 2017  Hobbyist Digital Artist
Late reply, but you change the font.
Reply
:icondevendesign:
DevenDesign Featured By Owner Mar 20, 2015  Professional Digital Artist
I thought you would have put CSS in the description box to stylize the custom widget.  I guess it's HTML.
Reply
:iconlaugh-butts:
Laugh-Butts Featured By Owner Jan 24, 2015  Professional Digital Artist
You know how the Webcam widget asks for an image link, and then it displays that image link is full size, and the actual widget would change heights just to show the full webcam?

Well, it looks like DA turned the Webcam into a Custom Box, and now, I am trying to figure out how to get the custom box to display the same full image without an awkward blank space in the bottom like depicted here. The only way I have been able to display the image in full size is by making the image the "background image" with not content, but to get the image to show completely, I have to add all these spaces, but depending on the computer monitor screen and resolution, there could still be an awkward blank space on someone else's  computer. 

Do you know if there was any way to fix this type of issue for custom boxes? 
Reply
:iconpockycatinsanity:
PockyCatInsanity Featured By Owner Nov 23, 2014
May i ask how to do a content holder box with a scrolling thing ;o;
Reply
:iconpockycatinsanity:
PockyCatInsanity Featured By Owner Dec 20, 2014
oh its alright but thank you!
Reply
:iconkatkitters:
katkitters Featured By Owner Dec 20, 2014  Student General Artist
ahah you're welcome!
Reply
:iconpokemonsonicgirl123:
pokemonsonicgirl123 Featured By Owner Oct 18, 2014  Hobbyist General Artist
Will this work on journal skins? I mean, I was using this one skin with a footer and sidebar and tried to use the scrollbox code, but when I click preview, all I get is this white background with whatever stamps I'm using going off the page. Did I paste the code into the wrong area or something?
Reply
:iconyamuku:
Yamuku Featured By Owner Sep 13, 2014  Hobbyist Artist
I think I might have found a slight issue?

So I am trying to use your profile directory WITH this code. I dont think these two are working together well.

Please let me know if I'm just using the codes wrong or if these two will not work together. 
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Sep 13, 2014
The profile directory wasn't made to be combined with this scrolling, unfortunately.
Reply
:iconyamuku:
Yamuku Featured By Owner Sep 13, 2014  Hobbyist Artist
Oh dont worry I found a way around it!

I used this scrolling box code: tana-jo.deviantart.com/art/Box… and simply took out the background image out side of the scroll box.

You can see what I did on my commissioner's page here: nezuney.deviantart.com/

You might wanna put that info in the description for others. 
Reply
:iconprincess-starflok:
Princess-Starflok Featured By Owner Jul 8, 2014  Professional Digital Artist
how about custom boxes?
Reply
:iconxxpurpletreasurexx:
xXPurpleTreasureXx Featured By Owner Jun 28, 2014  Hobbyist Digital Artist
uh doesnt even work for me at all
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 5, 2014
You need to be a premium member, I'm afraid.
Reply
:iconxxpurpletreasurexx:
xXPurpleTreasureXx Featured By Owner Jun 28, 2014  Hobbyist Digital Artist
nvm xD
Reply
:iconp0tat0-kun:
P0TAT0-KUN Featured By Owner May 21, 2014  Hobbyist Digital Artist
umm.. I'm sorry if I ask stupid question but, are non-membership allowed to do this? QvQ
sorry for my english :iconuhuhuhuplz:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 5, 2014
No, unfortunately not. :hmm: Most custom box codes only work for premium members.
Reply
:iconmonstargutz-archive:
monstargutz-archive Featured By Owner May 24, 2014  Hobbyist General Artist
Members are can do this in custom boxes but I assume that any member that can edit their other widgets can use the same codes as well. ^w^ (I've seen it on some past pages before)
Reply
:iconcassychu:
CassyChu Featured By Owner Apr 26, 2014  Hobbyist Digital Artist
does this also work for the ID widget? (i think it does but just to make sure :?)
Reply
:iconsimplysilent:
SimplySilent Featured By Owner May 2, 2014
It does. :)
Reply
:iconcassychu:
CassyChu Featured By Owner May 3, 2014  Hobbyist Digital Artist
thx ^^
Reply
:icondreadbot24:
Dreadbot24 Featured By Owner Feb 26, 2014  Hobbyist General Artist
Thanks so much!! This is fantastic~ :love:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Mar 2, 2014
No problem at all!
Reply
:iconbellechan:
Bellechan Featured By Owner Jan 22, 2014
Thank you for this!!

Is there a way to hide the scroll bar? 
Reply
Add a Comment:
 
×




Details

Submitted on
July 31, 2013
Image Size
501 KB
Resolution
801×3207
Link
Thumb

Stats

Views
41,930 (6 today)
Favourites
1,720 (who?)
Comments
130
Downloads
67 (1 today)