Finishing Touches

[smicphoto]

Hi everyone,

I've got my site near finished, but there are a few little tweaks I need to make and can't figure out. Any help would be greatly appreciated.

http://www.smicphoto.smugmug.com

What I'm trying to do is:


remove the galleries from the home page, and remove the slide show from the galleries page.
currently, the home and gallery page both point to the same place. I obviously need to create a separate page for each, I just don't know how to do that.
I would also like to remove the "this is a brand new gallery with no photos" text from all pages.Thanks again!

[J Allen]

Change you whole CSS box to this...you had a few errors so I fixed it up a bit and organized a little.....





/*====Start Nav-Bar====*/
#navcontainer
{width:750px;
margin:auto;}

#navcontainer ul
{margin: 20;
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: #281f4e;}

#navcontainer ul li a:hover
{color: #fff;
background-color: #453179;}
/*====End Nav-Bar====*/


/*====Banner====*/
#my_banner
{width: 750px;
height: 200px;
margin: 0 auto;
background: url(http://smicphoto.smugmug.com/photos/419867944_pkxyU-L.jpg) no-repeat;}


.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
#bioBox .photo,
#userName,
#userHome,
#feeds,
.galleries #bioBox
{display:none;}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox
{display: block;}

#userBio
{text-align: center !important;}

.title { color: #291f4e; }

a:hover img.imgBorder,
.imgBorderOn
{border-color: #44317a;}

/*====Line Up Galleries 4 Across====*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.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;}


.gallery_7038562 .nophotos h3,
.gallery_7038562 #breadCrumbTrail,
.gallery_7038562 #stylebar,
.gallery_7038940 .nophotos h3,
.gallery_7038940 #breadCrumbTrail,
.gallery_7038940 #stylebar,
.gallery_7086553 .nophotos h3,
.gallery_7086553 #breadCrumbTrail,
.gallery_7086553 #stylebar
{display: none;}






Add this to your "Bottom javascript":



function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");





That should get you all fixed up....:thumb