Advice needed for layout

[search66]

Currently I'm using the 'simple' template... I love it for it's simplicity (thus the name, eh?) and functionality.

However, I'd like to have a handful of thumbnails showing like... the last five most recently added photos.

Does anyone have any suggestions on where it would look good to put on the page? If so, is there an add-on recommended? Or should I use Pixel's built in feature?

You can check out my photoblog here: webnigma.com/pixel (I'm still waiting on blog.webnigma.com to resolve... and remember, this is just family stuff and I'm far from a professional).

Thanks for your feedback!

[tinyblob]

<IMAGE_THUMBNAIL_ROW> or <IMAGE_THUMBNAIL_ROW_REV> is the way to do it through pixelpost. just add either of those tags to where ever you choose on your template. "rev" means reversed by the way..

i like thumbnails at the bottom of the page, check out:
http://www.unseen.zeeder.com/pixelpost
for a good example

[search66]

Thanks for the comment, and yea... I love it!

Ok, I figured it out.. thanks.

Last question for now... What is the best way to identify these as 'recent photos'?

I mean.. what would look best.. just text like... 'recent posts'?

Ok.. this is REALLY the last question.. Where in the CSS (and what's the command) for the nice simple hover for his mouse over?

[tinyblob]

it looks fine to me.. (see below)
what browser are you using?

[search66]

Yea.. that looks fine. I'm talking about when you mouse over a thumbnail, I want it to have a faint border around it...

Would it be something like this?

.thumbnails li:hover {
background:#f5f5f5;
}

[tinyblob]

oops, replied a bit slow there (i'm at work).

i like something as simple as "Last five images" or.. eight in your case? "recent" can work too..

as for hover, you can create a separate class for the hover style like this:


.thumbnails {
padding:5px;
border: 1px solid #a9a9a9;
margin: 10px 6px 6px 6px;
}
.thumbnails:hover {
border: 1px dotted #a9a9a9;
}


but i THINK that only works in Firefox/Safari.

I'm not a CSS guy, hopefully someone else will be able to give you a de-facto answer :)

[search66]

Thanks again... Yea, I tried basically what you suggested and it's not liking it in Maxthon (which is IE based).

Anyone know an IE compatible hover?

Can you look at it in Mozilla/Firefox/Opera.. whatever you use to see if it's there? Thanks

[tinyblob]

by the way, you've been making all your changes to the LIGHT variant CSS file. so if you click the link for DARK, all your changes reset.
if you like the light style, you can stick with it by just removing the DARK/LIGHT links at the bottom of the page.

the hovers work in Safari and Firefox. i don't love them because they go from not having a border, to having one, so effectively move a pixel and "jump". you could resolve this by adding a border which is the same colour as the background, or increase the padding by 1 pixel.

i don't know if you can do hovers in plain CSS for IE, but you could use Javascript to change the CSS class.

[search66]

Thanks Bob... I'll research more... 'preciate the feedback.

[tinyblob]

Bob? :)

[search66]

Yea.. Bob... I know your nick is 'blob'... but the guy in the picture looks like Bob.

[Connie]

you got it! This guy on the photo is a real "Bob"!