I am stuck in the process of creating a window frame for storing my web applications. Using JavaScript, the window will change the color, size, and position of the page. This is very similar to graphical applications on Windows.
Borders should be normal, i.e. they will change color with respect to the window, but will be slightly shaded with an opacity of about 50%.
The head should have the same color as the window, but will have an image with some alpha channel value as the background. (This will polish the top of the window.)
My problem is that my CSS for this task is quite difficult to manage through JS (the dynamic part of the application). So, I'm here to ask for some help from CSS experts. If you know how to make CSS fast, your help will be greatly appreciated. At the moment, I am disappointed that I did not find a way to write clean and simple code.
PS I also want to support Internet Explorer 6.
Edited: Please look at the visual representation of the problem: http://savepic.org/261861.jpg How would you manage to code the CSS for this window so that it is easy enough to change the size and color of the window using JavaScript?
source
share