PDA

View Full Version : different nav bar for diff categories/galleries


takitsubo
Jan-26-2006, 07:18 AM
Is it possible to create different nav bars for different categories/galleries.

I have one category with assorted galleries that will all share the same prices and would like to include a link to cost/shipping info on the nav bar of that category page and the pages of its galleries.

thanks for any advice,
Lynne

Andy
Jan-26-2006, 07:27 AM
Is it possible to create different nav bars for different categories/galleries.

I have one category with assorted galleries that will all share the same prices and would like to include a link to cost/shipping info on the nav bar of that category page and the pages of its galleries.

thanks for any advice,
Lynne

Sure, why not use this technique but modify it for your multiple navbars..

http://www.dgrin.com/showthread.php?t=22220

takitsubo
Jan-26-2006, 09:55 AM
Hey Andy,

figured it would work sort of the same way but I'm not quite sure where to put it. Right now my code for my nav bar is in my header HTML but the code that you mentioned (that i have already applied to my headers is in my CSS)


Also, i noticed you involved in a discussion quite a while back regarding large thumbs in categories, am I to understand that this is not possible? (I notice on your homepage you have 4 small centered thumbs)

thanks again,
Lynne

Sure, why not use this technique but modify it for your multiple navbars..

http://www.dgrin.com/showthread.php?t=22220

razer
May-18-2006, 07:38 AM
Any chance of an idiots guide for this as i would like two navbars as well.

Main page with one navbar

www.razer.smugmug.com (http://www.razer.smugmug.com)

and new page currently with navbar (same one as above) set to display none. i.e. i want to add a different navbar.

www.razer.smugmug.com/charmed%20cards (http://www.razer.smugmug.com/charmed%20cards)


Thanks

razer
May-19-2006, 12:21 AM
Anyone? :dunno

ivar
May-19-2006, 02:54 AM
Any chance of an idiots guide for this as i would like two navbars as well.

Main page with one navbar

www.razer.smugmug.com (http://www.razer.smugmug.com)

and new page currently with navbar (same one as above) set to display none. i.e. i want to add a different navbar.

www.razer.smugmug.com/charmed%20cards (http://www.razer.smugmug.com/charmed%20cards)


Thanks

If you want two different navbars, for different pages, first make the two navbars as you want it, and don't worry about 2 of them showing on one page.

Do that first, after you have the two as you want them, we'll remove one from one page, and the other from other pages :thumb

razer
May-19-2006, 06:08 AM
If you want two different navbars, for different pages, first make the two navbars as you want it, and don't worry about 2 of them showing on one page.

Do that first, after you have the two as you want them, we'll remove one from one page, and the other from other pages :thumb

Okay done the second navbar and managed to remove it from one page (Now showing), but i cant seem to remove it from my homepage;

Heres the CSS;

/* REMOVE CHARMED CARDS NAVBAR FROM HOMEPAGE AND L&A PHOTOGRAPHY */
.category_Now_Showing #navcontainer_cards {display: none;}
.hompeage #navcontainer_cards {display: none;}

i have given the second navbar the div_id of navcontainer_cards


EDIT:


Now sorted, spot the typo!! :rolleyes :rofl

Thanks Ivar you gave me some inspiration and i managed to get it sorted.:thumb

ivar
May-19-2006, 06:29 AM
Okay done the second navbar and managed to remove it from one page (Now showing), but i cant seem to remove it from my homepage;

Heres the CSS;

/* REMOVE CHARMED CARDS NAVBAR FROM HOMEPAGE AND L&A PHOTOGRAPHY */
.category_Now_Showing #navcontainer_cards {display: none;}
.hompeage #navcontainer_cards {display: none;}

i have given the second navbar the div_id of navcontainer_cards


EDIT:


Now sorted, spot the typo!! :rolleyes :rofl

Thanks Ivar you gave me some inspiration and i managed to get it sorted.:thumb
You're so close, you are missing one vital bit.

What you want to do, is almost the same as what you did, only "reverse" it.
You have told your cards-bar to not show on the homepage, and your homepage bar not to show on your cards page. But what you want to do, is remove your cards bar from all pages, and tell them where it CAN be, instead of where they can't be.
reason: check out your popular page for example.


You want your regular navbar on all pages except for the cards category, correct?




/* this removes the regular navcontainer from your charmed cards section */
.category_charmed_cards #navcontainer {
display: none;
}

/* this removes your cards-navcontainer from all pages */
#navcontainer_cards {
display: none;
}

/* this shows your cards-navcontainer in the charmed cards category */
.category_charmed_cards #navcontainer_cards {
display: block;
}

razer
May-19-2006, 07:03 AM
You're so close, you are missing one vital bit.

What you want to do, is almost the same as what you did, only "reverse" it.
You have told your cards-bar to not show on the homepage, and your homepage bar not to show on your cards page. But what you want to do, is remove your cards bar from all pages, and tell them where it CAN be, instead of where they can't be.
reason: check out your popular page for example.


You want your regular navbar on all pages except for the cards category, correct?




/* this removes the regular navcontainer from your charmed cards section */
.category_charmed_cards #navcontainer {
display: none;
}

