SickFoto
Dec-23-2009, 07:45 AM
Is it possible to add a drop down to the easy customizer generated navbar? I've tried a few different things with no luck and just want to be sure I'm not just spinning my wheels.
This is what I've found in the source code and have been working with:
<div id="customHeaderContainer"><div id="customLogo"><a href="http://www.sickfoto.com">Robert Sanderson Photography</a></div>
<div id="customNavContainer"><ul id="customNav"><li><a href='http://sickfoto.smugmug.com'>Home</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Sports'>Sports</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Landscape'>Landscape</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Urban'>Urban</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Other/Contact/10692524_Fyfmu'>Contact</a></li></ul></div></div>
#customLogo, #customLogo a, #customLogo a:active, #customLogo a:hover, #customLogo a:visited { text-align: center !important; font-family: Trebuchet MS !important; font-size: 36px !important; color: #65650B !important; text-decoration: none !important; }
#customHeaderContainer { padding-top: 10px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
#customNavContainer { text-align: center; }
#customNav { font-family: Trebuchet MS !important; font-size: 18px; color: #B9B9B9 !important; list-style-type: none; padding: 0; margin: 0; }
#customNav li{ display: inline; }
#customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: Trebuchet MS !important; font-size: 18px; color: #B9B9B9 !important; text-decoration: none !important; }
#customNav li a:hover { font-family: Trebuchet MS !important; font-size: 18px; color: #FFFFFF !important; text-decoration: none !important; }
Right now I'm trying to add a drop-down to Sports.
Thanks,
Robert
This is what I've found in the source code and have been working with:
<div id="customHeaderContainer"><div id="customLogo"><a href="http://www.sickfoto.com">Robert Sanderson Photography</a></div>
<div id="customNavContainer"><ul id="customNav"><li><a href='http://sickfoto.smugmug.com'>Home</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Sports'>Sports</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Landscape'>Landscape</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Urban'>Urban</a></li><li> • </li>
<li><a href='http://sickfoto.smugmug.com/Other/Contact/10692524_Fyfmu'>Contact</a></li></ul></div></div>
#customLogo, #customLogo a, #customLogo a:active, #customLogo a:hover, #customLogo a:visited { text-align: center !important; font-family: Trebuchet MS !important; font-size: 36px !important; color: #65650B !important; text-decoration: none !important; }
#customHeaderContainer { padding-top: 10px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
#customNavContainer { text-align: center; }
#customNav { font-family: Trebuchet MS !important; font-size: 18px; color: #B9B9B9 !important; list-style-type: none; padding: 0; margin: 0; }
#customNav li{ display: inline; }
#customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: Trebuchet MS !important; font-size: 18px; color: #B9B9B9 !important; text-decoration: none !important; }
#customNav li a:hover { font-family: Trebuchet MS !important; font-size: 18px; color: #FFFFFF !important; text-decoration: none !important; }
Right now I'm trying to add a drop-down to Sports.
Thanks,
Robert