Translucent Borders?

[jjpeacha]

I want an effect like http://thoosje.com (the border is like vista) - I'm trying to design a site which has that effect my background image will be fixed in place, but don't know how to make the borders translucent.

Please help!

[Ryan Fait]

You have to use an image for something like that. There's no way to do it with HTML or valid CSS.

[jjpeacha]

ok then how would I do it? have you checked thoosje.com? the border effect is what I want - how would I achieve this?

[Ryan Fait]

Use a program like Photoshop and set the border to 50% opacity or whatever you want then save the image. What are you using to design the page?

[Lchad]

Looks like it's a graphic with just the outer lines drawn in.* The center that is transparent is empty.* It's a png so it can be transparent.

[jjpeacha]

Im using photoshop to design the site, and frontpage to code it. but when I save the image as a png and insert it into front page instead of it being translucent, (partly transparent, meaning a little bit is blury like thoosje.com - please check for reference on what I want) I have already designed what it will look like in photshop and it looks great but when I insert it the translucent bit is black, and so is the shadow effect!

JJ

[Lchad]

Check this out.http://www.photoshoplab.com/fun-with...ng-images.html

png files are not supported in older versions of IE so that maybe why you can't see it?

[jjpeacha]

Ye you were right thanks! Just one thing. How do I make te background fixed in different browsers, BGPROPERTIES="FIXED" that only seems to work in IE. anyone know a code that is supported in multi-browsers. Once again Thoosje.com seems to have manged what I can't!

JJ

[Lchad]

Code: Select all

html {
background: url(yourimage.jpg) no-repeat fixed;
}

[jjpeacha]

Thanks sooo much!!!

JJ

[Lchad]

You're welcome JJ!