Title: Re: [WSG] How do they do this?
Nice one! I like that!!
- susie
On 4/9/06 4:25 PM, "Tony Crockford" <[EMAIL PROTECTED]> wrote:
> Susie Gardner-Brown wrote:
>> Ok – here’s the Eric Meyer link -
>> http://meyerweb.com/eric/css/edge/popups/demo2.html
>
Susie Gardner-Brown wrote:
Ok – here’s the Eric Meyer link -
http://meyerweb.com/eric/css/edge/popups/demo2.html
I’ve used that for text only, but he has an image that changes.
based on that and various other examples I did something similar here:
http://www.bclm.co.uk/
;o)
***
Title: Re: [WSG] How do they do this?
Ok – here’s the Eric Meyer link - http://meyerweb.com/eric/css/edge/popups/demo2.html
I’ve used that for text only, but he has an image that changes.
- susie
On 4/9/06 1:20 PM, "Kevin Futter" <[EMAIL PROTECTED]> wrote:
On 4/9/06
Oops!
Well, I guess it can be done similarly, using a longer/bigger
background image and more viewport coordinates.
Or, an example is available here of another method:
http://www.pmob.co.uk/temp/disjointedcssrollover8.htm
On Sep 3, 2006, at 11:50 PM, Elliot Schoemaker wrote:
That's for a
PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] How do they do this?
That's for a navbar, unless I'm mistaken I'm quite sure we're
discussing the disjointed-rollover effect here.
Elliot
On 9/4/06, Ido <[EMAIL PROTECTED]> wrote:
>
> The tutorial to which you are referring has been
maker
Sent: Monday, 4 September 2006 1:20 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] How do they do this?
That's for a navbar, unless I'm mistaken I'm quite sure we're
discussing the disjointed-rollover effect here.
Elliot
On 9/4/06, Ido <[EMAIL PROTECTED]> wrot
The original css rolloverhttp://meyerweb.com/eric/css/edge/popups/demo2.htmldel usr
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECT
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of Elliot Schoemaker
Sent: Monday, 4 September 2006 1:20 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] How do they do this?
That's for a navbar, unless I'm mistaken I'm quite sure we're
discussing the disjoin
That's for a navbar, unless I'm mistaken I'm quite sure we're
discussing the disjointed-rollover effect here.
Elliot
On 9/4/06, Ido <[EMAIL PROTECTED]> wrote:
The tutorial to which you are referring has been copied (with and without
credits to the original author) by many sites. Basically, se
The tutorial to which you are referring has been copied (with and without credits to the original author) by many sites. Basically, set a background image in the a section of the navbar button class or id, which has one version of the button followed by the "down" version, side by side, but only t
Too right.
I can't find the exact resource, but a combination of absolutely and
relatively positions images within the link elements should create
this kind of effect.
Something like this (untested):
body { padding: 20px; background-color: #ccc; }
#alpha { position: relative; background-co
>They used javascript on an onLoad function to attach events to the list(s):
I may be crazy but hasn't this effect been achieved using simple background
images for list items and then swapping the image in the CSS?
Google for something like 'css image rollover' and you're bound to find
something
Helen Rysavy wrote:
> [...] image changing as you roll over the
> bulleted items. Does anyone know how
> they did this?
Hello Helen,
You're asking the little lists topped with images at the bottom of the page
right? Those are neat. They're using JavaScript and CSS:
http://dts.edu/pur
Hi!The scroller is automatic, regardless of rollovers. It has also been done in flash, no markup trickery there!ElliotOn 9/4/06, Helen Rysavy
<[EMAIL PROTECTED]> wrote:
Hi
I really like how this site has the image changing as you roll over the bulleted items. Does anyone know how the
> I really like how this site has the image changing as you roll over the
bulleted
> items. Does anyone know how they did this? I think it is a nice little
feature.
> http://dts.edu/
They used javascript on an onLoad function to attach events to the list(s):
>From purplescript.ashx:
function
Title: Re: [WSG] How do they do this?
On 4/9/06 12:58 PM, "Susie Gardner-Brown" <[EMAIL PROTECTED]> wrote:
I looked at it in Firefox on a Mac, and to me the images moving on the righthand side are just going up every 2-3 seconds whether I roll-over one of the bulle
Title: Re: [WSG] How do they do this?
I looked at it in Firefox on a Mac, and to me the images moving on the righthand side are just going up every 2-3 seconds whether I roll-over one of the bulleted items or not!
:)
- susie
On 4/9/06 12:47 PM, "Helen Rysavy" <[EMAIL PROTECTED
Title: How do they do this?
Hi
I really like how this site has the image changing as you roll over the bulleted items. Does anyone know how they did this? I think it is a nice little feature.
http://dts.edu/
Cheers
***
18 matches
Mail list logo