Shoutbox

How does lj's version work then ?? Does he have the same problem ??

Anyways .... what you could do is put the whole window with text thing in the center of the screen, then take the bg image and take the transperancy thingy part of the walls of the "vista window" (the semi transparent part) and put it there. Then just call the entire image as the background.

For higher res compatibility, have a bg that has a uniform colour of the outside and then use the style.css to put the entire bg colour as the same colour so that there wont be any whitespace (but still the window and the pix will be on the left corner and that problem cant be solved by my idea )

That just confused me.

Lee's worked with transparent pngs, over a background...

Problem is it won't work in IE6 for obvious reasons...

There are ways to do transparency in both browsers with CSS. Maybe I'll work on a completely different VistaBlog, or maybe just a template that is transparent with support for any background.

Idk.

quote:

---

Originally posted by John Anderton
How does lj's version work then ?? Does he have the same problem ??

---

my version (which i cbf working on now ) just used transparent images and the background was a huge stretched wallpaper

The transperancy doesnt work in IE so cant you just have a browser detect function.
If its IE then use cut pix only in those positions and if its FF then use the transperancy function ??
Different css's ....

quote:

---

Originally posted by Fourjays
That just confused me.

---

Take a wallpaper that fades out on its edges into one uniform colour (eg cerain shade of blue) then use that same colour for the bg in css.

Then there wont be any white space .... only some blue space but it could look "ok" cause its .... well ..... fading out

Ill have a play later, and see what I can come up with.

quote:

---

Originally posted by Fourjays
Ill have a play later, and see what I can come up with.

---

I have a few vista wp's i think that could be useful for use with my idea

I think I might just make a version that has true transparency support. Need to do some research first though.

Well so far there are a few ways to do it...

1) The way John Anderton suggested - could get a bit messy though.

2) Add a transparency into the CSS for the images. This works to an extent in IE and Firefox. Doesn't work in Opera though.

3) Use javascript to force IE to render the PNG properly. (Lee's suggestion).

I think 3 is probably the best, for ultimate browser compatibility at the same time. Of cource, I have to remember that IE 7 is supposed to have PNG support as well as better standards compliancy.

I could say "shove it" to IE and do it with PNGs, but IE's market is still probably too big to ignore...

What do you think?

it is a very appealing look, i have to agree.
but, i think the space on the sides is totally not well used and takes ages to load, for just a background picture.

True .... IE is too big to say shove it unfortunately .... i agree with option 3