TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

April 19, 2024, 10:33:28 PM

Login with username, password and session length
Members
  • Total Members: 3,885
  • Latest: Growner
Stats
  • Total Posts: 195,165
  • Total Topics: 21,219
  • Online today: 266
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online

Scrollable Script Block

Started by AnimeUK, March 19, 2008, 09:20:45 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

AnimeUK

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!

Lesmond

here you go try this one 8)


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

AnimeUK

Excellent. Easy to configure too.

Thanks Lesmond!

QueenTiye

This goes in a script box? Php box? 

QT

IchBin