News: When asking for support, it helps us and you, if you read the Posting Guidelines

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

October 23, 2019, 11:07:26 AM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 189118
  • Total Topics: 20767
  • Online Today: 73
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 0
Guests: 47
Total: 47

Author Topic: Scrollable Script Block  (Read 3332 times)

0 Members and 1 Guest are viewing this topic.

AnimeUK

  • Guest
Scrollable Script Block
« on: March 19, 2008, 03: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!

Offline Lesmond

  • Do what you have to!
  • Administrator
  • *
  • Posts: 3129
    • Tiny Pix... Free Image Hosting and Sharing.
Re: Scrollable Script Block
« Reply #1 on: March 19, 2008, 04: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>
Please don't PM me for support without an invitation.


AnimeUK

  • Guest
Re: Scrollable Script Block
« Reply #2 on: March 19, 2008, 05:40:49 PM »
Excellent. Easy to configure too.

Thanks Lesmond!

QueenTiye

  • Guest
Re: Scrollable Script Block
« Reply #3 on: January 06, 2009, 10:56:32 AM »
This goes in a script box? Php box? 

QT

Offline IchBin™

  • Developer
  • *
  • Posts: 16228
    • My Website
Re: Scrollable Script Block
« Reply #4 on: January 06, 2009, 11:16:17 AM »
scriptbox should work fine.