ALLEN! that worked thanks a lot!

I need to have a navigation bar that will link to a second galleries page.

The tutorials have these instructions included in a lot of other customizations. I seem to be going back and forth between tutorials and never landing where I should be:
1. This tutorial will explain how to install a basic navigation bar with links to other pages, near the top of your page.

NOTE: if you wish to create a navbar, as well as a slideshow and a have a 'separate' page with your galleries (not your home page, the page that you see first) please have a look at this tutorial first.
Then I land at 2. and 2 sends me back to 1.

2.The Navbar


For the Navbar, there is also a separate tutorial. You can find it here.

Do that first, and then come back here for the rest of this tutorial.

I must be doing something wrong for sure but I need you to save me from the nut house.

Thanks
Excusme

www.photographyatlarge.com

I followed the navbar tutorial (found at http://dgrin.smugmug.com/Tutorials/S...32803_fVJnGs/1). Everything went well, except I noticed that the navbar is not visible on my gallery pages, only the homepage and the second homepage (the galleries list page). How do I make the navbar visible on all pages, including my various galleries pages. My site url is

http://www.humanlandscapephoto.com

Thanks!

I have a question about the Navbar I did what the tutorial said but I am getting my banner bellow my text, also I was wondering I get the whole size thing but is there a way to stretch it out so it fits in all shapes and sizes of web browsers. I am learning as I go about all this so any help would be great! Here is my website http://k-ophotography.smugmug.com/. I Don't plan on keeping this as my banner but I want to get it right first before I start playing around with different types of banners I would add

I have a stretchy website and am wanting to create a custom banner for my website. Being that it is formated for stretchy, what pixel width should I create the banner in? My website is: www.momentsinature.com

Thanks,
Josh

so I was able to make the banner (its basic for now) and the nav-bar, but when I set up the banner last night it shows the nav bar below the banner.. I was really hoping to have the nav bar underneath the banner- how can I change this??

also how do I get the banner centered? I used the same px count as the example (sorry for being so newbish; Ive been reading this site for the last few weeks while making my site, its super helpful).

My site: dlindahlphotos.smugmug.com

Thanks!

Originally Posted by austriker so I was able to make the banner (its basic for now) and the nav-bar, but when I set up the banner last night it shows the nav bar below the banner.. I was really hoping to have the nav bar underneath the banner- how can I change this?? also how do I get the banner centered? I used the same px count as the example (sorry for being so newbish; Ive been reading this site for the last few weeks while making my site, its super helpful). My site: dlindahlphotos.smugmug.com Thanks!

They show in the order as defined in the header. Move the my_banner div to the top like this if you want it on top.

<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="http://dlindahlphotos.smugmug.com">Home</a></li>
<li><a href="http://dlindahlphotos.smugmug.com/galleries">Galleries</a></li>
<li><a href="http://dlindahlphotos.smugmug.com/gallery/23106483_C2dBx5">Recent Uploads</a></li>
<li><a href="http://dlindahlphotos.smugmug.com/gallery/23213680_8GcsrJ">Empty Link</a></li>
<li><a href="http://dlindahlphotos.smugmug.com/gallery/23186479_Vn4Dd4">Me, Myself, &amp; Photography</a></li>
</ul>
</div>

Your banner image is 600x120. Use that and the auto R/L margin will center it.

#my_banner {
width: 600px;
height: 120px;
margin: 0 auto;
background: url(http://dlindahlphotos.smugmug.com/photos/i-xhBVnCZ/0/L/i-xhBVnCZ-O.png) no-repeat;
}

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://dlindahlphotos.smugmug.com/photos/i-xhBVnCZ/0/L/i-xhBVnCZ-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/XXXXXXX_YYYYY-O.png'); 
}

At the bottom of your CSS remove this

relative;
}

