Oct 14, 2008, 10:41 AM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
modxcms.com web
  MODxCMS.com   Forums   Help Login Register  
News:Donate to MODx: Donations
Pages: [1]   Go Down
  Print  
Author Topic: [Template] - PrinterBox  (Read 5745 times)
0 Members and 1 Guest are viewing this topic.
kevin.marvin
Guest
« on: Apr 20, 2006, 09:12 AM »

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  Wink



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.

* printerbox.zip (0.15 KB - downloaded 418 times.)
« Last Edit: Apr 20, 2006, 01:11 PM by kevin.marvin » Logged
Starbuck
Full Member
***
Posts: 186


Tableless diner


WWW
« Reply #1 on: Apr 20, 2006, 10:39 AM »

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!
Logged

An illustrative tutorial about the creation of http://www.modxhost.com/ using modX from scratch.
kevin.marvin
Guest
« Reply #2 on: Apr 20, 2006, 02:19 PM »

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 !

* a8v2.css (1.27 KB - downloaded 242 times.)
Logged
rthrash
Foundation
*
Posts: 9,310



WWW
« Reply #3 on: Apr 20, 2006, 09:18 PM »

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

MODx is a framework that allows web professionals to turn over sites to end-users for daily maintenance without worrying. Community participation and questions are encouraged, especially when you help us help you, read the wiki, and review snippet parameters – even if you have to look at the source. Searching the forums helps, too.
Ryan Thrash
MODx Co-Founder
Principal @ Collabpad
work productively.
work intelligently.
work together.
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP

Copyright © 2005-2008 MODxCMS, All rights reserved. Contact Us
Styles by ziworks.com

Powered by SMF 1.1.4 | SMF © 2005, Simple Machines LLC

Valid XHTML 1.0! Valid CSS!