Author Topic: Real Buttons in Menu Bar  (Read 2465 times)

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Real Buttons in Menu Bar
« on: August 30, 2012, 10:13:10 AM »
Hi Jacques,

Since some of my text in the Menu Bars hardly fit, I came up with an idea to introduce "Real Buttons" for (in my site) the 2 Menu Bars.......
I think it looks Great (and "clean".....)!!!!!

Check it out at: http://www.altonaweather.ca

Cheers,

Arthur

Offline krmidas

  • Full Member
  • ***
  • Posts: 91
    • The Tom Keramidas Climatological Experience
Re: Real Buttons in Menu Bar
« Reply #1 on: August 30, 2012, 09:50:45 PM »
I like it! Nice work.
Tom Keramidas, Lake Zurich, IL, USA

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Real Buttons in Menu Bar
« Reply #2 on: September 08, 2012, 11:32:42 AM »
I Arthur,

I also prefer that layout!  ;D
(more finished way!)

Regards,
Jacques
Please, consider supporting this site 

Offline uncle_bob

  • Full Member
  • ***
  • Posts: 61
    • Conder Weather, Canberra
Re: Real Buttons in Menu Bar
« Reply #3 on: September 30, 2012, 10:08:46 AM »
Geez I'm jealous. I wish I had the skills to be able to do that!

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Real Buttons in Menu Bar
« Reply #4 on: October 01, 2012, 01:18:39 PM »
Hey Uncle Bob,

Not so difficult at all (I had no clue of html 3 month ago), just started to "experiment" and it worked out well.

Go to the site for buttons, and design the one you like (http://css-tricks.com/examples/ButtonMaker/)
Click on "view CSS Code".
I copied this part (code) into the styles.css template (actually changed the #buttons section).

If you like, let me know, and I'll send you a copy of that part of the styles.css template by regular email.

Cheers,

Arthur

(arthur@altonaweather.ca)