Okay, this is unrelated to that topic because I totally get lost in this forum and I have NO IDEA where to post messages or how to get back to these messages. But I would like to know how to customize a nav bar in my smugmug site. Now I did go to the websites that Mike suggested and they do give you coding. However, I do not know where to cut and paste this coding. It doesn't seem to work in the header space. Can you please help me?
www.sherriel.smugmug.com (http://www.sherriel.smugmug.com)
Sherrie
:wave welcome to Dgrin!
1) read the links in my sig, there's a ton of great info on how to use dgrin. For starters, just click on your Name and you will get a menu that shows you how to see your other posts. Then you'll know "where you've been"
2) there are step-by-step for navbars in the sticky threads:
http://www.dgrin.com/showthread.php?t=20742
We can help. The navbar coding goes in your header, for example like this site we did over the past week:
http://brandolinofamilyimaging.smugmug.com/
CSS:
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #342a1f;
}
#navcontainer ul li a:hover
{
color: #fff;
background-color: #e3cfb5;
}
Header HTML:
<div align="center">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="http://brandolinofamilyimaging.smugmug.com/photos/50455881-L.gif" width="798" height="263">
<br>
<br>
<p align="center"><font face="Verdana" size="2">
<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="brandolinofamilyimaging" />
<input type="submit" value="Search Brandolino Imaging's Galleries" />
</form>
<br></font></p>
</div>
<div id="navcontainer">
<ul>
<li><a href="http://brandolinofamilyimaging.smugmug.com/">Galleries</a></li>
<li><a href="http://brandolinofamilyimaging.smugmug.com/gallery/1081604">Pricing Policy</a></li>
<li><a href="http://brandolinofamilyimaging.smugmug.com/gallery/1081608">Image Processing</a></li>
<li><a href="http://brandolinofamilyimaging.smugmug.com/gallery/1081614">About Us</a></li>
<li><a href="http://brandolinofamilyimaging.smugmug.com/gallery/1085730">My Gear</a></li>
<li><a href="http://brandolinofamilyimaging.smugmug.com/gallery/1081632">Contact Us</a></li>
</ul>
</div>
<br>
<br>