In the original site (chjc.nl) they have created cut-off corners. Cut-off in the sense that the corner is not straight, but it has been cut under a 45 degree angle. They did this with a transparent corner in a png picture. (the small picture attached, called top.png)
I've tried a few things to apply the same in the chat but couldn't get it to work. Since the chat has a fixed height I've made a white png (the big picture attached called top.png) of that height and put it behind the chat window (see chat site). The CSS I then used:
background-position: right top;
The problem is: this image is 15 kb in stead of the 1.2 kb of the original. I'm sure my knowledge of CSS is failing me. So can anyone help me in the right direction?
Thanx a lot
in addition: visibility of the files
When you click on the files in the message above and the file is shown in your browser, all you see is a white screen. That is, of course, because the pictures are all white. So if you want to see them, save the pictures to your computer and open them in e.g. PhotoShop.