Originally Posted by JaeSen I searched all over for info on my problem and posted a question to a thread that seemed appropriate, but no one has ever answered my question...been waiting awhile , so I figured this might be a good place to get it answered for lots of people. Can you maybe post something here about adding a Facebook "Become a Fan of" button to a page? Preferrably as part of (below the) footer. I used the code supplied by facebook and put it in my custom footer box (want it below my footer on every page), it looked and worked great, BUT when I would click on a photo in a gallery to view it larger it would just say "loading..." but it never would. Something with the facebook code was making it impossible to view them. I removed it for now and all is fine, but would like to put it back on to get some additional exposure for my site! If you don't want to address that on this thread, can you please take a look at the original thread I posted my question to...I just need some help please! Here's the link: http://www.dgrin.com/showthread.php?t=131974

I'll look at your original thread sometime later today.

Added #21 for dynamic navbar.

My website now only contains flash slideshows. Would it be possible to write a script to include in the Shizam slideshow code a warning message to update shockwave if a blank screen appears to the viewer (in the same way that you have it in the stretchy slideshow script)?

thanks in advance

Originally Posted by keithprue My website now only contains flash slideshows. Would it be possible to write a script to include in the Shizam slideshow code a warning message to update shockwave if a blank screen appears to the viewer (in the same way that you have it in the stretchy slideshow script)? thanks in advance

Since the stretchy slideshow already has that code, I think you could use the stretchy slideshow and just set the minH, minW, maxH and maxW to the height and width values you want and the stretchy slideshow should behave the same as the plain shizam slideshow, but with "flash not installed" warnings. FYI, the stretchy slideshow just calls the shizam slideshow once it gets started. You can even set resize: "false", as a parameter to the stretchy slideshow and it will not ever change it's size.

When I use the stretch javascript, and the following parameters I still get a stretch:
extraH: '40',
minW: '600',
minH: '400',
maxW: '800',
maxH: '534',
aspectHeightConstrain: 'true',
aspectWidth: '600',
aspectHeight: '400'

I added the following to my css:
#homepage {width: auto !important; margin-left: 15px !important; margin-right: 15px !important;}
#bioBox {width: auto !important;}

I tried adding, resize: "false" to the bio but I still get a stretch.

All I was trying to do was follow the instructions to use stretch to install the flash warning.

what I am doing wrong?

Originally Posted by keithprue When I use the stretch javascript, and the following parameters I still get a stretch: extraH: '40', minW: '600', minH: '400', maxW: '800', maxH: '534', aspectHeightConstrain: 'true', aspectWidth: '600', aspectHeight: '400' I added the following to my css: #homepage {width: auto !important; margin-left: 15px !important; margin-right: 15px !important;} #bioBox {width: auto !important;} I tried adding, resize: "false" to the bio but I still get a stretch. All I was trying to do was follow the instructions to use stretch to install the flash warning. what I am doing wrong?

It looks to me like you're getting what you should get based on those parameters. By the parameters you've set, you've said that you want it to be no smaller than 400x600 and no larger than 534x800 and that's what it is doing. There is a minor issue with the code on the forcing of aspect ratio (which I can fix), but that isn't impacting you here. On a large window, I'm getting a 534x800 show. On a small screen, it's around 400x600. What are you expecting it to do?

As I said in my original post, if you want to constrain the size completely, then set minW and maxW to the same value and minH and maxH to the same value. Do not turn on the constrain aspect ratio. That is not needed if you are already constraining the size manually.

Also, if you are fixing the size of the slideshow, then don't add this CSS:

#homepage {width: auto !important; margin-left: 15px !important; margin-right: 15px !important;}
#bioBox {width: auto !important;}

That makes the whole homepage stretch which you don't want.

great - thank you again for your time

I created a Dynamic Navbar.

Is there any way of having the Gallery Navbar highlighted when
you are viewing a specific gallery.

Thanks

www.rlsimaging.com

Originally Posted by robertlee I created a Dynamic Navbar. Is there any way of having the Gallery Navbar highlighted when you are viewing a specific gallery. Thanks www.rlsimaging.com

You can do that manually with CSS:

Add the parts in red to this part of your navbar

