13 replies [Last post]
steadysystems
steadysystems's picture
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-09-25
Posts: 10
Points: 0

I've applied a very basic CSS Div Scrollbar to my spliced page. Seen here:

http://www.steadysystems.com/clients/timmery/index.html

But I want to create a CSS Scrollbar like this:

http://www.peachesrocks.com/bio.html

How is this accomplished? I do not know how to code this sort of thing.

Thanks!

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 6 years 3 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

That scrollbar effect is

That scrollbar effect is done with JavaScript, not CSS.

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

Crea
Crea's picture
Offline
Enthusiast
Hamburg - Germany
Last seen: 10 years 30 weeks ago
Hamburg - Germany
Timezone: GMT+2
Joined: 2007-02-08
Posts: 131
Points: 8

... but remeber: there are

... but remeber:
there are users with javascript not enabled.

A perfection of means, and confusion of aims, seems to be our main problem.
Albert Einstein

http://www.creategg.de

ascelon
ascelon's picture
Offline
Regular
Last seen: 14 years 5 weeks ago
Joined: 2007-09-25
Posts: 16
Points: 0

Would a styled iframe be

Would a styled iframe be inappropriate here?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

Quote:So I've spliced my

Quote:
So I've spliced my Design

You've done what?

You also don't have a doctype and have tables. Ew.

Verschwindende wrote:
  • CSS doesn't make pies

steadysystems
steadysystems's picture
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-09-25
Posts: 10
Points: 0

basically I just spliced it

basically I just spliced it right out of photoshop so I have not applied anything else to it..

so have we concluded that the scrollbar is JS and not CSS?

lokiloks
lokiloks's picture
Offline
Enthusiast
Albuquerque, NM
Last seen: 11 years 30 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2007-05-16
Posts: 145
Points: 24

Yes, the scroller on that

Yes, the scroller on that site, and many others like it is done with javascript. Many of us on this site would recommend that you not use that methodology for several reasons, the main one being that users often have javascript disabled.

Judging from your methodology, you may get a lot of disapproving comments here. You might find what you're looking for here, but you might not. My guess is you're a print designer that's trying to break into the internet field. I don't mean for you to not stay around here, but I'm suggesting that you'll need to re-assess your goals and methods.

If you want your websites to come out where you can customize everything especially with moving parts and have it be exactly the way you draw it then I'd recommend Flash or Swish.

You might want to look at the styling done at www.CSSZenGarden.com and see what really can be done with CSS. Then, you may feel like us, and want to create beautiful, fast loading sites that aren't dependent on the user having anything other than a browser.

Hope that helps,
LokiLoks

steadysystems
steadysystems's picture
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-09-25
Posts: 10
Points: 0

Actually no that doesn't

Actually no that doesn't help at all.

I've been involved with technology and the internet since 1992. That fact that I do not know how to code javascript does not in any way reflect that I am trying to "break through" as a print designer. Further, this particular project is a very low budget and client insisted on tables.

I know what can be accomplished with CSS and am aware of Zen. Your post was meaningless.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

I think the point Loki is

I think the point Loki is trying to make is that designing a site as an image in Photoshop, then slicing it and using tables to lay it out, is a beginner's mistake in designing CSS-based websites, and it's often the case with print designers who can make things look pretty, but don't understand the underlying structure of semantic code.

Verschwindende wrote:
  • CSS doesn't make pies

lokiloks
lokiloks's picture
Offline
Enthusiast
Albuquerque, NM
Last seen: 11 years 30 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2007-05-16
Posts: 145
Points: 24

steadysystems wrote:Your

steadysystems wrote:
Your post was meaningless.

Wow, I know your feelings got hurt, but seriously, didn't you ask:
steadysystems wrote:
so have we concluded that the scrollbar is JS and not CSS?

To which my post included:
lokiloks wrote:
Yes, the scroller on that site, and many others like it is done with javascript. Many of us on this site would recommend that you not use that methodology for several reasons, the main one being that users often have javascript disabled.

I answered your question, yet my post is meaningless?

So, perhaps this will help:

You apparently don't have the skills needed to reverse engineer from source code when you've got a perfectly good example. SO that being the case I'd reccommend you buy a copy of dreamweaver and get the extension at http://www.dmxzone.com/ShowDetail.asp?NewsId=4952.

If you're adamant that you could code it yourself, a good resource would be http://www.hesido.com/web.php?page=customscrollbar.

By the way, I found this information on my own in like two minutes of Googling instead of wasting a CSS forum's time with a Javascript question and further wasting their time by saying that a post that answered your question was meaningless.

Hell, at this point I think you should moan and whine about how mean I am instead of using the links that I gave you to get the solution you wanted.

Hope that helps despite my being a condescending jerk.
LokiLoks

P.S.

Thanks for shocking me out of my I need to be nice mode. Maybe I don't have to be so nice to the noobs that don't read the "Before posting, please read this." Especially if they call my help meaningless.

steadysystems
steadysystems's picture
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-09-25
Posts: 10
Points: 0

Nobody cares about your

Nobody cares about your meaningless post. The others were very helpful, you on the other hand are miserable.

Go outside or something.

lokiloks
lokiloks's picture
Offline
Enthusiast
Albuquerque, NM
Last seen: 11 years 30 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2007-05-16
Posts: 145
Points: 24

steadysystems wrote: Nobody

steadysystems wrote:

Nobody cares about your meaningless post. The others were very helpful, you on the other hand are miserable.

Go outside or something.


At least you can follow ONE direction properly:

lokiloks wrote:
Hell, at this point I think you should moan and whine about how mean I am instead of using the links that I gave you to get the solution you wanted.

LOL

Post that answers your question = meaningless post?

LOL

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

steadysystems wrote:

steadysystems wrote:

Nobody cares about your meaningless post. The others were very helpful, you on the other hand are miserable.

Go outside or something.

Did you completely ignore my post?

Now be nice to Lokiloks, s/he's given you some very good advice.

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Steadysystems I need to

Steadysystems I need to point out that lokilocks[sic] responded to your questions in concidered and measured tones, your reponses in return were not warrented and totally uncalled for.

I'm calling time on this thread, it isn't going anywhere except downhill so lets concider it closed!

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me