On the way... but need some webpro help

[PartyinPictureGuy]

I've finally gotten serious about customizing smugmug... However I'd like some assistance with a few things if anyone is willing. :)

Site is at http://www.sedura.com (campagna.smugmug.com)

Various Items:

How to frame the slideshow?
How to make all slideshow photos show consistently? (size, position)
I do I hide the entire personal category here: http://photography.sedura.com/galleries
How can I increase the thumbnail size of the four galleries that would be left, or for that matter only have four large photos that show up with the category name just right under the main photo. Once in a category, I'm looking for the same thing - larger thumbnails all over.
I'm actually going to change the header to be a Sedura Designs logo instead, but either way I always seem to get a jagged image. The image is in Adobe Illustrator and looks fantasic on my monitor here in the original format. However, once I save it as any type of web-ready format it isn't so great looking.
Last, how to make the background of the header go away.Like many of us, I'm after a clean look. Like Andy's http://www.moonriverphotography.com/

I was also wondering if there is anyway to apply mass keywords on smugmug? I didn't use ITEC keywords for alot of the photos, and while I could do it in Abode Lightroom and then upload many of them again I was hoping there might be another method...

Thank you to anyone in advance for any help you can give!!! :scratch

[Barb]

I've finally gotten serious about customizing smugmug... However I'd like some assistance with a few things if anyone is willing. :)

Site is at http://www.sedura.com (campagna.smugmug.com)

Various Items:
How to frame the slideshow?
How to make all slideshow photos show consistently? (size, position)
I do I hide the entire personal category here: http://photography.sedura.com/galleries
How can I increase the thumbnail size of the four galleries that would be left, or for that matter only have four large photos that show up with the category name just right under the main photo. Once in a category, I'm looking for the same thing - larger thumbnails all over.
I'm actually going to change the header to be a Sedura Designs logo instead, but either way I always seem to get a jagged image. The image is in Adobe Illustrator and looks fantasic on my monitor here in the original format. However, once I save it as any type of web-ready format it isn't so great looking.
Last, how to make the background of the header go away.Like many of us, I'm after a clean look. Like Andy's http://www.moonriverphotography.com/

I was also wondering if there is anyway to apply mass keywords on smugmug? I didn't use ITEC keywords for alot of the photos, and while I could do it in Abode Lightroom and then upload many of them again I was hoping there might be another method...

Thank you to anyone in advance for any help you can give!!! :scratch
Hi :)

Welcome to DGrin :wave

1. How to frame the slideshow. Add this to your CSS code:

#ssSlide {border: 1px solid white;} or whatever color you want

2. Make slideshow photos same size, etc. Add this to your optional slideshow variables in your footer:

resizeToPhoto = false;

3. Hiding personal category. Make each of the galleries inside that category private. Do this in a gallery, underneath a photo, click on gallery tools, then customize gallery. Scroll down to security & privacy and check "no" for public. If all of the galleries are private, the category will not show to anyone but you while you are logged in.

4. To get larger thumbnails, try the zoom thumbnail feature.

http://www.smugmug.com/help/digital-photos

5. For your header, make a transparent .png image. We have a tutorial for making a watermark which you could follow, leaving out the step on opacity. That will take care of the jaggies and also the background.

6. You will need to do your keywords on a gallery by gallery basis. However, use the photo tools (underneath a photo in a gallery) edit captions/keywords [bulk] function, and it goes pretty quickly :)

http://www.smugmug.com/help/photo-tools-menu

Lastly, you have some code in your CSS that does not belong there. Move this:

function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_Guestbook"))
{
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);

To the Javascript box.

[PartyinPictureGuy]

Sweet, that pushes a couple things the right direction! Thanks for the reply.

However:
3 - If I make them all private I will not be able to link the the main "personal" gallery and allow a visitor (family member) to browse around. That's what I'm after. Any way to do that?

4. I'm after actually making the thumbnails on the gallery main page to be much larger, not to zoom in on features.

Example of what I'm after:
http://campagna.smugmug.com/photos/127524347-S.jpg

5. Fixed the header with a .png as suggested. I couldn't upload it asit says .png isn't supported filetype, but then I found that the old uploader works great.

The Nav Bar was what I meant to say about the black background. How do I remove that?

The slideshow now has a basic border on it, and I see the :false entry fixed the resizing. Now I just need to get some properly cropped/sized images up there so they all match I assume.

Thanks again!

J

[Allen]

...
The Nav Bar was what I meant to say about the black background. How do I remove that?
...
Try this combination of colors.

#navcontainer ul li a{
text-decoration: none;
padding: .3em 4em;
color: #2E31ff;
background-color: none;
}

#navcontainer ul li a:hover{
color: #cccccc;
background-color: none;
}

[PartyinPictureGuy]

Try this combination of colors.

#navcontainer ul li a{
text-decoration: none;
padding: .3em 4em;
color: #2E31ff;
background-color: none;
}

#navcontainer ul li a:hover{
color: #cccccc;
background-color: none;
}

Much closer. Thanks. I used 2E3191 as the color so it matches, and pushed the words together a little bit with the padding thing. How can I spice the text up a little bit? Now the black boxes are gone, but it is a little bland. Maybe just boldfacing the text or something for now until I figure out how to use images for the whole thing to pretty it up.

I'm CSS retarded, but I'm learning quickly.

[PartyinPictureGuy]

Hmm, searching isn't giving me much to increase the size of the category thumbnails. Can anyone help here?

[Allen]

Much closer. Thanks. I used 2E3191 as the color so it matches, and pushed the words together a little bit with the padding thing. How can I spice the text up a little bit? Now the black boxes are gone, but it is a little bland. Maybe just boldfacing the text or something for now until I figure out how to use images for the whole thing to pretty it up.

I'm CSS retarded, but I'm learning quickly.
Play with these

#navcontainer ul li a{
text-decoration: none;
padding: .2em 2em;
color: #2E3191;
font-weight: bold;
font-size: 1.2em;
background-color: none;
}