A quick fix for my website?

[Andrew Gould]

With the kind help I've already received on this forum, I have already done some minor customization to my site. I've been wanting to take this further for quite a while now, but am at a standstill due to not being able to understand how to achieve what I want. I'm wondering if anyone has some ready made code that would allow me to have my present title, "Andrew Gould Photography", at the top, with the line below having the categories, "Home", "Galleries", "About" and "Contact", to click on.

I wanted my gallery link to work in a similar manner to the one on this site:
http://www.photoscapedesign.com/

I find the home page of the above site above to be very attractive, although rather than a slide show, on my own home page I would like to have a photo of similar size that would allow the viewer to click and enter into a featured gallery.

I would also like to keep the yellow gold font colour that I have at the moment.

To be frank, I have been quite reluctant to post this message, as I don't want to give the impression that I expect others to do all the work for me. I am, however, really frustrated with the situation, and don't know what else to do.

Thanks,
Andrew.

[denisegoldberg]

I'm wondering if anyone has some ready made code that would allow me to have my present title, "Andrew Gould Photography", at the top, with the line below having the categories, "Home", "Galleries", "About" and "Contact", to click on.

I wanted my gallery link to work in a similar manner to the one on this site: http://www.photoscapedesign.com/

I find the home page of the above site above to be very attractive, although rather than a slide show, on my own home page I would like to have a photo of similar size that would allow the viewer to click and enter into a featured gallery.

I would also like to keep the yellow gold font colour that I have at the moment.
If I understand your question, you are looking for help on having your site name/banner to the left and navbar to the right. (Or just a banner above a navbar). And you want to use a single image instead of a slideshow.

Take a look at http://andydemo.smugmug.com. Click on the How to? link on the navbar - it tells how to set up a site that looks like the demo with a sitde to side banner/navbar. If you want your banner above the navbar, then the standard tutorial at http://dgrin.smugmug.com/gallery/2160039 would be the place to start.

Instead of the slideshow, you'll want to use html to place a single clickable image in your bio box. I have some notes on how to place a photo in a blog at http://www.dgrin.com/showpost.php?p=886014&postcount=2. The same html can be used to place a photo in your bio box.

--- Denise

[Andrew Gould]

If I understand your question, you are looking for help on having your site name/banner to the left and navbar to the right. (Or just a banner above a navbar). And you want to use a single image instead of a slideshow.

Take a look at http://andydemo.smugmug.com. Click on the How to? link on the navbar - it tells how to set up a site that looks like the demo with a sitde to side banner/navbar. If you want your banner above the navbar, then the standard tutorial at http://dgrin.smugmug.com/gallery/2160039 would be the place to start.

Instead of the slideshow, you'll want to use html to place a single clickable image in your bio box. I have some notes on how to place a photo in a blog at http://www.dgrin.com/showpost.php?p=886014&postcount=2. The same html can be used to place a photo in your bio box.

--- Denise

Thanks for the quick reply to my question, Denise, and sorry about the delay in acknowledging it.

I'm having a look at what you've pointed me to.

Andrew.

[Andrew Gould]

Thanks for the quick reply to my question, Denise, and sorry about the delay in acknowledging it.

I'm having a look at what you've pointed me to.

Andrew.

Is it just me, then, because I can't get anything to work! I've tried and I'm about to give up...

[Allen]

Is it just me, then, because I can't get anything to work! I've tried and I'm about to give up...
I don't see any code for your navbar. Did you take it back out?
This link is not working, make sure external links are on under customize gallery.
http://www.andrewgouldphotography.com/photos/382473321_4eekb-L.jpg
or
http://www.andrewgouldphotography.com/gallery/6092021_LeJ7z
Edit: I see the gallery and photo now

Change the link to the photo link and not the gallery link. If it's a jpg you don't need the filter.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(/photos/382473321_4eekb-L.jpg) no-repeat;
}


Add this to your header customize box. (not head tag box)

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

Edit: Also in the control panel on the customize page turn off the Smugmug header,

[Allen]

Is it just me, then, because I can't get anything to work! I've tried and I'm about to give up...
This will get you started.

Add this to your header

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

<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>

change your CSS to this.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(/photos/382473321_4eekb-L.jpg) no-repeat;
}

#navcontainer ul {
margin: 5px auto;
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: #999;
}

#navcontainer ul li a:hover {
color: #444;
background-color: #999;
}

[Allen]

Is it just me, then, because I can't get anything to work! I've tried and I'm about to give up...
Here's another option with your navbar on top of your banner. Don't look
half bad. :D

width: 750px;
height: 150px;
margin: 5px auto 0;
background: url(/photos/382473321_4eekb-L.jpg) no-repeat;
}

#navcontainer ul {
margin: -20px auto 25px;
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: #000;
background: none;
}

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