Web page graphics question

[Bj]

Ok, I am learning HTML/CSS in a web design class.

Anyway, I thought this look looked pretty cool;

I am wondering how did they get the border glow like that?

I cannot find anything under the CSS reference about adding a 'glow' to borders or anything. It has to be just an image with overlaying flash or something.

Thanks for tips

 

[Suzy]

I had a quick go at doing it in Photoshop Elements, and the result is below (New image > color background > New layer > Rectangular Marquee Tool to draw bevel > Gradient Tool to create gradient > Layer styles > select Outer Glow style (no color choice though in Elements, though mine is an old version). I am no graphics expert though!

MS Explorer does have a CSS glow code, but it is specific to that browser only.

 

[orb]

{pic}

I am wondering how did they get the border glow like that?

I cannot find anything under the CSS reference about adding a 'glow' to borders or anything. It has to be just an image with overlaying flash or something.

Thanks for tips

This can be either an image with fixed glow effect added in Photoshop or similar program, or dynamically added Flash glow effect, if it's inside Flash object.

 

[Tex]

or dynamically added Flash glow effect, if it's inside Flash object.

Probably this is my guess if the glow appeared to have any motion to it or was it a fixed image?

 

[Unstung]

I know some CSS and HTML, but like said above, it seems to be a fixed image, easily made in GIMP or Photoshop. There's a very simple way in GIMP, create the shape path you want, then stroke it. If the glow had motion, couldn't it just be a .gif image?

 

[Bj]

I know some CSS and HTML, but like said above, it seems to be a fixed image, easily made in GIMP or Photoshop. There's a very simple way in GIMP, create the shape path you want, then stroke it. If the glow had motion, couldn't it just be a .gif image?

Yeah it probably is made with GIMP or some other editor. Though, GIF doesn't hold transparency/transisions well so it is more likely PNG.

Thanks for the input guys

 

[Schimz]

You can made this effect with CSS3 (shadow effect). But IE will not render it.
Example @ my site : http://akaa.free.fr/orbiter