1
kaotik
New Theme - An experiment in CSS3 and javascript
  • 2010/9/7 16:29

  • kaotik

  • Just can't stay away

  • Posts: 861

  • Since: 2004/2/19


I've created a new theme to test CSS3 and javascript.

Test Site

This theme uses some interesting javascript code I found:
Bubbleup - My main menu grabs the module icon of installed and active modules and uses it.You can easily customize these images.

Bokehs - For my background I'm using generated cirles. These change position, color and size with each page reload.

I've tested this theme on several browsers and in terms of javascript speed it works best in Google Chrome, next in opera and last in firefox (which can get choppy with main menu). I haven't tested on any IE. Bokeh doesn't work properly in opera.

Let me know what you think. If there's interest I could release this theme.

www.kaotik.biz

2
Mamba
Re: New Theme - An experiment in CSS3 and javascript
  • 2010/9/8 1:03

  • Mamba

  • Moderator

  • Posts: 11366

  • Since: 2004/4/23


Very cool!!! Thanks for sharing!!!
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

3
vamptrix
Re: New Theme - An experiment in CSS3 and javascript
  • 2010/11/30 10:14

  • vamptrix

  • Theme Designer

  • Posts: 424

  • Since: 2008/5/3 1


Still a bit rough. You should polish it a bit, place the navigation in a styled box and use a little softer background, and it would be very nice
I used to use this account, but no longer.

4
mariane
Re: New Theme - An experiment in CSS3 and javascript
  • 2010/11/30 15:44

  • mariane

  • Theme Designer

  • Posts: 649

  • Since: 2008/1/11


congratulation for the nice theme
I tested it in IE8,anf fierfox,and I have 2 remarks:
- the rounded corners dosn't work on IE, you can use IE pie to resolve this problem
- the bubble also dosnt work on ie, I tried this effect in a website I did from few months ago, and I faced the same issue in ie, and after looking for a solution, I found that the js file contains an error in hard-coded sizes to variables, I change them and this is my js file, maybe it will be useful. I am sure it working well
the road of success is always under construction

5
vamptrix
Re: New Theme - An experiment in CSS3 and javascript
  • 2010/11/30 18:00

  • vamptrix

  • Theme Designer

  • Posts: 424

  • Since: 2008/5/3 1


Mariane, for an experiment with CSS3 I don't think you should use hacks to make things work in older browsers as that kind of beats the point of doing it in CSS3.
I used to use this account, but no longer.

Login

Who's Online

242 user(s) are online (162 user(s) are browsing Support Forums)


Members: 0


Guests: 242


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits