[Template] - PrinterBox

Here is a simple little template that I did for my site. Nothing fantastic, but literally stretching the limits of my "No, I code, I don’t do CSS" CSS skills.

If someone can figure out how to fix the white block through the blue box, that would be fantastic



Thanks!

- Kevin

p.s. - You can see it live at http://activ8.us
p.p.s - Thrash asked if I had more than an 8 color box of crayola’s. I told him that I stole the idea from the side on an HP Printer box.

Its white because that’s it’s "here" state

#sidebox li.here {
background: #ffffff;
color: #005096;
}

If you swap the colors around like this, and add a different effect.. say, ’bold’

#sidebox li.here {
background: #005096;
color: #ffffff;
font-weight: bold;
}

Presto!

Actually, here is how I over-fixed it...

I modified the DropMenu snippet to wrap the $itm in this line : <li class="here"> $itm </li>
like so : <li class="here"> <div id="ihere"> $itm </div> </li>

Then changed the CSS again. Now the site looks a little better (http://activ8.us). I’ve re-attached the fixed CSS file as well. Thanks for the feedback Starbuck !

For those that are looking to figure out the source of inspiration, go check out recent HP inkjet printer boxes...