Print Page - Scrollable Script Block

Title: Scrollable Script Block
Post by: AnimeUK on March 19, 2008, 09:20:45 PM

I would like to know how to make a script block scroll.

I don't mean an auto scroller using a < marquee > tag.

I have, on the left side of my screen, several small images, each linking to a certain board on the site. When you click on the image, you go to that board. That's easy - but because of the amount of images (and soon there will be even more!) the page will be like, 12 or more screens in height! - I need a scroll bar in there!!! (similar to the one in the 'shoutbox' and 'users online' blocks on this site)

I don't think the gallery code block will do the trick, as that takes you to the gallery when you click, not the board I want to go to...

Thanks!

Title: Re: Scrollable Script Block
Post by: Lesmond on March 19, 2008, 10:08:31 PM

here you go try this one 8)

Code Select


<div id="scroll" style="position: absolute; top:100px; left:0px;"></div><style type="text/css"> .scrollboxc10d2e0 { border:1px solid 000000; overflow: scroll; padding: 3px; width: 200px; height: 300px; background-color:FFFFFF; text-align: left; letter-spacing: normal; word-spacing: normal; font-size: 12px; color:000000; font-family: verdana } </style><div class="scrollboxc10d2e0">


<p style="text-align: center">place your image code here</p>


</div>

Title: Re: Scrollable Script Block
Post by: AnimeUK on March 19, 2008, 11:40:49 PM

Excellent. Easy to configure too.

Thanks Lesmond!

Title: Re: Scrollable Script Block
Post by: QueenTiye on January 06, 2009, 05:56:32 PM

This goes in a script box? Php box?

QT

Title: Re: Scrollable Script Block
Post by: IchBin on January 06, 2009, 06:16:17 PM

scriptbox should work fine.

TinyPortal

Development => Resources => Topic started by: AnimeUK on March 19, 2008, 09:20:45 PM