Shop Mobile More Submit  Join Login
×




Details

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

Stats

Views
18,824 (27 today)
Favourites
1,208 (who?)
Comments
117
Downloads
24
×
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:
 
:iconsheepymelly:
SheepyMelly Featured By Owner Nov 20, 2014  Student Digital Artist
does anyone know how to put a scroll box on something like this?
sheepymelly.deviantart.com/

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!
Reply
:iconthegirlofponiez:
TheGirlOfPoniez Featured By Owner Edited 4 days ago  Hobbyist Digital Artist
You just keep the code for adding the background within the scrolling option!






Reply
:iconsheepymelly:
SheepyMelly Featured By Owner 4 days ago  Student Digital Artist
Ah I figured it out haha
but thankyou<3
Reply
:iconthegirlofponiez:
TheGirlOfPoniez Featured By Owner 4 days ago  Hobbyist Digital Artist
Oh okay, that's good ^^

You're welcome 
Reply
:icongiyb:
Giyb Featured By Owner Edited Oct 27, 2014  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.
Reply
:iconadoptspound:
AdoptsPound Featured By Owner Nov 16, 2014
"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?
Reply
:iconblueskies1117:
BlueSkies1117 Featured By Owner Sep 16, 2014  Student Artist
SO just put this in your custom box?
Reply
:iconmyshwie:
Myshwie Featured By Owner Oct 24, 2014  New member Hobbyist Traditional Artist
You can delete content here and <img src="">
Reply
:iconorribu:
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
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
Add a Comment: