With the most recent redesign of this site, about a year ago, I decided I wanted to mix things up a little and display a different look/design for each month. I wanted the main page of the site to change with each month, but have the individual entries maintain the look of the month it was written. Using a little bit of PHP, 13 different stylesheets, and some handy WordPress conditionals I was able to do just that.
Continue reading this entry →
A few days back I received a comment from a reader asking for help using the centered sliding door menus that I had expanded upon from Ethan Marcotte’s original tutorial. The commenter explained that the menus were acting a little buggy in IE7 so I decided to download IE7 and try to find a way to solve things. After a couple of small changes in the stylesheet the menus should now be fully functional in IE, Firefox, and Safari. Enjoy!
View menu example.(Updated 11/4/06)
When creating a website, you may have a situation where you need to include far more content into a certain area than the design can really accommodate. An easy way to accomplish this is to create a scrolling div area that will automatically scroll when there is an overflow of content within the div. A great example of this method in action is on the 9rules community pages. A scrollable div is used on the right to display all of the sites within a single community in a limited amount of space.
I often receive emails from people asking what steps to take to learn CSS and how to create CSS based layouts. I usually respond by suggesting a few books and offer up a few hints of my own. The following tips are what I have found work best for me. They may seem very basic to some, but can be very valuable to others.
I know myself and a lot of designers were very excited after reading Ethan Marcotte’s method of centering sliding doors tabs last month over at 24 ways. I had been waiting for someone to help solve the float issue with the sliding doors technique for a very long while. I enjoyed the article but thought it was lacking a few presentation elements that help to make the sliding doors technique so nice. I wanted to find a way to add the nice single-image rollover effects for Ethan’s centered tabs that Douglas Bowman had in his article at A List Apart. After lots of ranting, raving, fussing, cussing, and the destroying of what was Ethan’s original code I managed to hammer out a method of centered sliding door tabs complete with an active tab, that have been tested and work in IE, Firefox, and Safari.