Solved

custom scrollbar with searchable text

Posted on 2007-12-02
6
347 Views
Last Modified: 2008-02-01
I'm working on a site that is created with tables. in one cell, i have a div with scrollable text. the default scroll bar is just not acceptable for my client. she wants something really clean and sleek. is there a way to do this with html or do i need to use flash and if i use flash, is the text in the box still searchable? i'm using dreamweaver.
0
Comment
Question by:kenmac722
  • 3
  • 2
6 Comments
 
LVL 3

Accepted Solution

by:
Mr_Splash earned 250 total points
ID: 20392537
I'm afraid this cannot be achieved in all browsers, however for IE and a couple of other browsers you can achieve a certain degree of design using colours, it can be done with a simple bit of css which you would apply to the divs class or style tag.

You can use as many or as few of the declarations below


scrollbar-base-color:
scrollbar-track-color:
scrollbar-face-color:
scrollbar-highlight-color:
scrollbar-3dlight-color:
scrollbar-darkshadow-color:
scrollbar-shadow-color:
scrollbar-arrow-color:

Open in new window

0
 

Author Comment

by:kenmac722
ID: 20392660
if i do it in flash, can i keep the text searchable?
0
 
LVL 3

Expert Comment

by:Mr_Splash
ID: 20392729
No, at present there is no way for search engine spiders to read flash text.

However, when you embed the flash file you can specify the text used in the animation. It won't show up in the page but it can be found by search engine spiders. Let me know if this is what you want and I can give you an example.

Or did you mean searchable from inside the site? as that is a whole different kettle of fish and would completely depend on your sites search code and you would still need the above method.
0
 

Author Comment

by:kenmac722
ID: 20394786
no, i meant searchable by google. could you show me an exampple? thank you so much!!!
0
 
LVL 3

Expert Comment

by:Mr_Splash
ID: 20397336
Well,
The easiest way is to add

<noembed>All the text that's in the flash file</noembed> after your <embed> tag

Or you can use some javascript that will deliver certain material to search engine spiders and the flash to visitors, such as http://www.adobe.com/devnet/flash/articles/swfobject.html

Then when you've done either of the above, you can use the following website to check what search engines will see. http://www.spidertest.com
0

Featured Post

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

823 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question