Options

Show Us Your New SmugMug Customized Sites!

1323335373878

Comments

  • Options
    ThreeGuysPhotographyThreeGuysPhotography Registered Users Posts: 65 Big grins
    edited September 28, 2013
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    aj

    I like the look of your site. I would suggest having some kind of background (even with a low opacity) for the header. Because it stays in place when your scroll it, the logo and menu get lost in the pictures under them.
  • Options
    macromeistermacromeister Registered Users Posts: 490 Major grins
    edited September 28, 2013
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    Audrey

    Thanks for posting it here after our emails.

    Overall, I like your site quite a lot. My first impression (a favourable one) is that it looked like one of those scrap books you used to get with the textured thick paper. I think it's that background image you have that does that. It makes it feel quite warm and welcoming, and doesn't detract from the images at all, which BTW are very good. I like the profile detail, although I'd drop the self-deprecating bits such as "They may be colourful or dull" etc. Let viewers make up their own minds. The first paragraph has a different line spacing and perhaps font-size than the rest. All of the text is a little large to view. Put your name on there, and a bit of bio about yourself? You keep referring to 'I this, and I that' but we don't know who 'I' is.

    I like the banner image of the ice, but perhaps crop the top third off to make it smaller? And that watermark doesn't look good on the banner. As Wayne said, the scrolling menu is almost impossible to see and clashes with the image titles when scrolling. I'd either fix the menu as static or change the colour if you can.

    Watermarks on images... I used to be a Moderator on Cambridge in Colour forum, and someone on there used to be always going on about watermarked images - wouldn't even look at them. Personally I have never done it as I think it spoils the effect. I know there are some *******s in the world who will steal your images, but would they have paid you for them anyway? Ask yourself exactly what it is that you are losing if someone downloaded and used your image?

    Overall, I find the site very good. Just a few tweaks to make.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Options
    southeasternphotographysoutheasternphotography Registered Users Posts: 647 Major grins
    edited September 28, 2013
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    aj

    Nice. One thing I saw that I fixed on my Preview site is the cut-off text under folders and galleries. There is custom code to fix that so that it wraps underneath and you get the full text - somewhere here...sorry, can't remember where. I think it was written by one of the Allan's here who helps lots of people.

    I decided to turn off the header pinning as it just seemed too distracting. Folks pretty easily figure out to scroll back to the top to use the menu - imho.

    On the keywords page, you may be able to add a text block with just a space in it to make the SmugMug footer not crash into the last line of keywords. Or some margin changes.

    There is custom code to remove the little icons in front of your folder and gallery text.

    Something weird on your search page. First (not weird but maybe not good), on my 15inch Macintosh laptop with Chrome, the actual search box is not in sight under your image. The weird thing is that if I scroll down, I can see it; but if I scroll a little further, it DISAPPEARS altogether. Scroll back up a little and it comes back. Very repeatable. May be a bug. You might ask SmugMug help to look at it. Anyone else see this?

    Your "snowy egrit" taking flight. Maybe it is called that where you took the shot. In the USA, a snowy egrit has a black beak and yellow feet! ...just saying. Great Egrit?

    Hope this was constructive and not critical!
  • Options
    flyinghawkflyinghawk Registered Users Posts: 9 Big grins
    edited September 28, 2013
    I've seen sites that belong to camera clubs where quite a few different members share the site, each with their own folder of images. It seems to work quite well - and how else could you do it? I'm not quite so sure about two photographers sharing a site - it's a bit either/or split down the middle.

    There seems to be problems with the link http://www.jcubedphotography.com/ChrisW/ChrisW-Friends I'm getting a greyed-out folder, and no images but galleries under the folder. That doesn't happen with the Chris side of things.

    I'm on a large monitor, and the background images runs out at the bottom. You might want to try a taller image, or repeat it?

    Some detail about the two photographers would be good.

    It works because we basically go to each event together and whatnot. Lots of trust. There are actually no photos in the folder. I don't know how to repeat the image, and most of my images can't be taller.
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 29, 2013
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    aj

    I'd suggest to un-pin your navbar and also on your home page I think it should only best a few of maybe your favorite galleries. I find all the scrolling may get a customer to not know where to go and just leave the site. I love th text you used for you header. I'm not a web designer or coder in any way shape or form but that is my two cents.
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 29, 2013
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    aj
    I like the look of your site. I would suggest having some kind of background (even with a low opacity) for the header. Because it stays in place when your scroll it, the logo and menu get lost in the pictures under them.

    Three Guys I like your website may I ask how you got your lightbox looking the way you did I love it!
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 29, 2013
    ko04 wrote: »
    Three Guys I like your website may I ask how you got your lightbox looking the way you did I love it!

    Here's my code for styling the lightbox... it does all that he did plus a bit more...
    /********Lightbox Stylizing********/
    
    /*Lightbox Background Change*/
    .sm-lightbox {margin:0 !important; padding:0 !important; 
      background: url[COLOR=Red](http://www.brandolinoimaging.com/photos/i-68XGwN7/0/O/i-68XGwN7-O.png) [/COLOR]
    fixed bottom left repeat-x repeat-y !important; 
    } 
    
    /*Lightbox Exit Button*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
      content: 'Return to Gallery';
      font-size: 18px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
    display: none;
    }
    
    .sm-user-ui .sm-lightbox .sm-lightbox-tools {
    padding: 5px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
      background-color: #8f7b62 !important;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
      opacity: 1.0;
    }
    
    /*How to set Custom Add To Cart Text - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button:after {
    content: ' Buy Now'}
    
    .sm-user-ui .sm-lightbox-tools .sm-button-label {
      display: none;
    }
    
    /*How to Style the Add To Cart Button - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button {
      background-color: #8f7b62;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
    }
    
    /* Label the Download Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-download:after {
        content: "Download" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Info Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-info:after {
        content: "Info" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Tools Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-edit:after {
        content: "Tools" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Image Sizes Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-sizes:after {
        content: "Sizes" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Comment Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-comment:after {
        content: "Comment" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Like Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-like:after {
        content: "Like" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Share Button in the Lightbox */
    .sm-lightbox .sm-lightbox-tools .sm-button.sm-button-image-share:after {
        content: "Share" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /*Lightbox Border and Shadow*/
    .sm-lightbox-image{
        border: 2px solid #8f7b62; 
      box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    filter: progidXImageTransform.Microsoft.Shadow (Color='000000', direction='3', strength='3');
    _filter: none;    
        }
    

    You need to find the image URL code for the background you are using and plug it in where it says URL... hi-lted in red.
    here's mine
    http://www.brandolinoimaging.com/Image-Galleries/Sports-Images/Water-Sports/LWC-B-Dive-2012/i-HFR7qkP/A
  • Options
    AjdrakieAjdrakie Registered Users Posts: 15 Big grins
    edited September 29, 2013
    I like the look of your site. I would suggest having some kind of background (even with a low opacity) for the header. Because it stays in place when your scroll it, the logo and menu get lost in the pictures under them.

    Thanks, I'm working on it. And learning about pinning. Can we "unpin" the logo too?
  • Options
    AjdrakieAjdrakie Registered Users Posts: 15 Big grins
    edited September 29, 2013
    Audrey

    Thanks for posting it here after our emails.

    Overall, I like your site quite a lot. My first impression (a favourable one) is that it looked like one of those scrap books you used to get with the textured thick paper. I think it's that background image you have that does that. It makes it feel quite warm and welcoming, and doesn't detract from the images at all, which BTW are very good. I like the profile detail, although I'd drop the self-deprecating bits such as "They may be colourful or dull" etc. Let viewers make up their own minds. The first paragraph has a different line spacing and perhaps font-size than the rest. All of the text is a little large to view. Put your name on there, and a bit of bio about yourself? You keep referring to 'I this, and I that' but we don't know who 'I' is.

    I like the banner image of the ice, but perhaps crop the top third off to make it smaller? And that watermark doesn't look good on the banner. As Wayne said, the scrolling menu is almost impossible to see and clashes with the image titles when scrolling. I'd either fix the menu as static or change the colour if you can.

    Watermarks on images... I used to be a Moderator on Cambridge in Colour forum, and someone on there used to be always going on about watermarked images - wouldn't even look at them. Personally I have never done it as I think it spoils the effect. I know there are some *******s in the world who will steal your images, but would they have paid you for them anyway? Ask yourself exactly what it is that you are losing if someone downloaded and used your image?

    Overall, I find the site very good. Just a few tweaks to make.

    Thank you for you suggestions. BTW, I agree with you about the watermarks. I have never liked using them.
    And I like your other suggestions too. It's is a work-in-progress. Two steps forward and one back. I will be posting some specific questions soon, I think. Some things just don't seem to work.
  • Options
    AjdrakieAjdrakie Registered Users Posts: 15 Big grins
    edited September 29, 2013
    ko04 wrote: »
    I'd suggest to un-pin your navbar and also on your home page I think it should only best a few of maybe your favorite galleries. I find all the scrolling may get a customer to not know where to go and just leave the site. I love th text you used for you header. I'm not a web designer or coder in any way shape or form but that is my two cents.

    Thank you for your suggestions. I didn't know about un-pinning. Now I do.
  • Options
    AjdrakieAjdrakie Registered Users Posts: 15 Big grins
    edited September 29, 2013
    Nice. One thing I saw that I fixed on my Preview site is the cut-off text under folders and galleries. There is custom code to fix that so that it wraps underneath and you get the full text - somewhere here...sorry, can't remember where. I think it was written by one of the Allan's here who helps lots of people.

    I decided to turn off the header pinning as it just seemed too distracting. Folks pretty easily figure out to scroll back to the top to use the menu - imho.

    On the keywords page, you may be able to add a text block with just a space in it to make the SmugMug footer not crash into the last line of keywords. Or some margin changes.

    There is custom code to remove the little icons in front of your folder and gallery text.

    Something weird on your search page. First (not weird but maybe not good), on my 15inch Macintosh laptop with Chrome, the actual search box is not in sight under your image. The weird thing is that if I scroll down, I can see it; but if I scroll a little further, it DISAPPEARS altogether. Scroll back up a little and it comes back. Very repeatable. May be a bug. You might ask SmugMug help to look at it. Anyone else see this?

    Your "snowy egrit" taking flight. Maybe it is called that where you took the shot. In the USA, a snowy egrit has a black beak and yellow feet! ...just saying. Great Egrit?

    Hope this was constructive and not critical!

    Thank you very much.

    First, you're absolutely right about the egret -- it is the Great Egret. It was just down the street from me in The Baie de Vaudreuil, Quebec. Thanks for pointing that out.

    Yes, the keyword search page insists on being weird. I have added text boxes and liked the results in preview, but as soon as I publish it goes back to weird.
    I will have to find a smaller screen to see what you mean about the search page. I often seemed to get the results I wanted by fluke, so maybe I made choices that I didn't realize.

    I really appreciate your comments -- Im taking all of them into consideration and working to correct the problems.
    Thanks.
  • Options
    pileofprintspileofprints Registered Users Posts: 36 Big grins
    edited September 29, 2013
    final revisions?
    http://pileofprints.smugmug.com/

    Thanks to all the advice here I finished a revision of the site linked to above. I'd like to hear any additional suggestions.

    Special thanks to Nicholas Sherlock for his hack to change the background image on refresh.

    http://www.sherlockphotography.org/Customisations

    I'm not really using it for a background image in the normal sense, so I'd like to know if the opening "cover" page of my site looks reasonably alright on different sized screens. I don't think it can be perfect everywhere. The attached image shows how the front page looks on my laptop.

    The adjustment Sherlock recommended to make this work for me are in this thread:

    http://www.dgrin.com/showthread.php?t=238840
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited September 29, 2013
    http://pileofprints.smugmug.com/

    Thanks to all the advice here I finished a revision of the site linked to above. I'd like to hear any additional suggestions.

    Special thanks to Nicholas Sherlock for his hack to change the background image on refresh.

    http://www.sherlockphotography.org/Customisations

    I'm not really using it for a background image in the normal sense, so I'd like to know if the opening "cover" page of my site looks reasonably alright on different sized screens. I don't think it can be perfect everywhere. The attached image shows how the front page looks on my laptop.

    The adjustment Sherlock recommended to make this work for me are in this thread:

    http://www.dgrin.com/showthread.php?t=240846

    On my 1024 x 768 monitor, your home page background image is being cut on the bottom.
  • Options
    pileofprintspileofprints Registered Users Posts: 36 Big grins
    edited September 29, 2013
    On my 1024 x 768 monitor, your home page background image is being cut on the bottom.

    I knew that was going to happen.

    I guess I should try to adapt the load random photo on refreshcode to a photo box instead of a background, since showing a photo is really what I'm doing,
  • Options
    rhtrht Registered Users Posts: 43 Big grins
    edited September 29, 2013
    I like your site for the most part.

    There are two things that jumped out at me. The first is that I find your site name to be uncomfortable to read. I think it would be improved by using bold text or by moving the letters so they are not on top of a photo.

    The second is if I click on the navbar entry to bring up all galleries for that navbar button the tiles are grayed out and again you have very thin text on top of an image, not white on gray with colors. Again, I find it very difficult to read the text. On top of that the grayed out images don't tempt me to enter the galleries.

    --- Denise

    Thanks for your feedback Denise. I've done a lot of changes to the site since then and a lot of CSS and coding. The homepage has got the most attention. A news section is now on the homepage as well.

    http://reheatimages.smugmug.com/

    I've got troubles with the rounded corners of the top banner image on Safari, they just remain square regardless of what I do, yet they work fine on iOS safari. headscratch.gif

    Regards.
    w: Reheat Images
    Torn between cycling and photography!
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 29, 2013
    Here's my code for styling the lightbox... it does all that he did plus a bit more...
    /********Lightbox Stylizing********/
    
    /*Lightbox Background Change*/
    .sm-lightbox {margin:0 !important; padding:0 !important; 
      background: url[COLOR=Red](http://www.brandolinoimaging.com/photos/i-68XGwN7/0/O/i-68XGwN7-O.png) [/COLOR]
    fixed bottom left repeat-x repeat-y !important; 
    } 
    
    /*Lightbox Exit Button*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
      content: 'Return to Gallery';
      font-size: 18px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
    display: none;
    }
    
    .sm-user-ui .sm-lightbox .sm-lightbox-tools {
    padding: 5px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
      background-color: #8f7b62 !important;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
      opacity: 1.0;
    }
    
    /*How to set Custom Add To Cart Text - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button:after {
    content: ' Buy Now'}
    
    .sm-user-ui .sm-lightbox-tools .sm-button-label {
      display: none;
    }
    
    /*How to Style the Add To Cart Button - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button {
      background-color: #8f7b62;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
    }
    
    /* Label the Download Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-download:after {
        content: "Download" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Info Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-info:after {
        content: "Info" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Tools Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-edit:after {
        content: "Tools" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Image Sizes Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-sizes:after {
        content: "Sizes" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Comment Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-comment:after {
        content: "Comment" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Like Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-like:after {
        content: "Like" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Share Button in the Lightbox */
    .sm-lightbox .sm-lightbox-tools .sm-button.sm-button-image-share:after {
        content: "Share" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /*Lightbox Border and Shadow*/
    .sm-lightbox-image{
        border: 2px solid #8f7b62; 
      box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    filter: progidXImageTransform.Microsoft.Shadow (Color='000000', direction='3', strength='3');
    _filter: none;    
        }
    

    You need to find the image URL code for the background you are using and plug it in where it says URL... hi-lted in red.
    here's mine
    http://www.brandolinoimaging.com/Image-Galleries/Sports-Images/Water-Sports/LWC-B-Dive-2012/i-HFR7qkP/A

    Thanks I'll give it a try at some point here
  • Options
    miseryshusbandmiseryshusband Registered Users Posts: 15 Big grins
    edited September 30, 2013
    Cleanup advice need
    Ajdrakie wrote: »
    http://photos.terrasseaudrey.com/

    I'm gathering my courage and asking for constructive feedback on my site so I can make it better. :hide

    I've figured out most of the customizing, but there are still things that confuse me, and it is sometimes a trial and error process trying to get the look I'd like. So along with your suggestions, perhaps you may have to guide me through the action you advise.

    Yes, Rob Ashcroft, you may throw the rotten eggs. As I told you, I know how to duck if I need to.

    Thank you, folks. I appreciate your help.

    aj

    I know the feeling. Made the mistake of volunteering to run the booster clubs website for my sons football team. Ended up with 2 sites. A godaddy account www.hickoryfootball.org and a smug mug account http://hickoryfootball.smugmug.com/. The smug mug account was only for pictures taken by 4 different volunteer photographers (all ametures and parents including myself and my wife). After getting the website up and running, I started to tackle this monster which was sitting in its default state and in legacy mode. Now this site is pulled in as an IFRAME and the parents no longer have to leave the original website. I have been working on this for about 3 weeks and had to go live as I was tired of constantly updating the pictures page and this site at the same time.

    Any help on cleaning this up a little further would be greatly appreciated.
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 30, 2013
    Here's my code for styling the lightbox... it does all that he did plus a bit more...
    /********Lightbox Stylizing********/
    
    /*Lightbox Background Change*/
    .sm-lightbox {margin:0 !important; padding:0 !important; 
      background: url[COLOR=Red](http://www.brandolinoimaging.com/photos/i-68XGwN7/0/O/i-68XGwN7-O.png) [/COLOR]
    fixed bottom left repeat-x repeat-y !important; 
    } 
    
    /*Lightbox Exit Button*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
      content: 'Return to Gallery';
      font-size: 18px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
    display: none;
    }
    
    .sm-user-ui .sm-lightbox .sm-lightbox-tools {
    padding: 5px;
    }
    
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
      background-color: #8f7b62 !important;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
      opacity: 1.0;
    }
    
    /*How to set Custom Add To Cart Text - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button:after {
    content: ' Buy Now'}
    
    .sm-user-ui .sm-lightbox-tools .sm-button-label {
      display: none;
    }
    
    /*How to Style the Add To Cart Button - Lightbox Only*/
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button {
      background-color: #8f7b62;
      font-size: 14px;
      border-radius: 10px;
       -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      overflow:hidden;
    }
    
    /* Label the Download Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-download:after {
        content: "Download" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Info Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-info:after {
        content: "Info" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Tools Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-edit:after {
        content: "Tools" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Image Sizes Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-sizes:after {
        content: "Sizes" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Comment Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-comment:after {
        content: "Comment" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Like Button */
    .sm-lightbox .sm-lightbox-tools .sm-button-image-like:after {
        content: "Like" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /* Label the Share Button in the Lightbox */
    .sm-lightbox .sm-lightbox-tools .sm-button.sm-button-image-share:after {
        content: "Share" !important;
        margin-left: 8px;
        display:inline-block;
    }
    
    /*Lightbox Border and Shadow*/
    .sm-lightbox-image{
        border: 2px solid #8f7b62; 
      box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.8);
    filter: progidXImageTransform.Microsoft.Shadow (Color='000000', direction='3', strength='3');
    _filter: none;    
        }
    

    You need to find the image URL code for the background you are using and plug it in where it says URL... hi-lted in red.
    here's mine
    http://www.brandolinoimaging.com/Image-Galleries/Sports-Images/Water-Sports/LWC-B-Dive-2012/i-HFR7qkP/A

    Thanks for your code I will work on trying to use this... Now that I have fixed my major issues with my navbar I'd love to hear everyone's thoughts.
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 30, 2013
    ko04 wrote: »
    Thanks for your code I will work on trying to use this... Now that I have fixed my major issues with my navbar I'd love to hear everyone's thoughts.

    How'd you do the nav bar with the pointer below?
  • Options
    rhtrht Registered Users Posts: 43 Big grins
    edited September 30, 2013
    ko04 wrote: »
    Thanks for your code I will work on trying to use this... Now that I have fixed my major issues with my navbar I'd love to hear everyone's thoughts.

    The nav bar is pretty neat, as is your whole site.

    On your home page you have a distinct shaded header region. You could try repeating this shaded background style for the footer and the centre region where you have a small slide show going, try putting a full width background slide-show in that place if you can pull it off (only with fading transitions, no zooming effects).

    That will look really, really great. Love the photo of the bridge with the clouds. thumb.gif
    w: Reheat Images
    Torn between cycling and photography!
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 30, 2013
    rht wrote: »
    The nav bar is pretty neat, as is your whole site.

    On your home page you have a distinct shaded header region. You could try repeating this shaded background style for the footer and the centre region where you have a small slide show going, try putting a full width background slide-show in that place if you can pull it off (only with fading transitions, no zooming effects).

    That will look really, really great. Love the photo of the bridge with the clouds. thumb.gif

    That's an interesting idea you got there I'll give it a try and see what I can come up with. Love input like this! Always love to hear how to improve my site.
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited September 30, 2013
    How'd you do the nav bar with the pointer below?

    Brando I actually just use a CSS navbar generator to make my navbar since I don't know much about code I try to find the easiest ways to do things..off the top of my head I don't remember the websites name bu if you want it I'll try to find it for you just let me know..also your code worked great for the light box. I substituted your background image with mine and I love how it looks you can see it here http://www.k-ophotography.com/FineArt/Landscape/i-JwBCgCX/A. Thanks again and let me know if you need that website!
  • Options
    zgrethzgreth Registered Users Posts: 2 Beginner grinner
    edited September 30, 2013
    I'm a big fan of simple is better, so that was my take on my new smugmug site. I had previously taken up with squarespace to get some nice professional looking galleries to go with my smugmug hosted images, but I hated that I had to keep both updated and the traffic between them didn't flow very well. Very happy to have everything back in one place, and I must say that the new galleries match very well with what I could get from squarespace.

    http://www.zgrethphoto.com

    Zach
  • Options
    OscourOscour Registered Users Posts: 36 Big grins
    edited October 1, 2013
    Hi there,

    Most of your sites are really great ! clap.gif

    Here is mine : http://oscour.smugmug.com/

    Thanks for your advises
    _________________
    Oscour
    My Homepage
  • Options
    FloLoFloLo Registered Users Posts: 4 Beginner grinner
    edited October 1, 2013
    ko04 wrote: »
    Brando I actually just use a CSS navbar generator to make my navbar since I don't know much about code I try to find the easiest ways to do things..off the top of my head I don't remember the websites name bu if you want it I'll try to find it for you just let me know..also your code worked great for the light box. I substituted your background image with mine and I love how it looks you can see it here http://www.k-ophotography.com/FineArt/Landscape/i-JwBCgCX/A. Thanks again and let me know if you need that website!

    Awesome site! How did you create the login in pop for your clients?
  • Options
    ko04ko04 Registered Users Posts: 370 Major grins
    edited October 1, 2013
    FloLo wrote: »
    Awesome site! How did you create the login in pop for your clients?

    Thanks a lot for your kind words. As far as my client login I used what a smuger put togther which if you go here http://www.sherlockphotography.org/Customisations you can see it. Hope this helps
  • Options
    tykemamatykemama Registered Users Posts: 53 Big grins
    edited October 1, 2013
    Agreed!
    mbonocore wrote: »
    Jeff, You have no idea how happy that site makes me. For one, you were thinking outside the box and created something beautiful! Also, I love that you showcase the business and services first and the photography and video second. Bravo! I sent it off to the entire company I was so impressed. thumb.gif

    Thanks!

    Nice work - yes, agreed - way to think outside the box... heading off my my migration journey now...
    ___
    www.kimberlyteichrow.com
    Original Artwork, Photography and More

    I appreciate a good critique... and would love to hear from you!
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,246 moderator
    edited October 1, 2013
    Oscour wrote: »
    Here is mine : http://oscour.smugmug.com/

    Thanks for your advises
    Your site looks good.

    I do have one recommendation though - it looks like you have set the breadcrumb to only show the folder name and not the gallery name. Without the gallery name and without any description on the gallery, when I have a gallery open I have no idea which gallery it is. Either show the full breadcrumb or add descriptions to your galleries.

    --- Denise
  • Options
    OscourOscour Registered Users Posts: 36 Big grins
    edited October 2, 2013
    Thank you Denise, you're right !
    I have put the breadcrumb on my galleries pages.

    Thanks again thumb.gif
    _________________
    Oscour
    My Homepage
  • Options
    MartinJDMartinJD Registered Users Posts: 11 Big grins
    edited October 2, 2013
    New guy here - I recently moved from Zenfolio to Smugmug because of the new design and the ability to do more with my home page, I really like the changes..

    I'm still waiting for my Domain to transfer but for the next few days you can find me @ martins-photography.smugmug.com/

    Once my domain has transfered from 1and1 you can find me @ www.martins-photography.com thumb.gif
Sign In or Register to comment.