/* this removes your cards-navcontainer from all pages */
#navcontainer_cards {
display: none;
}

/* this shows your cards-navcontainer in the charmed cards category */
.category_charmed_cards #navcontainer_cards {
display: block;
}



I just tried your way but it didnt seem to work.

I have the following now and it works okay, so i'll got with that



* REMOVE NAVCONTAINER FROM CHARMED CARDS & AMYS ACCESSORIES*/
.category_Charmed_Cards #navcontainer {display: none;}
.category_Amys_Accessories #navcontainer {display: none;}

/* REMOVE NAVCONTAINER_CARDS FROM HOMEPAGE AND L&A PHOTOGRAPHY */
.category_Now_Showing #navcontainer_cards {display: none;}
.homepage #navcontainer_cards {display: none;}


Thanks for your help :)

ivar
May-19-2006, 07:12 AM
I just tried your way but it didnt seem to work.

I have the following now and it works okay, so i'll got with that



* REMOVE NAVCONTAINER FROM CHARMED CARDS & AMYS ACCESSORIES*/
.category_Charmed_Cards #navcontainer {display: none;}
.category_Amys_Accessories #navcontainer {display: none;}

/* REMOVE NAVCONTAINER_CARDS FROM HOMEPAGE AND L&A PHOTOGRAPHY */
.category_Now_Showing #navcontainer_cards {display: none;}
.homepage #navcontainer_cards {display: none;}

Thanks for your help :)you're right, my code wasn't completely there, the category for the cards, needs to be capitalized like so



/* this removes the regular navcontainer from your charmed cards section */
.category_Charmed_Cards #navcontainer {
display: none;
}

/* this removes your cards-navcontainer from all pages */
#navcontainer_cards {
display: none;
}

/* this shows your cards-navcontainer in the charmed cards category */
.category_Charmed_Cards #navcontainer_cards {
display: block;
}


you can keep your code as you have it, but go to your homepage and click on 'popular photos', you'll see what i mean

razer
May-22-2006, 12:53 AM
you're right, my code wasn't completely there, the category for the cards, needs to be capitalized like so



/* this removes the regular navcontainer from your charmed cards section */
.category_Charmed_Cards #navcontainer {
display: none;
}

/* this removes your cards-navcontainer from all pages */
#navcontainer_cards {
display: none;
}

/* this shows your cards-navcontainer in the charmed cards category */
.category_Charmed_Cards #navcontainer_cards {
display: block;
}


you can keep your code as you have it, but go to your homepage and click on 'popular photos', you'll see what i mean


Thanks had not spotted the popular page part. Now working.

Thanks once agagin