Customization??!!??

[Antoinette4897]

Hi all. I have been reading these boards for a while but this will be my first post. I am in the process of trying to customize my website but haven't gotten very far. I would like to add a navbar and a random selection of pictures on the homepage. None of the examples that I have tried have worked. My website is antoinettesphotography.com. I would appreciate any help that anyone could give me. I just would like to have a more professional looking site and don't feel that I am there yet. Thanks ahead of time for any help.:dunno

[Allen]

Hi all. I have been reading these boards for a while but this will be my first post. I am in the process of trying to customize my website but haven't gotten very far. I would like to add a navbar and a random selection of pictures on the homepage. None of the examples that I have tried have worked. My website is antoinettesphotography.com. I would appreciate any help that anyone could give me. I just would like to have a more professional looking site and don't feel that I am there yet. Thanks ahead of time for any help.:dunno
Welcome to Dgrin :wave

I would start with this tutor (http://dgrin.smugmug.com/gallery/1932803) for the navbar. Put in the code and if it doesn't
work come back here and we'll troubleshoot it for you.

Here's a quick star for you. But read that tutor so you understand what's happening.
Add the nav html below your banner div in your header.

<div id="my_banner"> </div>

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

Add this to your 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: #444;
}

#navcontainer ul li a:hover {
color: #eee;
background: #666;
}

btw, you are missing a } in your CSS

#my_banner {
width: 700px;
height: 150px;
margin: 0 auto;
background: url(http://antoinettesphotography.smugmug.com/photos/388943098_q9KCH-O-1.jpg) no-repeat;
}


How about a slideshow on your homepage and your galleries on a separate
page? Get this above done and we'll look at that next. Best to do one step
at a time.

[Antoinette4897]

Thanks for the welcome and help Allen. I really appreciate it. I will work on that today and get back with you. The slideshow and other things sound great too. Thanks again.
Welcome to Dgrin :wave

I would start with this tutor (http://dgrin.smugmug.com/gallery/1932803) for the navbar. Put in the code and if it doesn't
work come back here and we'll troubleshoot it for you.

Here's a quick star for you. But read that tutor so you understand what's happening.
Add the nav html below your banner div in your header.

<div id="my_banner"> </div>

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

Add this to your 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: #444;
}

#navcontainer ul li a:hover {
color: #eee;
background: #666;
}

btw, you are missing a } in your CSS

#my_banner {
width: 700px;
height: 150px;
margin: 0 auto;
background: url(http://antoinettesphotography.smugmug.com/photos/388943098_q9KCH-O-1.jpg) no-repeat;
}


How about a slideshow on your homepage and your galleries on a separate
page? Get this above done and we'll look at that next. Best to do one step
at a time.

[Antoinette4897]

Thanks for the help. My Navbar is up and running and it looks great. How do you go about putting the slideshow on the home page. I would appreciate any other ideas. Thanks

[Allen]

Thanks for the help. My Navbar is up and running and it looks great. How do you go about putting the slideshow on the home page. I would appreciate any other ideas. Thanks

This tutor (http://dgrin.smugmug.com/gallery/3624147) has the instructions.

[Antoinette4897]

Allen,
I followed the tutor but no slide show. Can't figure out what I did wrong.

Dayna

[Allen]

Allen,
I followed the tutor but no slide show. Can't figure out what I did wrong.

Dayna
Look in your control panel under the homepage tab and click "show" for your
bio to move it out to your homepage.

[Antoinette4897]

Many great thanks. I love it. How do you make a different page for your galleries? If I ask too many questions just let me know.

Thanks again,
Dayna

[Allen]

Many great thanks. I love it. How do you make a different page for your galleries? If I ask too many questions just let me know.

Thanks again,
Dayna
Add this to your CSS to center the show.

#userBio {text-align: center;}


See this tutor (http://dgrin.smugmug.com/gallery/2160039) and scroll down to "The Galleries Page" sections and add the
javascript and CSS.

Add this to your CSS to remove AntoinettesPhotography's Home
if you like.

#userHome, #userName {display: none;}

[Antoinette4897]

Many thanks again. I love the way that it has turned out. You have been a great help. Do you have any more suggestions that would make it look even better?

:clap :clap :clap