This tutorial will explain and guide you through the process of setting up your Power- or Pro-smugmug account with a custom header, navbar, homepage with a slideshow but no galleries/categories and a separate page for the galleries/categories.
Examples of this can be found here:
www.moonriverphotography.com;
ivar.smugmug.com;
www.photoscapedesign.com. Also, many other sites are set up like this.
The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
|
If you want to have the galleries show up on your homepage when you are logged in (your visitors will not see them), you can add the following to your
CSS box:
.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}
If you are using the Homepage Layout slideshow, and want to hide that on your galleries page, add the following to your
CSS box:
.galleries #slideshowBox {display: none;}
The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
|
If you want to have the galleries show up on your homepage when you are logged in (your visitors will not see them), you can add the following to your
CSS box:
.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}
If you are using the Homepage Layout slideshow, and want to hide that on your galleries page, add the following to your
CSS box:
.galleries #slideshowBox {display: none;}
Sizes: S •
M •
Large |
Your preferred size: S •
M •
Large •
O