sorta simple minimalist theme!

danskinner

been hacking away at this for a few weeks now - managed to integrate a few nice features from here & there!

http://www.danskinner.co.uk/photos/

if anyone had any idea how i could get the 'nu' album marker to just appear on the latest, say 2 albums (it's just a .gif background for the cell) then that'd be great!

no probs uploading it once i'm happy(er!) if anyone's interested

thinkdreams

dan-

some ideas about the "nu" album marker to appear on the latest entries would be:

1. date-based (although the date is kind of sketchy right now as Tris is still developing that feature. Some of us have gotten basic date functions to work, but it's tricky at best.)

2. id-based (you could show the two latest id entries (say if you have 50 albums, show 49 and 50), then sort your albums based on id. Problem with this is that if you like to rearrange your albums using the sort function, you may not see the two latest albums unless you devise a way to show them on your main page - sort of like a latest albums display - which has been implemented here on the forums)

Anybody else have any suggestions?

ed2

Isn't the typical way of doing this to set a permanent cookie for the site, then flag everything as "new" that is later than the permanent cookie time?

I like minimalist, and like the site. Just FYI, something strange happens when I mouse over the images in the gallery page--something in the hover is causing something to resize, then all the albums icons below shift lines. I'm using Firefox 1.5.0.8.

thinkdreams

The only flaw I see in that theory with cookies is that if cookies aren't behaving properly, or if a person have cookies set to off for security, than the "new" flag won't work properly.

koffee

add 1px padding to a img attribute. Because when I hover it in FF 2.0 it makes 1px border and each other window with picture moves 1px left. right, wherever.

trisweb

Ditto @koffee, I see the same annoying effect.

Looks great though, very clean.

Re: "nu" marker -- if each album had an uploaded or created date (... I'll get that in there soon...) then you could just compare it to today's date and put "Nu" on items that are within the last week or two weeks or whatever. I think that's better than using cookies.

danskinner

cheers for the advice chaps!

i've had a look a the 1px border problem but can't quite see what's going on! - if i add a 'padding:1px' attribute to the img, then in FF you see 1px of white padding 'inside' the grey border and the problem remains!

i've checked through zen.css & can't find any hover attributes that add any 'extra' padding or border to the images - only the colour of the border should change (as per the IE behaviour)..

i'm relatively new to hacking css to keep FF happy so any suggestions would be gratefully received!

re. the 'nu' tag - i think that the id based method of figuring out the newest albums will be fine, so i guess i'll just have to tinker with the code from here:

http://anton.gektoras.lt/zenphoto/zenphoto-latest-albums

to add some form of 'if - else' statement that calls up a different div class depending on the sort order & limit..

..sound about right?

thinkdreams

@danskinner

sounds good from here. i'd be glad to help if you need me. i'm not an expert by any means, but i'd be glad to help troubleshoot with a working zenphoto installation (http://www.thinkdreams.com/zenphoto)....

if you wouldn't mind, please send a copy of your zen.css file too, so I can take a look. my email address is craig (at) thinkdreams.com

I use firefox as my preferred browser.

thinkdreams

better yet, if you could zip the theme up for me, i can install it on a test dev zenphoto install on my server, get it working there, and help you diagnose what is wrong. would that be OK by you?

thinkdreams

I "craftily" wgetted your css file on my own. After reviewing it, in your css code under the album css selector, you have this:

.album a img {
margin: 0 0 8px 0;
border: #ccc solid 1px;
}
.album a:hover img {
margin: 0 0 10px 0;
border: #aaa solid 1px;
}

note that the margin changes when you hover. this probably is what the trouble is. you might change the 10px to 8px to match the "unhover" state of the link, and see if that doesn't fix the strange box problems when you hover over the image links.

trisweb

Yep, it's the margin change. Make 'em the same and it should work fine. Nice!

thinkdreams

i help where i can. i'm no proclaimed expert, but i try really hard...

danskinner

OH BRAVO THAT MAN! - that's blummin' cracked it!

what a fool i am - i must have been looking under the wrong hover attribute!

now just the 'nu' to deal with!

thinkdreams

i like your nifty little .js menu selection thingy at the top menu BTW. nifty sliding selection effect.

thinkdreams

danskinner-

in lieu of the "nu" thing until Tris gets the version out with date support, you can run a function similar to this:

http://www.thinkdreams.com/zenphoto

which displays the most recent images and albums.

i'm using these nice code snippets from here:

http://anton.gektoras.lt/

that way you can display the latest ones by id without having to "sort" your albums.

my problem is that i have certain albums i want to display first, no matter if there are newer ones or not, and doing it by id and sorting for newest on the main gallery page will always rearrange my sorts. (does that make sense?)

so, i use these bits of code instead. i had to modify them a little to get them to display the way I wanted, but they work OK for me. he even has a latest comments one too as a bonus. i am working on a "most popular" display and on a "highest rated" display as well for proof of concept (just to see if I can do it) since I have the rating and hit counters working now.

thinkdreams

danskinner-

i got most popular working on the same page link. 1 more to go...

thinkdreams

and there you have it. with a bit of sql tweakiness, i have the highest rated ones working too.

i'll be glad to share if anyone is interested.

danskinner

'nifty little .js menu selection thingy' is from here:

http://www.frequency-decoder.com/demo/animated-minitabs

..and good work on the sql tweakiness! - looks like the thinkdream theme does *everything* now