Options

Fancy up my buttons please

brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
edited September 21, 2013 in SmugMug Customization
I really like the glassy look of some folks oval nav buttons, but I have no idea on how to achieve it using CSS and HTML. Can some one help?
I have a small nav bar below the slideshow on my home page that is just custom html code, then the rest of the site has a standard cookie cutter drop nav bar created using the SM tools...
Any help would be great.
www.brandolinoimaging.com
:bow :bow :bow :bow

Comments

  • Options
    basfltbasflt Registered Users Posts: 1,882 Major grins
    edited September 21, 2013
    1
    my own choice ;
    use the same , or at least similar , as your site-wide menu ( only top , no drop-down ? )
    it looks great

    2
    your menu overlaps the gallery description , which is bothering IMO
    Bas

    /ɯoɔ˙ƃnɯƃnɯs˙ʇlɟsɐq//:dʇʇɥ
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    basflt wrote: »
    1
    my own choice ;
    use the same , or at least similar , as your site-wide menu ( only top , no drop-down ? )
    it looks great

    2
    your menu overlaps the gallery description , which is bothering IMO

    Please explain both comments for fully as I am confused. Sorry... maybe just too early in the morning...
  • Options
    dnwvictordnwvictor Registered Users Posts: 41 Big grins
    edited September 21, 2013
    Custom nav bar on your homepage doesn't work.
    My Website http://www.victorview.com/
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    dnwvictor wrote: »
    Custom nav bar on your homepage doesn't work.

    Not sure I follow... I just used it on FF and IE and it works just fine....
  • Options
    dnwvictordnwvictor Registered Users Posts: 41 Big grins
    edited September 21, 2013
    it doesn't work in firefox and safari on OS X
    My Website http://www.victorview.com/
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    dnwvictor wrote: »
    it doesn't work in firefox and safari on OS X

    try it now if you would... I had a negative top margin and it may have been goofing it up on some browsers. It works fine on my PC
  • Options
    dnwvictordnwvictor Registered Users Posts: 41 Big grins
    edited September 21, 2013
    now it works thumb.gif
    My Website http://www.victorview.com/
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    dnwvictor wrote: »
    now it works thumb.gif

    Thanks for checking... neg margin was moving it under the container margins from slide show...
  • Options
    dnwvictordnwvictor Registered Users Posts: 41 Big grins
    edited September 21, 2013
    I'm glad I could help.
    My Website http://www.victorview.com/
  • Options
    basfltbasflt Registered Users Posts: 1,882 Major grins
    edited September 21, 2013
    brandofamily wrote: »
    Please explain ...

    i would use the same button style as is used in the rest of the site , it makes the site more uniform
    i also would place it on top instead of bottom of page
    or, even better , use the same menu site-wide , there is no use of a separate menu for home-page

    2 = about your normal site-wide menu
    when viewing a gallery , the drop-downs overlap / block the description
    not a big deal , but i would move the description out of the way

    hope you understand
    Bas

    /ɯoɔ˙ƃnɯƃnɯs˙ʇlɟsɐq//:dʇʇɥ
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    basflt wrote: »
    i would use the same button style as is used in the rest of the site , it makes the site more uniform
    i also would place it on top instead of bottom of page
    or, even better , use the same menu site-wide , there is no use of a separate menu for home-page

    2 = about your normal site-wide menu
    when viewing a gallery , the drop-downs overlap / block the description
    not a big deal , but i would move the description out of the way

    hope you understand

    I have been thinking about #1, but I would like the 1st link on the homepage to be "welcome page" and 1st link everywhere else to be Home... can't figure out how to do both... yet....
    Have thought about doing the custom nav at top of homepage using just the top levels of the drop nav that appears elsewhere.
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2013
    OK... moved homepage nav to top... and made it "mostly" like rest of site.
    No drops and 1st link is different...
Sign In or Register to comment.