View Full Version : Adding a NAV bar to my gallery pages
LeeLynn
Oct-26-2007, 01:02 PM
I'm new and I think I've done pretty good so far with customizing my site, but I cannot figure out a few things....
1. How to add my NAV bar and my custom header to my gallery pages. I want to use the same one that's listed on my homepage.
2. My Right Click Warning doesn't work at all in the Filmstrip view. It works in "viewer controlled", but doesn't show my customized warning here either.
3. I've tried the code to remove the links like
LeeLynnPhotography (http://www.dgrin.com/) > Portfolio>Weddings but no luck.... are these called breadcrumbs?
Any help is greatly appreciated! Thanks!
Heather
http://www.leelynnphotography.smugmug.com
Allen
Oct-26-2007, 01:20 PM
I'm new and I think I've done pretty good so far with customizing my site, but I cannot figure out a few things....
1. How to add my NAV bar and my custom header to my gallery pages. I want to use the same one that's listed on my homepage.
Welcome to Dgrin. :wave
Check each gallery under "customize gallery" and make sure "hide owner" is
not checked. Also appearance is set to custom. Your link in the address is
showing www.smugmug.com instead of leelynnphotography.smugmug.com
which is a clue that hide owner is checked.
2. My Right Click Warning doesn't work at all in the Filmstrip view. It works in "viewer controlled", but doesn't show my customized warning here either. Have no idea on this one.
3. I've tried the code to remove the links like
LeeLynnPhotography (http://www.dgrin.com/) > Portfolio>Weddings but no luck.... are these called breadcrumbs? You have two options here. Add to your CSS.
#breadcrumb {display: none;}
.loggedIn #breadcrumb {display: block;}
or this
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}
Any help is greatly appreciated! Thanks!
Heather
http://www.leelynnphotography.smugmug.com
LeeLynn
Oct-26-2007, 01:41 PM
Wonderful! You fixed these for me. Another thing I forgot. When I view my page in IE my banner has a light greenish background. It appears correctly in FF.... any thoughts on this?
Welcome to Dgrin. :wave
Check each gallery under "customize gallery" and make sure "hide owner" is
not checked. Also appearance is set to custom. Your link in the address is
showing www.smugmug.com instead of leelynnphotography.smugmug.com
which is a clue that hide owner is checked.
Have no idea on this one.
You have two options here. Add to your CSS.
#breadcrumb {display: none;}
.loggedIn #breadcrumb {display: block;}
or this
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}
Allen
Oct-26-2007, 01:50 PM
Wonderful! You fixed these for me. Another thing I forgot. When I view my page in IE my banner has a light greenish background. It appears correctly in FF.... any thoughts on this? Add the red to your banner CSS.
#my_banner {
width: 750px;
height: 150px;
margin: 15px auto 15px auto; /* top right bottom left */
background: background: url(http://LeeLynnPhotography.smugmug.com/photos/212988993-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='/photos/212988993-O.png');
}
LeeLynn
Oct-26-2007, 02:02 PM
Allen YOU ROCK. I think I finally got MOST of the things worked out! Thanks a BUNCH!
Should I post a new thread if I have more questions/problems? Or should I keep this same one?
Heather
Allen
Oct-26-2007, 02:06 PM
Allen YOU ROCK. I think I finally got MOST of the things worked out! Thanks a BUNCH!
Should I post a new thread if I have more questions/problems? Or should I keep this same one?
Heather
Sites looking great.:thumb
Try to keep all your questions to this thread, it helps to follow the changes
on your site. This is your thread. Add it to your favorites
or bookmarks.
LeeLynn
Oct-26-2007, 02:42 PM
Ok. I've added this code in my CSS to remove the "Gallery pages:1" from my Guestbook page and it doesn't seem to work. It worked for my About Me page, though.
.gallery_3706427 #breadcrumb,
.gallery_3706427 .pageNav {display: none;}
Also, it must be something with this gallery# because I've also added this code to change the "gallery comments" to "guestbook comments" but no luck ... any thoughts?
function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_3706427"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}
YE.onAvailable("comment", ModifyText);
Allen
Oct-26-2007, 02:56 PM
Ok. I've added this code in my CSS to remove the "Gallery pages:1" from my Guestbook page and it doesn't seem to work. It worked for my About Me page, though.
.gallery_3706427 #breadcrumb,
.gallery_3706427 .pageNav {display: none;}
Also, it must be something with this gallery# because I've also added this code to change the "gallery comments" to "guestbook comments" but no luck ... any thoughts?
function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_3706427"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}
YE.onAvailable("comment", ModifyText);
Check "custom" for appearance under customize gallery and look again.
LeeLynn
Oct-26-2007, 06:35 PM
I have a border on my slideshow, but I want it to look like www.moonriverphotography.com 's slideshow. Currently mine has a border around the pictures but then another border outside of that. Any help on this? Thanks!
LeeLynn
Oct-26-2007, 06:36 PM
When I type in www.leelynnphotography.com everything comes up fine, but when I click on Portraits or any link within my website it goes to www.leelynnphotography.smugmug.com/ blah blahblah. Since I'm a pro user and have my own domain, how do I prevent the smugmug from coming up?
Allen
Oct-26-2007, 07:04 PM
When I type in www.leelynnphotography.com (http://www.leelynnphotography.com) everything comes up fine, but when I click on Portraits or any link within my website it goes to www.leelynnphotography.smugmug.com/ (http://www.leelynnphotography.smugmug.com/) blah blahblah. Since I'm a pro user and have my own domain, how do I prevent the smugmug from coming up?
You are actually directing them to that link.
Change the links in your nav to relative and the domain should stick.
<div id="navcontainer">
<ul>
<li><a href="/>Home</a></li>
<li><a href="/gallery/3635389">About Me</a></li>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/Proofs">Proofs</a></li>
<li><a href="/gallery/3706427">Guestbook</a></li>
</ul>
</div>
Allen
Oct-26-2007, 07:07 PM
I have a border on my slideshow, but I want it to look like www.moonriverphotography.com (http://www.moonriverphotography.com) 's slideshow. Currently mine has a border around the pictures but then another border outside of that. Any help on this? Thanks!
Andy is using an image for his frame and all his slides are the same orientation
so they fit. You can create a special private gallery with photos only for your show.
LeeLynn
Feb-08-2008, 06:06 PM
Ok. I have my NavBar up & running fine. I just want to change it. I do not want the white background behind it. I just want WHITE letters and to have it centered. Can anyone help me with this? Thanks!
I also am trying to make a table with 6 columns and 4 rows... I've read some tutorials and can't seem to get anything to work. I'm trying to put the table into my new wedding pricing page (http://www.leelynnphotography.com/gallery/4297689_puvNx)
HELP ME PLEASE! Thank you!
Allen
Feb-08-2008, 07:29 PM
Ok. I have my NavBar up & running fine. I just want to change it. I do not want the white background behind it. I just want WHITE letters and to have it centered. Can anyone help me with this? Thanks!
I also am trying to make a table with 6 columns and 4 rows... I've read some tutorials and can't seem to get anything to work. I'm trying to put the table into my new wedding pricing page (http://www.leelynnphotography.com/gallery/4297689_puvNx)
HELP ME PLEASE! Thank you!
Try this for your nav. Change bold.
#navcontainer ul li a {
text-decoration: none;
padding: .3em 5em;
color: #fff;
background: none;
}
#navcontainer ul li a:hover {
color: #ccc;
background: none;
}
.gallery_4297689 .nophotos h3 {display:none;}
Here's starting with Flush Mount Panorama Album. Not pretty but works.
Should give the idea.
Flush Mount Panorama Album
<table width="450">
<tr>
<td width="80"> </td> <td width="50">10x10</td> <td width="50">12x12</td>
</tr>
<tr>
<td>12 pages (24 prints)</td> <td>$350.00</td> <td>$400.00</td>
</tr>
<tr>
<td>16 pages (32 prints)</td> <td>$475.00</td> <td>$530.00</td>
</tr>
<tr>
<td>20 page (40 prints)</td> <td>$575.00</td> <td>$635.00</td>
</tr>
</table>
Flush Mount Hinged Album
<table width="580">
<tr>
<td width="80"> </td> <td width="50">10x10</td> <td width="50">12x12</td> <td width="50">10x15</td>
</tr>
<tr>
<td>12 pages (24 prints)</td> <td>$300.00</td> <td>$340.00</td> <td>$360.00</td>
</tr>
<tr>
<td>16 pages (32 prints)</td> <td>$360.00</td> <td>$415.00</td> <td>$450.00</td>
</tr>
<tr>
<td>20 pages (40 prints)</td> <td>$430.00</td> <td>$500.00</td> <td>$525.00</td>
</tr>
</table>
Classic Hardcover
<table width="400">
<tr>
<td>20 pages (40 prints)</td> <td>$100.00</td>
</tr>
<tr>
<td>Additional pages</td> <td>$6.00 (per side)</td>
</tr>
<tr>
<td>Book Jacket</td> <td>$20.00</td>
</tr>
</table>
Deluxe Hardcover
<table width="400">
<tr>
<td>20 pages (40 prints)</td> <td>$150.00</td>
</tr>
<tr>
<td>Additional pages</td> <td>$10.00 (per side)</td>
</tr>
<tr>
<td>Book Jacket</td> <td>30.00</td>
</tr>
</table>
LeeLynn
Feb-08-2008, 09:35 PM
Allen thanks for the help! I have my navbar the way I want it, but now it's shwoing LeeLynn Photography's Home even though I have these codes. Did I accidentally delete something?
/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
LeeLynn
Feb-08-2008, 09:43 PM
I also just noticed that in IE (7 I think) my galleries are showing all in 1 straight line versus 2 across as before (PROOFS for example). It appears to be correct in FF..... ?
Also it has the "breadcumbs" on all of the pages even though I think I have the correct codes telling it not to.
vBulletin v3.5.2, Copyright ©2000-2009, Jelsoft Enterprises Ltd.