This week I decided I want to work on my site and extensions a bit before I live and breath Mozilla for the next 3 months. Enter the ribbon. It’s something I’ve wanted to do for quite awhile, and it took a bit longer than I expected.
I added what I’m calling a ribbon (unrelated to Office 2007) to the main fligtar.com sites, like this blog. Clicking on it will bring down a menu of other things on fligtar.com.
I wanted to be able to easily modify an existing site to use this style and I wanted to be able to modify the menu content in one place, but I didn’t want to use PHP.
I’m pretty happy with the result (I won’t say “Mission Accomplished”), as including the ribbon without gradient can be done by:
… and the gradient is 2 lines more.
The process I went through to create this reveals why it took longer than expected:
- Determine color scheme
- Make shiny bar
- Place shiny bar
- Make 4 versions of logo that I’m not happy with
- Make 2 entirely functional menus before deciding I want the ribbon to drop down
- Fight with IE
- Realize that some sites (blog and LSU map) can’t use the gradient
- Separate gradient from shiny bar and redo that area of CSS
- Deploy to all sites
- Fight with trac’s CSS which did not play nicely with mine
I called this Part 1, but my current plan is basically:
- Implement Ribbon