Originally Posted by grosloulou how can we add 10px spacing between banner and nav bar and 20px between nav bar and galeries or home slideshow,... ?

Add this to your CSS:

#customNav {
    margin-top: 10px;
    margin-bottom: 20px;
}

--- Denise

hallo denise,
it works fine, thanks.
As you probably noticed i left the idea to mimic andy's site, too many bugs in my codes with jf slideshow,... fortunately i have found Rich tuto

how did you know my nav bar is customnav ? i don't find html code anywhere in smugmug.
for instance for adding guestbook we need to edit html but i don't find

thanks

best regards

Originally Posted by grosloulou how did you know my nav bar is customnav ? i don't find html code anywhere in smugmug.

The code isn't visible in your Advanced Customization screen because it was created with the Easy Customizer - but it is visible with web tools.

I used the Firefox Web Developer Extension. Tutorial and link to the tool is at http://dgrin.smugmug.com/gallery/1354921.

--- Denise

Hi Rich,

just copied and pasted your code form this thread to make myself a "Search" page. I already had made an "About Me" page and didn't want a "Recent" Page. On the search page, I left out the "Search" box...
Maybe I strayed too much from your design, but my Galleries and Search pages only display the original HomePage slideshow now..
Can you take a look, please?
Here's my site..
www.simonehaeuslerphoto.com
Thank you,

Simone H.

Originally Posted by richW On the Help Desk we get requests for the 'galleries' & 'find' pages several times a week. This customization is based on devbobo's 'galleries page' hack here: http://www.dgrin.com/showpost.php?p=355505&postcount=6 As many of you have seen, there are many ways of using his hack. More than what I can write examples for. :( Here is what I've seen as the most requested separate pages wanted: 1. Homepage with a static image / video or slide show. 2. About page. ( bioBox ) 3. Galleries page. ( gallery or categories boxes) 4. Recents page. ( featured galleries, recent photos, popular photos ) 5. Find page. ( search form, photo timeline, keywords, map ) Here are the steps I followed to create this site: http://richw-t3.smugmug.com/ Using the 'Homepage Layout' button, I moved the following boxes to the homepage: 1. Your Bio 2. Slideshow 3. Photo Timeline 4. Featured Galleries 5. Gallery Categories 6. Top Keywords 7. Most Popular Photos 8. Recent Photos 9. Around the World Via the 'Easy Customizer' I did the following customization. 1. Header section - Added banner with Click to URL to homepage 2. Header section - Created a Navigation Bar. See screen grab for the proper url's. The Guest Book not needed for this tutorial. 3. Footer section - Added custom footer text with Click to URL to homepage 4. Homepage section - deselected 'Show UserName's Home' In 'Account Settings' under Style > My Themes 1. All-pages theme section - selected site-wide theme. All of my pages on the site are set to 'default' for the theme. In 'Account Settings' under Style > Advanced Customizer 1. Stretchy - Yes 2. Background Color - Dark 3. Page Title - Add your own page title there 4. CSS (optional), added the following: /* Start css in the Advanced Site-wide Customization section */ /* Makes the Gallery Description and bioBox Text Edit Area larger */ #newBio, #newDescription { width: 99% !important; height: 300px !important;} /* hides the map-it button on homepages */ .notLoggedIn .homepage #breadcrumb { display: none;} /* hides breadcrumbs on category pages for logged out views */ .notLoggedIn .category #breadcrumb { display: none;} /* changes the background of the slideshowBox to black */ #slideshowBox .boxBottom {background: black;} /* unhides the boxTops */ #bioBox .boxTop { display: block;} /* search results page */ .searchResults #stylebar, #otherSearches { display: none;} /* style search box */ #mySearch { display: none; width: 750px; margin: 5px auto 15px;} /* galleries find bio pages */ .homepage #bioBox, .homepage #categoriesBox, .homepage #communitiesBox, .homepage #datesBox, .homepage #featuredBox, .homepage #ffBox, .homepage #galleriesBox, .homepage #keywordsBox, .homepage #mapBox, .homepage #popularPhotos, .homepage #recentPhotosBox { display: none;} .galleries #slideshowBox, .galleries #photoVideoBox { display: none;} .galleries #categoriesBox, .galleries #galleriesBox { display: block;} .bio #slideshowBox, .bio #photoVideoBox { display: none;} .bio #bioBox { display: block;} .find #slideshowBox, .find #photoVideoBox { display: none;} .find #mySearch, .find #datesBox, .find #keywordsBox, .find #mapBox { display: block;} .recent #slideshowBox, .recent #photoVideoBox { display: none;} .recent #featuredBox, .recent #popularPhotos, .recent #recentPhotosBox { display: block;} /* End css in the Advanced Site-wide Customization section */ 5. Top JavaScript (optional & advanced) - Added the following: // Start of Top JavaScript section // changes the bioBox title YE.onAvailable('bioTitle', function() {this.innerHTML = 'About'}); // first half of the script for the galleries find bio pages function hasPath(sPath) { re = new RegExp("\/" + sPath + "(\/|$)"); return re.test(window.location) } // End of Top JavaScript section 6. Head Tag (optional & advanced), nothing added here for me. 7. Body Tag (optional), nothing needed for the galleries, find page hack. 8. Display SmugMug Header? - No 9. Custom Header (optional), added the following: <!-- Start of header section --> <!-- adds search box to the find page --> <div id="mySearch" class="box"> <div class="boxTop"> <div class="boxNote note nav"></div> <h3 id="headerBoxTop" class="title notopmargin">Search</h3> <div class="spacer"></div> </div> <div class="boxBottom">SMUGSEARCH</div> </div> <!-- end search box --> <!-- End of header section --> 10. SmugMug Footer Display Options - Display Mini. 11. Custom Footer (optional) - Nothing added. 12. Bottom JavaScript (optional & advanced) - added the following: // Start of Bottom JavaScript section // second half of the script for the galleries find bio pages if (hasPath("galleries")) YD.addClass(document.body, "galleries"); if (hasPath("find")) YD.addClass(document.body, "find"); if (hasPath("bio")) YD.addClass(document.body, "bio"); if (hasPath("recent")) YD.addClass(document.body, "recent"); // End of Bottom JavaScript section 13. Pressed the 'Update' button. What to 'Stretch' your site? See this post: http://www.dgrin.com/showthread.php?t=93221 Great collection of javascript customizations by jfriend here: http://www.dgrin.com/showthread.php?t=157671

Originally Posted by shaeusler Hi Rich, just copied and pasted your code form this thread to make myself a "Search" page. I already had made an "About Me" page and didn't want a "Recent" Page. On the search page, I left out the "Search" box... Maybe I strayed too much from your design, but my Galleries and Search pages only display the original HomePage slideshow now.. Can you take a look, please? Here's my site.. www.simonehaeuslerphoto.com Thank you, Simone H.

Neither page name is being created by the javascript. So look for errors in the js.
Top javascript - missing closing }

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

bottom javascript

rightClickWarning = "© 2013 Danville Corner House Photo"; 

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

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


function norobotmail(aUser, aDomain) { document.location = "mailto:" + aUser + "@" + aDomain; }
function hasPath(sPath)
{

Another issue.
You have a category named "Galleries" and it interferes with the "galleries" page. Delete the category.

Still no luck, I fixed the top java script, deleted the Galleries category but I'm not sure what to do about the bottom java script..
What do you mean about
[strike] function hasPath(Path)?
What is [strike]??

Sorry for being so numb:-)