Frame/boarder around feature photo

kriyababajikriyababaji Registered Users Posts: 295 Major grins
edited August 28, 2006 in SmugMug Support
Greetings

Lets say a viewer was in standard smugmug view style (but really any view style), how could I have the primary/selected photo they were viewing (not all thumbs) display with a white boarder? I want to have the viewer see what the image would look like if it were framed. All the thumbs would appear without a boarder, until they were selected then they would appear with a boarder as the feature photo.

Hope that's clear, thanks for any insight, shane

Comments

  • javier.rinaldijavier.rinaldi Registered Users Posts: 210 Major grins
    edited August 27, 2006
    kriyababaji wrote:
    Greetings

    Lets say a viewer was in standard smugmug view style (but really any view style), how could I have the primary/selected photo they were viewing (not all thumbs) display with a white boarder? I want to have the viewer see what the image would look like if it were framed. All the thumbs would appear without a boarder, until they were selected then they would appear with a boarder as the feature photo.

    Hope that's clear, thanks for any insight, shane

    Mike Lane recently made a post about making frames and corner effects by creating a custom watermark. check out his post here. http://dgrin.com/showpost.php?p=371581&postcount=66
    Jav


    Creator of: SmugManager

    "There's no dark side or the moon, really. Matter of fact it's all dark..."
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited August 28, 2006
    javier.rinaldi wrote:
    Mike Lane recently made a post about making frames and corner effects by creating a custom watermark. check out his post here. http://dgrin.com/showpost.php?p=371581&postcount=66
    thumb.gif

    You could also use CSS to put a border around the image. The displayed image is contained within a div that you could also give a border to so you could get an interesting double matte effect, or a matte and frame effect. If you're interested give this thread a bump and we can get some examples going.
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • kriyababajikriyababaji Registered Users Posts: 295 Major grins
    edited August 28, 2006
    Double Mat?
    Hi Mike

    We figured out how to do the single mat effect. How could we achieve a double mat/frame effect?

    thanks for your ideas, shane
    Mike Lane wrote:
    thumb.gif

    You could also use CSS to put a border around the image. The displayed image is contained within a div that you could also give a border to so you could get an interesting double matte effect, or a matte and frame effect. If you're interested give this thread a bump and we can get some examples going.
  • Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited August 28, 2006
    This'll add a 5 px green "frame" around your image:

    #smugmug_small #displayPhoto .photo,
    #smugmug #displayPhoto .photo {float:left; border:5px solid #080;}
    #smugmug_small #displayPhoto #imageInfo,
    #smugmug_small #displayPhoto #imageInfo {clear:both;}

    This is only for the smugmug and smugmug small styles and I'm quite sure this will cause some problems in IE. You'll probably notice that your image gets pushed down to the next line below the thumbnails (just a guess but I'm pretty sure). The only way that you're really going to be able to solve this is to adjust the width of the div.rightColumn and the div#smugmug. But the amount that you're going to have to increase it by will vary depending on the sum of the widths of the left and right borders. So fix the photo borders to look how you want them and then come back to get help with the broken-ness of the page in IE.
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
Sign In or Register to comment.