10/28/2010

How To Make Your Buttons Scroll

Recently Faerie Sage asked me how I make the buttons on my sidebars scroll. I figured I would make this a blog post so everyone can see if they need it lol. Its really simple, use this HTML:

<marquee behavior="scroll" direction="up" height="200" onmouseout="if (this.start) { this.start() }" onmouseover="if (this.stop) { this.stop() }" scrollamount="3" scrolldelay="100">
PUT THE HTML FOR THE PICTURE/BUTTON/ETC HERE
</marquee>

The height, scroll amount, and scroll delay can all be changed if you like. The scroll amount number will show that number of buttons, and the scroll delay can be changed to make it scroll faster or slower.  If you have buttons that you only have the picture for and not the HTML go to http://photobucket.com and upload the picture to your album there, then grab the HTML for it and put it in your scroll area. I hope this helps everyone! And thanks for the question Faerie Sage! If you guys ever have questions, if I can answer them, I'm more than glad to help out!

4 comments:

Anonymous said...

Did you and Fairie Sage reach into my brain lol? I was just about to Google how to do this. Thank you so much!

Faerie Sage said...

Thank you I love the blog scroll but never had the Html to do it!

Anonymous said...

Thank you for clearing this up for me earlier in the week! You're a big help!

Amber said...

No problem! I like helping everyone when I can. Kinda makes me feel useful lol.