bugrain.com

Global Links

Site links


Content

New Site Theme: bugrain3

printer friendly create pdf of this news item
Thu 19 April 2007 - 20:17:50

* A new theme for this site

So I've finally decided to go with the new theme.

It's not perfect and there's bits of it I don't like and bits I want to change anyway and bits I still want to do. But, hey, you can tweak it forever and nobody will ever see it.

So, what's it all about - all this, skin chooser and stuff?

Well, I wanted to do a theme for my site that got away from the square "CMS look" seen in a lot of places. Not just e107, other CMSs too. Now, there's nothing wrong with that look, I just wanted to try some different things that I knew (or thought I know) i could do. The result is this theme (or "bugrain3" if you're viewing this news item many years in the future and I've moved on).

Now I've got a bit of a background in HTML, CSS and JavaScript, so I wanted to add some of that to the theme. I also wanted to make it 'e107 legal', so there are no hacks to the e107 core (as of version 0.7.8)... well, just one, but it's a simple one (removing one line of code from download.php so that category descriptions do not take over the whole 'page title' area).

I also though I would make it 'stand alone' so it had no dependencies on any other code. However, as I also wrote the e107 Helper Project plugin and this has many useful JavaScript function in it (self plug ) it soon became apparent that there was no point not using it. As the eventual aim was to move any useful JavaScript in to e107 Helper at a later date I decided there was no point waiting - the theme is just for me so e107 Helper will be available always and the extra JavaScript in e107 may be useful to others sooner rather than later anyway.

So that's where I got to today, here's few things I like about the theme
  • Skin switcher (the little buttons at the top right of the page)
  • Fading in menus - the two 'static' (or top) menus
  • Right hand menus - the round edges don't use any graphics - not perfect but I do like the look when they are all contracted, which brings me on to...
  • The way the right hand menus expand/contract - the effect was found by accident and I'm not sure I can describe it - just click
  • It was written from scratch, by that I mean the $HEADER and $FOOTER (for the themers) started out empty.

So there you go. I know there are things that don't (yet) work as they should. I'm a Firefox user so most of it works OK there (and Mozilla I guess), IE and opera may have issues, I've done some basic testing and the site is navigable but not as good as FF. If you find problems, I've started a [/link=http://www.bugrain.com/e107_plugins/forum/ forum_viewforum.php?37]forum[/link] where you can post any issues.

Finally, the skins - why Zorb, Black Water Rafting and Fly by Wire. Well, tried them all on a holiday in New Zealand, see these links:
zorb
black water rafting
fly by wire

Oh, and 'skinny' is just a graphics/colour free skin.

P.S. I would also like to make it XHTML compliant, most of it is so far, the rest will follow.

News Categories

e107

* New e107 site design
15:50, 28-Dec-2011
* e107 Themes
05:10, 08-Mar-2008

Misc

* New toys
06:57, 05-Aug-2008
* Dead PC Sketch
03:38, 03-Jul-2008
* e107 Plugins launched!
17:58, 28-May-2007

Personal

* New Kid In Town
16:23, 22-Jan-2009
* Kai
17:58, 11-Jun-2008

Plugins for e107 - Language files

* Spanish Language Files
06:28, 30-Oct-2005
* el ePlayer?
11:49, 29-Oct-2005
* ePlayer v1.5/1.51 Spanish
13:49, 22-Aug-2005

Plugins for e107 0.6x/0.7x

* e107 Helper Project 0.8
17:36, 31-Aug-2006
* e107 Helper Project 0.6 beta 2
18:07, 08-Mar-2006
* User Journals v0.5
13:44, 27-Dec-2005

Plugins for e107 0.7.x

* Timeout Popup
19:03, 28-Feb-2011
* UserJournals v1.1
14:50, 01-May-2009
* New plugin news
17:30, 20-Nov-2008

Prototype/Scriptaculous

* Proto Check
03:19, 04-Mar-2008

Website

* New site, new theme
09:00, 22-Mar-2008
* bugrain goes script.aculo.us
03:38, 09-Aug-2007
* New Site Theme: bugrain3
20:17, 19-Apr-2007

Right bar

Left bar


Footer