Getting More Advanced With The Photo Wall

Getting More Advanced With The Photo Wall

PhotoShelter members are continuing to make some very creative use of the new “photo wall” feature. Within the first 5 days of its availability, nearly 700 people have already implemented the Photo Wall into their websites.

In my previous post, I showed some examples of the “early adopters” who used the Photo Wall in conjunction with some of the standard PhotoShelter website templates, and included their “recipe” (the settings they’re using to achieve their particular look.)

This post, we get a little more advanced by showing people who are using the Photo Wall in their WordPress blogs using Graph Paper Press themes, and one person (Andes Lo, below) who used the PhotoShelter Southpaw theme, but modified the CSS coding a bit.


ANDES LO

andes-lo.jpg

Theme: Southpaw
Style: Ink
Aspect: Natural
Padding Between Thumbs: 3 pixels
Rounded Corners: 5 pixel radius
Half-size thumbnails: Use for small feature/less recent galleries
Show Gallery Name: Only on hover
Watermark larger images: No

Note: Modified the CSS coding to change the background and added a logo.


The examples shown in this post required some knowledge of CSS coding.

This week’s “theme” here on the blog is the new Photo Wall feature, where I show off the various ways PhotoShelter members are putting it to work for their websites. The next post will showcase some people who are using it in their own designs using manual mode.


QUINN RYAN MATTINGLY

quinn-mattingly.jpg

Theme: Graph Paper Press
Style: Widescreen
Aspect: Square
Padding Between Thumbs: None
Rounded Corners: Don’t round
Half-size thumbnails: Use for small feature/less recent galleries
Show Gallery Name: Only on hover
Watermark larger images: No

Note: He modified the CSS code to change the way the text displays when the mouse rolls over the image.

GAVIN GOUGH

gavin-gough.jpg

Theme: Graph Paper Press
Style: Widescreen
Aspect: Natural
Padding Between Thumbs: 3 pixels
Rounded Corners: 8 pixel radius
Half-size thumbnails: Don’t use
Show Gallery Name: Only on hover
Watermark larger images: No

ADRIAN P YOUNG

adrianyoung.jpg

Theme: Manual Customization
Aspect: Square
Padding Between Thumbs: 4 pixels
Rounded Corners: 0
Half-size thumbnails: Don’t use
Show Gallery Name: Only on hover with CSS modification
Watermark larger images: No

Here’s what his gallery name looks like on hover:

adrianyoung2.jpg

Using CSS, Adrian centered the text, changed the text color to white, changed the background color to blue (#00a0f0) and changed the width to “auto” (100%).

MARTIN VARGAS

martin-vargas.jpg

Theme: Graph Paper Press
Style: Modularity
Aspect: Natural
Padding Between Thumbs: 1 pixel
Rounded Corners: 3 pixel radius
Half-size thumbnails: Use for small feature/less recent galleries
Show Gallery Name: Only on hover
Watermark larger images: No

DAVE COLLYER

dave-collyer.jpg

Theme: Graph Paper Press
Style: On Assignment
Aspect: Rectangular
Padding Between Thumbs: 3 pixels
Rounded Corners: 8 pixel radius
Half-size thumbnails: Don’t use
Show Gallery Name: Only on hover
Watermark larger images: No

CHRISTOPHER SMITH, FRAMING THE PLANET

framing-the-planet.jpg

Theme: Graph Paper Press
Style: Wide Screen, in Manual Mode
Aspect: Natural
Padding Between Thumbs: None
Rounded Corners: Don’t round
Half-size thumbnails: Don’t use
Show Gallery Name: Only on hover
Watermark larger images: Yes

MARTIN BAILEY

martin-bailey.jpg

Theme: Graph Paper Press
Style: Manual Mode
Aspect: Natural
Padding Between Thumbs: 10 pixels
Rounded Corners: 8 pixel radius
Half-size thumbnails: Use for small feature/less recent galleries
Show Gallery Name: Only on hover
Watermark larger images: No


NICK ANDERSON

nick-anderson.jpg

Theme: Graph Paper Press
Style: Manual Mode
Aspect: Rectangular
Padding Between Thumbs: None
Rounded Corners: Don’t round
Half-size thumbnails: Use for small feature/less recent galleries
Show Gallery Name: Only on hover
Watermark larger images: Yes

Note: He is using the Photo Wall at the bottom of his front page, to show off his recently updated galleries.

Next Post:
Previous Post:
This article was written by
There are 3 comments for this article
  1. Quinn Ryan Mattingly at 4:31 am

    Thanks for the props Grover! I think it might be sweet if the wall could be randomized somehow, maybe to show a different order of galleries upon each page load, or if the small and large thumbs could mix, instead of large at the top, and small toward the bottom. Know what I mean? Great feature anyway, and thanks for the link. Best Quinn

  2. Kat Palasi at 8:58 am

    Hi Grover, Folks have a great PHOTO WALL because they use Graph Paper Press, is that it? People using various themes of PS can’t have a cool photo wall like these folks mentioned above? I dont know CSS :( I’m curious and want a cool Photo Wall as well… Thanks:) Kat

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>