Pictures in navigation bar?

[cabanaboyco]

Is it possible to replace the text in the navigation bar to a small picture that will still link to a gallery or other page?

[Andy]

Welcome :wave

here's a thread discussing it: http://www.dgrin.com/showthread.php?t=60133

[cabanaboyco]

Welcome :wave

here's a thread discussing it: http://www.dgrin.com/showthread.php?t=60133

Hi Andy,

I looked at that thread, but that seemed to be slightly different than what I was looking for. I have attached a picture of what I would like my header to look like. I was looking to have the pictures on the right side of the header link to certain pages (galleries, blog, guestlist, masters), rather than just show the link in letter form. Do you know of a thread that discusses this?

Thank you!!!:bow

[JohnnyNapalm]

Hi Andy,

I looked at that thread, but that seemed to be slightly different than what I was looking for. I have attached a picture of what I would like my header to look like. I was looking to have the pictures on the right side of the header link to certain pages (galleries, blog, guestlist, masters), rather than just show the link in letter form. Do you know of a thread that discusses this?

Thank you!!!:bow
It's been forever since I've done this, but I think this is the right method. Feel free to correct me, anyone.

I have a navcontainer section in my CSS. You should be able to just copy this and paste in your CSS.

#navcontainer ul {
margin: 0;
padding: 0;
font-family: helvetica;
list-style-type: none;
font-size: 17px;
_font-size: 15px;
font-variant: small-caps;
float: right;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: 0px 3px;
color: #fff;
}

#navcontainer ul li a:hover {
color: #989898;
}

#navcontainer {position: absolute;
top: 30px;
_top: 25px;
right: 15px;
width: 580px;
}

You then have to put the html links in the custom header section. It will look something like this (replace the images and links with your own, obviously):


<div id="navcontainer">
<ul>
<li><a href="/"><img border="0" src="/photos/537174330_ktDkw-X3-1.gif"></a></li>
<li><a href="http://scottryanphotography.smugmug.com/galleries"><img border="0" src="/photos/537174325_uhGsJ-X3-2.gif"></a></li>
<li><a href="/gallery/7435913_msEpR"><img border="0" src="/photos/537174341_VRKW7-X3-2.gif"></a></li>
<li><a href="/gallery/7631865_UEHiG"><img border="0" src="/photos/537174301_k6rT3-X3-2.gif"></a></li>
<li><a href="http://scottryanphotography.blogspot.com"><img border="0" src="/photos/537174297_PxscQ-X3-5.gif"></a></li>
<li><a href="/gallery/8920343_xEdf2"><img border="0" src="/photos/592096121_ekaA9-O.gif"></a></li>
</ul>
</div>

[cabanaboyco]

Thank you Scott!!! :clap

That was exactly what I was looking for, and it works great!!! Is there any way to remove the blue bars in between the pictures though? :scratch

THank you again for your help!!!

http://www.mozpix.com

[jfriend]

Thank you Scott!!! :clap

That was exactly what I was looking for, and it works great!!! Is there any way to remove the blue bars in between the pictures though? :scratch

THank you again for your help!!!

http://www.mozpix.com Remove the line in red from your CSS:

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

[cabanaboyco]

Thank you Scott,

Do you know if it is possible to add another header to each different gallery page? Before I added the CSS and header script you recommended, I had a small picture on each gallery page detailing the name of the gallery. When I added the new script, those pictures were removed. Is it possible to have both items? I have attached a picture of what I am looking for.

Thanks again for your help!:thumb

http://www.mozpix.com

[JohnnyNapalm]

Thank you Scott,

Do you know if it is possible to add another header to each different gallery page? Before I added the CSS and header script you recommended, I had a small picture on each gallery page detailing the name of the gallery. When I added the new script, those pictures were removed. Is it possible to have both items? I have attached a picture of what I am looking for.

Thanks again for your help!:thumb

http://www.mozpix.comCouldn't you just add an image into the top of the album description with a <center> tag?

ie:
<center><img src="your pic's url"></img></center>

[cabanaboyco]

Thank you!!! That was just what I was looking for!

Jeff:barb

[cabanaboyco]

Thanks for the response Johnny N. I tried that and nothing seemed to change. I assume that you meant to click the Edit button in the gallery title description? Nothing seemed to change when I did that. Any other suggestions?:scratch

Thanks again!!!:bow

[denisegoldberg]

Thanks for the response Johnny N. I tried that and nothing seemed to change. I assume that you meant to click the Edit button in the gallery title description? Nothing seemed to change when I did that. Any other suggestions?
If you are placing html in your album descriptions, it must be surrounded by <html> and </html> tags.

Or do you mean that you didn't get an edit box when you clicked edit in the album description?

--- Denise

[cabanaboyco]

Thank you so much!!! i am still new to the programming side of things! That's all I was missing. Thank you thank you thank you:barb