I am having a problem linking a created HTML page to the nav bar so that it will work.

my site is sweetpeonyphotography.com

i would like the slide show on the homepage like it is. i would like a single picture and info text on the About Lauren page, I have finally figured out the Galleries section of the nav bar and it works and i also need to be able to link html text for my pricing and contact links in the navbar. can you please help.

Originally Posted by lthurmon I am having a problem linking a created HTML page to the nav bar so that it will work. my site is sweetpeonyphotography.com i would like the slide show on the homepage like it is. i would like a single picture and info text on the About Lauren page, I have finally figured out the Galleries section of the nav bar and it works and i also need to be able to link html text for my pricing and contact links in the navbar. can you please help.

Can you provide a direct link to your "about", "pricing", and "contact" pages.

Hi there, somehow they are all direct copies of the homepage and the link to those three tabs are all

http://www.sweetpeonyphotography.com/

Originally Posted by lthurmon They are all linked to http://www.sweetpeonyphotography.com/

You have the gallery unlisted so we would need direct links to the galleries.

ok its public now and here is the gallery

http://www.sweetpeonyphotography.com...16191350_N3XHL

http://www.sweetpeonyphotography.com...16193027_kAuRx

http://www.sweetpeonyphotography.com...16193049_e763z

Originally Posted by lthurmon http://www.sweetpeonyphotography.com...16193027_kAuRx http://www.sweetpeonyphotography.com...16193049_e763z

Change your custom header box to this:

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/16191350_N3XHL">About Lauren</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/16193027_kAuRx">Pricing</a></li>
<li><a href="/gallery/16193049_e763z">Contact</a></li>
</ul>
</div>

Ok I did that and now my navbar is bulleted to the side and im seeing nothing but galleries and slide show on every category.

My ultimate goal is to have a home page with my header and nav bar and slideshow. Then I would like to have an "About Lauren" page with info about myself and a picture of my family, a "Galleries" page with all my albums, a pricing page with information about pricing and info and a "Contact" page with all my information.

Originally Posted by lthurmon My ultimate goal is to have a home page with my header and nav bar and slideshow. Then I would like to have an "About Lauren" page with info about myself and a picture of my family, a "Galleries" page with all my albums, a pricing page with information about pricing and info and a "Contact" page with all my information.

we'll get ya there...but first remove this from your CSS box....it goes into your custom header box....this should be the only thing in your custom header box:

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/16191350_N3XHL">About Lauren</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/16193027_kAuRx">Pricing</a></li>
<li><a href="/gallery/16193049_e763z">Contact</a></li>
</ul>
</div>

Ahhhh, there is my mistake...I put it in CSS and now everything I had there is gone....sigh.

Originally Posted by lthurmon Ahhhh, there is my mistake...I put it in CSS and now everything I had there is gone....sigh.

Add this to your CSS and it should get you close to what you had before:

#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:none}

#navcontainer ul li a:hover
{color:#fff;background-color:none}

That's about right....just what I am looking for. Last thing in my CSS was a code I found to keep the galleries checked but hidden on homepage so they would only come up on the galleries page. Thanks you are great!

Originally Posted by lthurmon That's about right....just what I am looking for. Last thing in my CSS was a code I found to keep the galleries checked but hidden on homepage so they would only come up on the galleries page. Thanks you are great!

Add this to your CSS and see if you like:

/*************************************************
 ====  Remove Photo Message  ====
*************************************************/
.notLoggedIn .nophotos {display:none;}


/*************************************************
=== Line Gallery Thumbs 4-Across  ===
*************************************************/
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;} 


/*************************************************
 ====  Stretch Gallery Thumbs  ====
*************************************************/
.galleries #homepage, #content.userKeywords,
#header_wrapper, #footer_wrapper, #cobrand_footer,
#category, #subcategory, #header,
#smugmug, .smugmug #header, .smugmug #footer 
{margin-left: 15px;margin-right: 15px;min-width: 755px;
width: auto;_width: expression
(document.documentElement.clientWidth < 790? "760px" : "auto");}






