Site layout http://dgrin.smugmug.com/gallery/2160039_nu3PM/ <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://www.smugmug.com/img/feed-icon.png Tutorials Wed, 30 Nov -001 00:00:00 -0800 Wed, 22 Nov 2006 12:38:48 -0800 http://www.smugmug.com/ Copyright 2009, the copyright holder of each photograph. Some portions copyright SmugMug. All rights reserved. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/001/112133379_ScfXJ-Ti-3.gif Site layout http://dgrin.smugmug.com/gallery/2160039_nu3PM/ 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 ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133379_ScfXJ <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> Tutorials Wed, 22 Nov 2006 08:30:35 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/001/112133379_ScfXJ-Th-3.gif c45105e436bbaf250c8b25650020bc4f 8b777a9c142491f298615ace57853deb 442767b9ff78c4ffa3f98acb956678ab a1a99f91b917823bca0008e7881d25b6 855d765019edba7d2509aadd9985d3b4 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin 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 ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133383_bLidT <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> Tutorials Wed, 22 Nov 2006 08:30:39 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/002/112133383_bLidT-Th-2.gif 97822274e3f6f585ffe66d886b199458 78e2dcfba1c20ae820281e7f9da3e9d4 c62b1636389586a957382c4fc33cfbfe 3f96bc3ddd070c88dbe350858116c590 6a8ea41e8717a332f7e969d440056ca3 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin 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. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133394_C4pCi <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> Tutorials Wed, 22 Nov 2006 08:30:44 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/003/112133394_C4pCi-Th-4.gif 960801d4f9bbdd04410d84675303bb65 cd2920ee052b9b483a41bb0b2a437b58 66de8c62e1a29ebe8eaab78c0dcf7292 2471c21a94dc25f25d1733ac4dfd7710 0e2bf14ca3f02167669913808be8e4d2 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin 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. ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133409_gCpTz <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> Tutorials Wed, 22 Nov 2006 08:30:51 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Photography-Reviews-How-To-and/112133409_gCpTz-Th-3.gif 459d1d156e141bf2d4da909272534f33 93a9b0ec06d5d5e3632e34170ef5cfa7 8f314a28cb0efabd0b8d4e785fb9c790 ff165175cc6aadf9b0f1b0ec584f665a 9e659de5fff8f15349a0d0d7a62a18a7 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin 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 ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133524_WHPN9 <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> Tutorials Wed, 22 Nov 2006 08:31:39 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/Site-wide-Customization/112133524_WHPN9-Th-4.jpg f61915e5421d2cdc55d6e0c53eee217b 22356613fd1bf80a6608fe13edb7f47f e6c808b4d0a8fb9022743e0faa625279 a233ce6013baba88b7aa2879896d139d 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin The Galleries Page II Add this to your CSS: .homepage #galleriesBox, .homepage #categoriesBox, .homepage #featuredBox {     display: none; } .galleries #bioBox {     display: non ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112133591_mnCrP <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> Tutorials Wed, 22 Nov 2006 08:32:07 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/010/112133591_mnCrP-Th-4.gif 6ed9f8bf51c4a640046bcaa15230e0c8 748c166cb15a14c11ae44a9e45071bd9 29ca2658f3dc7e4fa56dd45dd7c2c18c ffe62cc775b84eb4c461054008b670b4 The 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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin 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) ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/2160039_nu3PM#112167333_y93AH <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> Tutorials Wed, 22 Nov 2006 12:11:51 -0800 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/Site-layout/011/112167333_y93AH-Th-3.gif 37b8a262a1d47e7cedeec316eb233955 693a73f0f00f21d9dd1829144f266924 1b6b9f440020277744e22522e9fc1546 77d7d1c13c85f709d59a0e174a98ed6e b50ccab5172c837d966535b3623ebcb7 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><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> Tutorials smugmug, site, layout, css, navbar, slideshow, galleries, html, tutorial Digital Grin Digital Grin