<li class="navGalleryLink"><a href="/galleries">Galleries </a> </li>

Then, add the part in red to this line in your CSS:

#navcontainer .navCurrentPageParent, .galleryPage #navcontainer .navGalleryLink {background: none; border: 1px solid #697475}

Updated customization #4 (actually split it into 4a and 4b). Moving the slideshow button to the cart line is now much more reliable with the latest version of that customization. If you have installed the previous version, you should switch to the new one.

Gallery code - 6, 7, 8, 14 and 18 are fantastic.

My partenr and I started with Smugmug almost a year ago concentrating on videos. We have since expanded to posters and more. So, having the ability to customize a galleries page - categories, subcategories and galleries - has become very important.

This code will help in modifying our site to be more versatile.

Thank you very much.

Phil

I have created a Dynamic Navbar; I would
like to change the width of the underline (on the
right hand side) so that is the width of the Navbar
text.

Any help would be appreciated.

Thanks

www.rlsimaging.com

Originally Posted by robertlee I have created a Dynamic Navbar; I would like to change the width of the underline (on the right hand side) so that is the width of the Navbar text. Any help would be appreciated. Thanks www.rlsimaging.com

Try changing your CSS from this:

#navcontainer .navCurrentPageParent { text-decoration: underline !important; color: #26FE08 !important; background: none; }

to this:

#navcontainer .navCurrentPage { text-decoration: underline !important; color: #26FE08 !important; background: none; }

Originally Posted by jfriend Try changing your CSS from this: #navcontainer .navCurrentPageParent { text-decoration: underline !important; color: #26FE08 !important; background: none; } to this: #navcontainer .navCurrentPage { text-decoration: underline !important; color: #26FE08 !important; background: none; }

That worked but it also changed the text colour.

www.rlsimaging.com

Originally Posted by robertlee That worked but it also changed the text colour. www.rlsimaging.com

Yes, the text-decoration property is a property of the <a> tag. To get it's width to match the text, you needed to specify it on the <a> tag, not the parent <li> tag. That's the change we made earlier. The text-decoration derives it's color from the color property of the <a> tag. It is more complicated to set the text-decoration to a different color than the link.

What exactly are you trying to do? If you want different colors, it might be easier to use a bottom border for the line (that's what I do on my site) rather than a text-decoration because borders have their own colors that are separate from text.

John, you wouldn't happen to know if/how I can remove the "Updated: "date" "time" text from the gallery pages do you?

Gary

Originally Posted by GaryM John, you wouldn't happen to know if/how I can remove the "Updated: "date" "time" text from the gallery pages do you? Gary

Set your galleries to "Clean" in customize gallery.

Originally Posted by GaryM John, you wouldn't happen to know if/how I can remove the "Updated: "date" "time" text from the gallery pages do you? Gary

or if you want it removed from all galleries no exception, put this in your CSS box:

.updated {display:none;}

Thanks you, John, for sharing all this. So useful for those of us with great ambitions for our sites, but without the knowledge to do it alone.

All the best,
Andrew.

John,

Could you look over my code again. Not sure if this is related, but I was at a friend's house earlier today and my whole website stretched (menu and pictures). She was using IE (not sure of version) and Vista.

I have the stretch "off" for the whole site. I could not find an option on IE that could have done this, and I run XPSP2 so cannot replicate it.

Any ideas?

thanks
--Keith
http://keithprue.smugmug.com

Originally Posted by jfriend It looks to me like you're getting what you should get based on those parameters. By the parameters you've set, you've said that you want it to be no smaller than 400x600 and no larger than 534x800 and that's what it is doing. There is a minor issue with the code on the forcing of aspect ratio (which I can fix), but that isn't impacting you here. On a large window, I'm getting a 534x800 show. On a small screen, it's around 400x600. What are you expecting it to do? As I said in my original post, if you want to constrain the size completely, then set minW and maxW to the same value and minH and maxH to the same value. Do not turn on the constrain aspect ratio. That is not needed if you are already constraining the size manually. Also, if you are fixing the size of the slideshow, then don't add this CSS: #homepage {width: auto !important; margin-left: 15px !important; margin-right: 15px !important;} #bioBox {width: auto !important;} That makes the whole homepage stretch which you don't want.