View Full Version : Separate Galleries Page
B643
Mar-25-2009, 01:31 PM
I just successfully created my first slide show:clap However, I want My Galleries on a separate page that I can link to with my nav bar. After reading Ian's article, I thought using this code would do that.
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
My home page is www.jgibson.smugmug.com (http://www.jgibson.smugmug.com)
denisegoldberg
Mar-25-2009, 01:37 PM
... I want My Galleries on a separate page that I can link to with my nav bar. After reading Ian's article, I thought using this code would do that.
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
That's only part of the code. You're missing the CSS to set up a separate page for your galleries. Go to this tutorial - http://dgrin.smugmug.com/gallery/2160039 - and follow the instructions in all of the sections labeled The Galleries.
--- Denise
B643
Mar-25-2009, 01:50 PM
That's only part of the code. You're missing the CSS to set up a separate page for your galleries. Go to this tutorial - http://dgrin.smugmug.com/gallery/2160039 - and follow the instructions in all of the sections labeled The Galleries.
--- Denise
Thanks Denise, My Galleries are gone but the code I have written for the My Gallery link brings me back to the Home page. here is the code
<div id="navcontainer">
<ul>
<li><a href="<A href="http://jgibson.smugmug.com/">Home</a></li">http://jgibson.smugmug.com/">Home</a></li>
<li><a href="<A href="http://jgibson.smugmug.com/galleries">My Galleries>http://jgibson.smugmug.com/galleries">My Galleries</a></li>
</ul>
</div>
B643
Mar-25-2009, 02:37 PM
I have my navbar and I have read Ians article on navbars. But I will be d__ if I can figure out the link. Here is the code I have for my navbar
<div id="navcontainer">
<ul>
<li><a href="<A href="http://jgibson.smugmug.com">Home</a></li">http://jgibson.smugmug.com">Home</a></li>
<li><a href="<A href="http://jgibson.smugmug.com/galleries">My">http://jgibson.smugmug.com/galleries">My Galleries</a></li>
</ul>
</div>
Here is what ian states to do
Link it to:
XXXXX.smugmug.com/galleries
In case you are using a custom domain, link it to:
/galleries
How?????:dunno :dunno :dunno
denisegoldberg
Mar-25-2009, 04:33 PM
I have my navbar and I have read Ians article on navbars. But I will be d__ if I can figure out the link.
Your galleries page doesn't work because you have invalid entries in your javascript:
YE.onAvailable('featuredTitle', function() {this.innerHTML = "Today's Featured Galleries";});
YE.onAvailable('categoryTitle', function() { this.innerHTML ='My Galleries'});
================================================== ======================================
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");You can't put anything in javascript except valid javascript (or comments on lines starting with //.
Remove the bold.
--- Denise
B643
Mar-25-2009, 04:52 PM
Your galleries page doesn't work because you have invalid entries in your javascript:YE.onAvailable('featuredTitle', function() {this.innerHTML = "Today's Featured Galleries";});
YE.onAvailable('categoryTitle', function() { this.innerHTML ='My Galleries'});
================================================== ======================================
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");
You can't put anything in javascript except valid javascript (or comments on lines starting with //.
Remove the bold.
--- Denise
OK, if you go to my site www.jgibson.smugmug.com (http://www.jgibson.smugmug.com) I can select the My Galleries from the navbar and it will link to my galleries. BUT, this is not what I want. I want to show "Featured Galleries" also. If I remove the invalid entries from the Java Script, then the Featured Gallaries won't appear as I want them to. I am SO confused at this point.:scratch
denisegoldberg
Mar-25-2009, 04:56 PM
OK, if you go to my site www.jgibson.smugmug.com (http://www.jgibson.smugmug.com) I can select the My Galleries from the navbar and it will link to my galleries. BUT, this is not what I want. I want to show "Featured Galleries" also. If I remove the invalid entries from the Java Script, then the Featured Gallaries won't appear as I want them to. I am SO confused at this point.
You have two extra lines at the end of your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
.homepage #featuredBox {display:none;}
.galleries #categoriesBox {display:block !important;}
Remove the bold lines and you will see both featured galleries and galleries on your galleries page.
--- Denise
B643
Mar-25-2009, 05:13 PM
You have two extra lines at the end of your CSS:
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
.homepage #featuredBox {display:none;}
.galleries #categoriesBox {display:block !important;}
Remove the bold lines and you will see both featured galleries and galleries on your galleries page.
--- Denise
That did it!!!! Thank you:bow
If you have time...one more question. Otherwise it can wait until another day. On my navbar, I want the letters larger. I went to a link that Ian provided, but the explanation seems to be in Latin.
denisegoldberg
Mar-25-2009, 06:37 PM
On my navbar, I want the letters larger.
Try adding a font-size parameter to your #navcontainer CSS:
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 120%;
}
--- Denise
jhoutz
Mar-26-2009, 08:11 AM
That's only part of the code. You're missing the CSS to set up a separate page for your galleries. Go to this tutorial - http://dgrin.smugmug.com/gallery/2160039 - and follow the instructions in all of the sections labeled The Galleries.
--- Denise
I have been able to separate my main page and my galliers page which is GREAT! BUT, I still seem to have to have a link in my nav bar that goes to ALL my galleries, is there a way to split up galleries? I haven't found anything but I could have missed it.
Thanks!
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.