Sharegroup Question

Scott98Scott98 Registered Users Posts: 21 Big grins
edited July 19, 2008 in SmugMug Support
I am playing around with the various privacy and protection schemes for family galleries.

I think I would like to use Sharegroups but I am not sure if I can not get them to look as I want. Here are my questions:

1) Placement of Sharegroup link on homepage for returning vistors. For a returing vistor it shows just above my slideshow. How can I change the placement of this link so it does "take-away" from the clean look of the slideshow homepage?

2) I have used some code from the forums to get the gallery pages as I like them and "stretchy". (ruffin.smugmug.com/galleries). The code I used is below. I have a sharegoup (here is the URL: http://ruffin.smugmug.com/share/GipQb05uB8V6w) that maintains a different style. How do I get the style to match that of my galleries page? most speciifcally the Thumbnail placement?

Thanks for the help.

Scott
ruffin.smugmug.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");
}

.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}
ruffin.smugmug.com

Comments

  • richWrichW Registered Users Posts: 941 Major grins
    edited July 19, 2008
    Scott98 wrote:
    I am playing around with the various privacy and protection schemes for family galleries.

    I think I would like to use Sharegroups but I am not sure if I can not get them to look as I want. Here are my questions:

    1) Placement of Sharegroup link on homepage for returning vistors. For a returing vistor it shows just above my slideshow. How can I change the placement of this link so it does "take-away" from the clean look of the slideshow homepage?

    2) I have used some code from the forums to get the gallery pages as I like them and "stretchy". (ruffin.smugmug.com/galleries). The code I used is below. I have a sharegoup (here is the URL: http://ruffin.smugmug.com/share/GipQb05uB8V6w) that maintains a different style. How do I get the style to match that of my galleries page? most speciifcally the Thumbnail placement?

    Thanks for the help.

    Scott
    ruffin.smugmug.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");
    }

    .miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
    .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
    .miniBox .albumTitle {width:122px;}
    .miniBox .description {width:122px;}
    .miniBox .updated {width:122px;}

    .loggedIn .miniBox {height:auto; min-height:300px;}
    .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
    .loggedIn .miniBox input {width:122px;}
    .loggedIn .miniBox textarea {width:112px;}

    .boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
    .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
    .albumLarge .albumTitle {width:192px;}
    .albumLarge .description {width:192px;}
    .albumLarge .updated {width:192px;}

    .loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
    .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
    .loggedIn .albumLarge input {width:192px;}
    .loggedIn .albumLarge textarea {width:182px;}
    To style the share page you'll need to use the following:

    .shareHomepage

    To stretch like the other pages add it to the css like this:

    .shareHomepage,
    .find #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 !important;
    _width: expression(document.documentElement.clientWidth < 790? "760px" : "auto");
    }


    The !important here: 'width: auto !important' may or may not be needed.

    As for moving the share group box on the homepage, start with something like this:


    #shareGroups .boxTop {display: none;}
    #shareGroups .boxBottom {
    border: none;
    background: none;}


    #shareGroups {
    position: relative;
    top: -40px;
    left: 190px;}

    #shareGroups .title,
    #shareGroups .nav {
    color: white !important;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;}

    Move it around from there......
  • Scott98Scott98 Registered Users Posts: 21 Big grins
    edited July 19, 2008
    richW wrote:
    To style the share page you'll need to use the following:

    .shareHomepage

    To stretch like the other pages add it to the css like this:

    .shareHomepage,
    .find #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 !important;
    _width: expression(document.documentElement.clientWidth < 790? "760px" : "auto");
    }


    The !important here: 'width: auto !important' may or may not be needed.

    As for moving the share group box on the homepage, start with something like this:


    #shareGroups .boxTop {display: none;}
    #shareGroups .boxBottom {
    border: none;
    background: none;}


    #shareGroups {
    position: relative;
    top: -40px;
    left: 190px;}

    #shareGroups .title,
    #shareGroups .nav {
    color: white !important;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;}

    Move it around from there......


    Rich-

    Worked like a charm! Thanks.
    ruffin.smugmug.com
Sign In or Register to comment.