/*===== Galleries Page =====*/
#bioBox .photo, .galleries #bioBox,  
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox  {display:none}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox  
{display:block}
.galleries #slideshowBox 
{display:none}

LOVE IT!!!!!!!!! Perfect!!!!!!!! Can't thank you enough!

Lauren

Originally Posted by lthurmon LOVE IT!!!!!!!!! Perfect!!!!!!!! Can't thank you enough! Lauren

wanna try to tackle those info pages and get them all pretty?

One last thing. On the html pages is there any way to add spacing in between paragraphs so it just doesn't all run together?

Sure I would love too!!!!!!!!

Originally Posted by lthurmon Sure I would love too!!!!!!!!

ok...stand by for a few minutes....if you would like all your pages to have the same background wallpaper, like your homepage, then add this to your CSS:

body
{background-image:
url('http://cdn.smugmug.com/img/themes/wallpaperbrown/body_bg.jpg') !important}

For your "about page".....


Go to your about page, and change the album description to this:

<html>
<div class="myTitle">
  About Me...
</div>     <!-- closes myTitle div -->

<div class="myPhoto">
  <img src="/photos/1216267614_K4DyZ-S.jpg" width="400" height="267" />
</div>     <!-- closes myPhoto div -->

<div class="myText">
<p>
My name is Lauren Thurmon and the art of photography is a tremendous part of my life. Driven by my passion, my aim is to create simply beautiful photographs. I am a self taught, natural light photographer specializing in on location photography.
</p>

<p>
My specialties include newborns, children, birthdays, families, engagements, weddings, maternity and sporting event photography.
</p>

<p>
I enjoy meeting new friends through my travels as a free lance photographer and I look forward to working with you. In addition to my talents in photography, I hold a BS in Health Sciences (Administration), a Master of Arts in Early Elementary Education, and Fitness Certifications in Zumba and Zumbatomic (Kids). I am an accomplished wife, mother and classical homeschool nurturer.
</p>


<p>
I married my high school sweetheart Shaun and we are parents to two beautiful children, Emily Anne (6) and Garrett Christopher (5). I dream that someday the step between my mind and my finger will no longer be needed. And that simply by blinking my eyes, I shall make pictures. Then, I think, I shall really have become a photographer. 
</p>



</div>     <!-- closes myText div -->
<div class="spacer"></div>
</html>

Then add this to your CSS box :

/*************************************************
     =======  About Me Page  =======
*************************************************/
.gallery_16191350 #albumDescription 
{margin-top:10px;background:#211C18;
padding:20px 40px 40px 40px;
border:1px solid #313029;
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;
-moz-border-radius: 8px;-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
opacity:0.7;filter:alpha(opacity=70) !important;
width:800px;margin:auto}                                   
 
.gallery_16191350 .myPhoto 
{float:left;padding: 0 30px 10px 0;}

.gallery_16191350 .myPhoto img 
{border:1px solid #313029}

.gallery_16191350 .myTitle 
{font-family:arial; 
font-size: 150%;color:#fff;
font-weight:bold;text-align:center;
margin:auto}

.gallery_16191350 .myText 
{font-family:arial; 
font-size:100%;color:#fff;
font-weight: normal; text-align: justify;}

.gallery_16191350 .journal_entry, 
.gallery_16191350 #breadCrumbTrail,
.gallery_16191350 .play_slideshow,
.gallery_16191350 #viewingStylesButton, 
.gallery_16191350 .share_button,
.gallery_16191350 #albumNav_top,
.gallery_16191350 #albumNav_bottom,
.gallery_16191350 .pageNav,
.notLoggedIn .gallery_16191350 #photos
{display:none}
.gallery_16191350 .journal_entry  {border:none;}

Check the page in "visitor view" when done.