WORKING Voyager Sickbay LCARS in HTML/CSS (no images or JS effects!)

[deus]

Thanks :) You will need a browser that supports CSS3 to properly view the html/css in the zip file in my first post. Latest Firefox, IE9 and Chrome should all work nicely.

[deus]

OK, here's the wide panel in the bottom right section of the Enterprise-D MSD:



To download the working panel, click here.
Simply download the file, unzip and open the 'LCARS1.htm' file in any browser that supports CSS3 (i.e. Firefox 4+, IE9, Chrome).

This one was a bit of a nightmare to "finish". It definitely would have been easier to make a graphic... however, I wanted to prove (mostly to myself) that this could be done with nothing more than some creative HTML/CSS (again, no images of any kind). As a result, the complete (working) panel, including the font, is much smaller in size than even the preview image above, and can be scaled while maintaining its quality.

If you download the zip, please feel free to use the panel in any way that you'd like (just throw me some credit :P). If there are any questions on how to make changes, add links, add functions, etc, I'm happy to help :)

Hopefully somebody makes this into a website or something!

[Kmpr´rak]

AMAZING!!! Thanks!

[Adge]

A cool fine piece of artwork.

[Library Computer]

Fantastic work!

[mtblillie]

Wow! Great work!

[deus]

Thanks, guys! Currently working on the largest / best one of them all... It will take me at least a few more days, but check back soon! It will be worth it ... :)

[Kmpr´rak]

Okay, I am looking forward! I think it will be excellent stuff as before. :-)

[Bracer]

I love the Voyager Sickbay LCARS!
I want to print it and paste it on my glass table :D

[Nordhri]

Sooo

Any updates? Any chance at the tutorial you mentioned to share how you did it so we can do it?