Originally Posted by Allen They show in the order as defined in the header. Move the my_banner div to the top like this if you want it on top. <div id="my_banner"> </div> <div id="navcontainer"> <ul> <li><a href="http://dlindahlphotos.smugmug.com">Home</a></li> <li><a href="http://dlindahlphotos.smugmug.com/galleries">Galleries</a></li> <li><a href="http://dlindahlphotos.smugmug.com/gallery/23106483_C2dBx5">Recent Uploads</a></li> <li><a href="http://dlindahlphotos.smugmug.com/gallery/23213680_8GcsrJ">Empty Link</a></li> <li><a href="http://dlindahlphotos.smugmug.com/gallery/23186479_Vn4Dd4">Me, Myself, &amp; Photography</a></li> </ul> </div> Your banner image is 600x120. Use that and the auto R/L margin will center it. #my_banner { width: 600px; height: 120px; margin: 0 auto; background: url(http://dlindahlphotos.smugmug.com/photos/i-xhBVnCZ/0/L/i-xhBVnCZ-O.png) no-repeat; } #my_banner { width: 750px; height: 150px; margin: 0 auto; background: url(http://dlindahlphotos.smugmug.com/photos/i-xhBVnCZ/0/L/i-xhBVnCZ-O.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/XXXXXXX_YYYYY-O.png'); } At the bottom of your CSS remove this relative; }

Thanks Allen, for both of your answers! I truly appreciate it.

noob question, how do i center the nav bar? it' s currently located on the upper left side?

thanks.

www.rexbarcarsephotography.com

Hello: I am very new here and just getting started customizing my site.
www.paulajophotodesigns.smugmug.com

I am working on the tuts (which are very good by the way) and specifically working on the banner, nav bar and slideshow on my home page.

The following is the tut I am working on (nav bar)
http://dgrin.smugmug.com/gallery/1932803

I am at this place in the tut and getting stuck:


HTML code:

Scroll down a bit, and you will find a box labeled "header". Insert the following code in that box:

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Information</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Guestbook</a></li>
</ul>
</div>


Be sure to replace the X's in the above links with the actual gallery ID. To find your gallery ID and key, go into your gallery:

http://www.smugmug.com/gallery/26723...41467928_N7uQ7

The gallery ID is the first set of numbers after the word "gallery". So, in the example link, the gallery ID is "2672379_SJXej". Those are the numbers/characters you would replace the X's with.


I am trying to find the gallery ID but don't understand what gallery I am to go into to find the ID (see colored text above.) so I can replace the XXXXX's in the code.

Please help me find this gallery ID.

Originally Posted by paulajo I am trying to find the gallery ID but don't understand what gallery I am to go into to find the ID (see colored text above.) so I can replace the XXXXX's in the code. Please help me find this gallery ID.

Open the gallery that you want to link from your navbar.

For example, if you have an "About" gallery describing you or your work and you want an About entry in your navbar, open the gallery you've named "About" and use the gallery id and key for that gallery.

I don't see any galleries on your site that "fit" for About, Information, or Guestbook. Either create galleries for that purpose, or remove the navbar entries.

See the tutorial at http://allen-steve.smugmug.com/gallery/3819841 for information on building a text-based gallery.

--- Denise

Originally Posted by denisegoldberg Open the gallery that you want to link from your navbar. For example, if you have an "About" gallery describing you or your work and you want an About entry in your navbar, open the gallery you've named "About" and use the gallery id and key for that gallery. I don't see any galleries on your site that "fit" for About, Information, or Guestbook. Either create galleries for that purpose, or remove the navbar entries. See the tutorial at http://allen-steve.smugmug.com/gallery/3819841 for information on building a text-based gallery. --- Denise

Denise: This is what I needed! I didn't know how to create a text based gallery. I am off to do that and then the rest of the tut should make sense. Thanks sooooo much!

Hi there! I've been reading and applying the tutorial methods for creating a Nav bar and a few others and I've finding it extremely helpful! Thanks so much!! I need help on another issue. I would like a link on my Nav Bar to my Bio page for an "About Me" section. May I know how I can add this? Is there a link to my bio? And once done, I would like to hide my bio from the home page, and just have my Banner, Nav Bar and Slideshow box on the homepage. Can someone help?
Thank you!!
(Extremely noob grinner)

