Time to Tweak

[pillman]

Feeling bored today. Therefore, a work in progress continues.
Looking at the infamous Andy site one notices his galleries are 6 across
and appear to be 100 x 100 thumbnails... The how tos for this look
would be ??? ( at present my thumbs are 4 across and smaller )...
Thanks

[jfriend]

Your galleries page is 100x100 thumbs and 4-across. Andy's Moonriver site is 100x100 and stretchy - meaning that it fills the available width with however many thumbs fit. You can modify your category CSS to be stretchy if you want. Just do a dgrin search for "stretchy category" or "stretchy categories" and you should be able to find it. It's a variation on the 4-across code you already are using.

[pillman]

Have "stretchy" checked under customization.. What else would I need to change. ?

[jfriend]

Have "stretchy" checked under customization.. What else would I need to change. ? If you follow my instructions above, you need to find the right CSS to make your categories stretchy. The stretchy option in Smugmug prefs only applies to galleries. You need custom CSS to make categories or gallery listsing stretchy.

[pillman]

OK Replaced "common styling" with this:

</style>
<style type="text/css">
/* auto inserted stretchy code */
.smugmug_ajax #smugmug, .smugmug_ajax #header, .smugmug_ajax #footer {
margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;
}
.smugmug_ajax #smugmug #photos {
_width: 99%;
}
.smugmug_ajax #footer, .smugmug_ajax #feeds {
text-align: center;
}
.smugmug_ajax .feedLine {
float: none;
border: 0 !important;
}
.smugmug_small #header, .smugmug_small #footer, .smugmug_small #smugmug {
margin: 0 auto;
width: 750px;
}

AND It messed up everything,, Suggestions please..

[jfriend]

OK Replaced "common styling" with this:

</style>
<style type="text/css">
/* auto inserted stretchy code */
.smugmug_ajax #smugmug, .smugmug_ajax #header, .smugmug_ajax #footer {
margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;
}
.smugmug_ajax #smugmug #photos {
_width: 99%;
}
.smugmug_ajax #footer, .smugmug_ajax #feeds {
text-align: center;
}
.smugmug_ajax .feedLine {
float: none;
border: 0 !important;
}
.smugmug_small #header, .smugmug_small #footer, .smugmug_small #smugmug {
margin: 0 auto;
width: 750px;
}

AND It messed up everything,, Suggestions please..

This is not the right code. Remove any of that. That all has to do with stretchy galleries and nothing to do with stretchy categories.

If you want stretchy galleries, add this CSS to your site-wide-customization CSS:

/* Open Wide! Demo here: http://www.wolfsnap.com */
.galleries #homepage,
#content.userKeywords,
#header_wrapper, #footer_wrapper, #cobrand_footer,
#category, #subcategory, #header,
#smugmug, .smugmug #header, .smugmug #footer {
margin-left: 15px;
margin-right: 15px;
min-width: 755px;
width: auto;
_width: expression(document.documentElement.clientWidth < 790? "760px" : "auto");
}


The thread discussing it is here (http://www.dgrin.com/showthread.php?t=93221).

It should end up looking list this:
http://content.screencast.com/users/jfriend/folders/Jing/media/046e534b-450d-4765-a1c1-005f8b358d56/2009-02-16_1316.png

[pillman]

Thanks, you are awesome, exactly what I was trying . Looks much
better than just the 4 across. NOw if you can get the slideshow working
on my Iphone I will buy you dinner.
Thanks again...

[jfriend]

Thanks, you are awesome, exactly what I was trying . Looks much
better than just the 4 across. NOw if you can get the slideshow working
on my Iphone I will buy you dinner.
Thanks again... There's no flash on an iPhone (yet) so no slideshows there.