Home

CSS Gallery Mixed cols and rows

Ben Hayward Cycles

Date: 03/13/2006

The images and code all come together nicely in this design to create a rich, eye candy interface. The only thing I'd improve upon is the top right "Shop Categories" menu- perhaps add a background color hover?

Rate It:

Color Scheme

#045ea0
#136faa
#3589b5
#2e7db4
#3c8eb4
#559ce8
#81bbf5
#5a97db
#889ca8
#fbfdfc
#2b86ac
#d1eaf8
#d6f6fc
#bad44c
#6e9719
#e8e8e7
#5e6f7f
#4a4e55
#697b83
#d9d9d8
#a8a8a8
#9cc8e9
#0f0a17

  • Hovered color:
  • Selected color:

Comments (2)

Excellent accessibility options and page construction. Page layout is nice. Truely refreshing to see designers utilize css to it's full potential for accessibility.

#1: Nathan Losure on 03/13 at 01:59 PM

Nice! I love the rustic but clean look, great colors, good layout and use of typography. I'm not a big fan of the 3-column layout, always seems to much to ask of visitors to sort through that much content on a home page, but at least this 3-column layout is well spaced and presented.

#2: Harmony on 03/15 at 07:14 PM

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

This tool generates for you the necessary .htaccess code to ban visitors based on their IP address, block traffic originating from certain domains, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Use this tool to generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.


Reseller Hosting

NewsUser
Privileges

Partners & ResourcesOur
Partners

CSS Forums News

Dynamic Drive forums | Register

All images and content copyright © 2004-2012 CSS Drive. Contact Info | Back to Top