Site layout<html>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.<br><br>
Examples of this can be found here: <a href="http://www.moonriverphotography.com">www.moonriverphotography.com</a>; <a href="http://ivar.smugmug.com">ivar.smugmug.com</a>; <a href="http://www.photoscapedesign.com">www.photoscapedesign.com</a>. Also, many other sites are set up like this.</html>http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/001/112133379_ScfXJ-Ti-3.gifhttp://dgrin.smugmug.com/gallery/2160039_nu3PM/2006-11-22T04:38:48ZCopyright 2009, the copyright holder of each photograph. Some portions copyright SmugMug. All rights reserved.SmugMugBy Ivar.
This tutorial will explain you how to get your smugmug site setup with a Header, a navbar, a slideshow on the homepage and a separate page linked in the navbar with all your ga ...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />By Ivar.
This tutorial will explain you how to get your smugmug site setup with a Header, a navbar, a slideshow on the homepage and a separate page linked in the navbar with all your ga ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133379_ScfXJ" title="By Ivar.
This tutorial will explain you how to get your smugmug site setup with a Header, a navbar, a slideshow on the homepage and a separate page linked in the navbar with all your ga ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/001/112133379_ScfXJ-Th-3.gif" width="150" height="95" alt="By Ivar.
This tutorial will explain you how to get your smugmug site setup with a Header, a navbar, a slideshow on the homepage and a separate page linked in the navbar with all your ga ..." title="By Ivar.
This tutorial will explain you how to get your smugmug site setup with a Header, a navbar, a slideshow on the homepage and a separate page linked in the navbar with all your ga ..." style="border: 1px solid #000000;" /></a></p>2009-07-11T16:11:47ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/001/112133379_ScfXJ-Th-3.gifTOP TO BOTTOM; The Header.
There is a separate tutorial for the header, which is located here.
Read and follow the instructions in that tutorial first, and then come back to this tut ...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />TOP TO BOTTOM; The Header.
There is a separate tutorial for the header, which is located here.
Read and follow the instructions in that tutorial first, and then come back to this tut ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133383_bLidT" title="TOP TO BOTTOM; The Header.
There is a separate tutorial for the header, which is located here.
Read and follow the instructions in that tutorial first, and then come back to this tut ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/002/112133383_bLidT-Th-2.gif" width="150" height="132" alt="TOP TO BOTTOM; The Header.
There is a separate tutorial for the header, which is located here.
Read and follow the instructions in that tutorial first, and then come back to this tut ..." title="TOP TO BOTTOM; The Header.
There is a separate tutorial for the header, which is located here.
Read and follow the instructions in that tutorial first, and then come back to this tut ..." style="border: 1px solid #000000;" /></a></p>2009-06-05T08:59:53ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/002/112133383_bLidT-Th-2.gifThe Navbar
For the Navbar, there is also a separate tutorial. You can find it here.
Do that first, and then come back here for the rest of this tutorial.<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />The Navbar
For the Navbar, there is also a separate tutorial. You can find it here.
Do that first, and then come back here for the rest of this tutorial.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133394_C4pCi" title="The Navbar
For the Navbar, there is also a separate tutorial. You can find it here.
Do that first, and then come back here for the rest of this tutorial."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/003/112133394_C4pCi-Th-4.gif" width="150" height="45" alt="The Navbar
For the Navbar, there is also a separate tutorial. You can find it here.
Do that first, and then come back here for the rest of this tutorial." title="The Navbar
For the Navbar, there is also a separate tutorial. You can find it here.
Do that first, and then come back here for the rest of this tutorial." style="border: 1px solid #000000;" /></a></p>2009-07-13T11:41:42ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/003/112133394_C4pCi-Th-4.gifThe Slideshow
The slideshow instructions can be found in a separate tutorial here. Specific problems with the slideshow should be asked in the slideshow thread on our forum at Dgrin.
...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />The Slideshow
The slideshow instructions can be found in a separate tutorial here. Specific problems with the slideshow should be asked in the slideshow thread on our forum at Dgrin.
...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133409_gCpTz" title="The Slideshow
The slideshow instructions can be found in a separate tutorial here. Specific problems with the slideshow should be asked in the slideshow thread on our forum at Dgrin.
..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Photography-Reviews-How-To-and/112133409_gCpTz-Th-3.gif" width="150" height="45" alt="The Slideshow
The slideshow instructions can be found in a separate tutorial here. Specific problems with the slideshow should be asked in the slideshow thread on our forum at Dgrin.
..." title="The Slideshow
The slideshow instructions can be found in a separate tutorial here. Specific problems with the slideshow should be asked in the slideshow thread on our forum at Dgrin.
..." style="border: 1px solid #000000;" /></a></p>2009-07-10T22:55:09ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Photography-Reviews-How-To-and/112133409_gCpTz-Th-3.gifThe Galleries Page I
For the Galleries page we are going to use one of Devbobo's tricks. See the dgrin thread here.
What it does, in short, is it duplicates the homepage, but makes it sep ...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />The Galleries Page I
For the Galleries page we are going to use one of Devbobo's tricks. See the dgrin thread here.
What it does, in short, is it duplicates the homepage, but makes it sep ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133524_WHPN9" title="The Galleries Page I
For the Galleries page we are going to use one of Devbobo's tricks. See the dgrin thread here.
What it does, in short, is it duplicates the homepage, but makes it sep ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Site-wide-Customization/112133524_WHPN9-Th-4.jpg" width="150" height="76" alt="The Galleries Page I
For the Galleries page we are going to use one of Devbobo's tricks. See the dgrin thread here.
What it does, in short, is it duplicates the homepage, but makes it sep ..." title="The Galleries Page I
For the Galleries page we are going to use one of Devbobo's tricks. See the dgrin thread here.
What it does, in short, is it duplicates the homepage, but makes it sep ..." style="border: 1px solid #000000;" /></a></p>2009-07-11T14:01:14ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Site-wide-Customization/112133524_WHPN9-Th-4.jpgThe Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: non ...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: non ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133591_mnCrP" title="The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: non ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/010/112133591_mnCrP-Th-4.gif" width="150" height="90" alt="The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: non ..." title="The Galleries Page II
Add this to your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: non ..." style="border: 1px solid #000000;" /></a></p>2009-11-15T23:50:51ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/010/112133591_mnCrP-Th-4.gifThe Galleries Page III
Now we have to link the galleries page in the navbar.
Set the link to the galleries in your header code from your navbar. (see the navbar tutorial if you necessary) ...<p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />The Galleries Page III
Now we have to link the galleries page in the navbar.
Set the link to the galleries in your header code from your navbar. (see the navbar tutorial if you necessary) ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112167333_y93AH" title="The Galleries Page III
Now we have to link the galleries page in the navbar.
Set the link to the galleries in your header code from your navbar. (see the navbar tutorial if you necessary) ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/011/112167333_y93AH-Th-3.gif" width="150" height="46" alt="The Galleries Page III
Now we have to link the galleries page in the navbar.
Set the link to the galleries in your header code from your navbar. (see the navbar tutorial if you necessary) ..." title="The Galleries Page III
Now we have to link the galleries page in the navbar.
Set the link to the galleries in your header code from your navbar. (see the navbar tutorial if you necessary) ..." style="border: 1px solid #000000;" /></a></p>2009-07-13T11:31:22ZDigital Grinhttp://dgrin.smugmug.comhttp://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/011/112167333_y93AH-Th-3.gif