Originally Posted by bkwx82 Hi there! I've been reading and applying the tutorial methods for creating a Nav bar and a few others and I've finding it extremely helpful! Thanks so much!! I need help on another issue. I would like a link on my Nav Bar to my Bio page for an "About Me" section. May I know how I can add this? Is there a link to my bio? And once done, I would like to hide my bio from the home page, and just have my Banner, Nav Bar and Slideshow box on the homepage. Can someone help? Thank you!! (Extremely noob grinner)

I see you have an about gallery now. Take a look here, what you have can be formatted to look much better.
http://allen-steve.smugmug.com/gallery/3819841
Holler back with any questions and we can help.

Edit: just need some corrections.
Only the gallery number is used in CSS.

.gallery_24932267_KX5CHs/2042389208_WDFs5KT #albumDescription { ...

Like this
.gallery_24932267 #albumDescription { ...

Fix the html, change the photo link and remove the height and width.

<div class="myPhoto">
  <img src="/photos/2042389208_WDFs5KT-S.jpg" />
</div>     <!-- closes myPhoto div -->

Change this like this

.gallery_24932267 .myPhoto {
    float: right;     /* allows the text to flow to the right */
    padding: 0 0 10px 30px;  /* top right bottom left        */
}                            /* spacing of text around photo */

Need to set a text color also see it shows better.

Another thing you might do is use a transparent background.

.gallery_24932267 #albumDescription { 
    margin-top: 40px;    /* gap from navbar at top */
    background: rgba(253, 252, 188, .20);
    padding: 20px 40px 40px 40px;    /* top right bottom left */
}                                    /* spacing inside box from edges */

I could never create my site without your help! Thanks for all the knowledge.

I have set up my Navbar and secondary galleries page. However when I click on "Galleries" it directs me to Create Gallery. I have toiled for hours and searched the discussion. You input would be greatly appreciated.

I have tried all of the below:
<li><a href="http://timothydunhamphotography.com/galleries">Galleries</a></li>
<li><a href="http://www.timothydunhamphotography.com/galleries">Galleries</a></li>
<li><a href="/galleries">Galleries</a></li>

www.TimothyDunhamPhotography.com

Thank you!
Tim

Originally Posted by TimmyDphoto I could never create my site without your help! Thanks for all the knowledge. I have set up my Navbar and secondary galleries page. However when I click on "Galleries" it directs me to Create Gallery. I have toiled for hours and searched the discussion. You input would be greatly appreciated. I have tried all of the below: <li><a href="http://timothydunhamphotography.com/galleries">Galleries</a></li> <li><a href="http://www.timothydunhamphotography.com/galleries">Galleries</a></li> <li><a href="/galleries">Galleries</a></li> www.TimothyDunhamPhotography.com Thank you! Tim

Delete the category Galleries, it is interfering with the galleries page working.

Originally Posted by Allen Delete the category Galleries, it is interfering with the galleries page working.

PERFECT! Thank you so much!

I would have never figured that one out.

Tim

I just worked my way through all of the instructions at the top of this thread and they worked beautifully! Thank you!

I do have a question, however. I have a custom footer that I've been using on my site for a long time. Now that I finally have a great nav bar and my home page is just the slideshow, I'd like that footer to disappear on the home page only. I'd like it to be present on all my other pages. Is that possible? (I do know that the SmugMug footer would remain...but I've made it mini, so that is okay.)

If someone can help, I'd sure appreciate it!

Originally Posted by StueveShots I just worked my way through all of the instructions at the top of this thread and they worked beautifully! Thank you! I do have a question, however. I have a custom footer that I've been using on my site for a long time. Now that I finally have a great nav bar and my home page is just the slideshow, I'd like that footer to disappear on the home page only. I'd like it to be present on all my other pages. Is that possible? (I do know that the SmugMug footer would remain...but I've made it mini, so that is okay.) If someone can help, I'd sure appreciate it!

Add this to your CSS.

.homepage #customFooter {display: none;}
.galleries #customFooter {display: block;}