New Template: Supaclean

[kevincrafts]

A new clean and minimal template which includes some animations for displaying comments, details, and exif info. Requires the Tag Menu addon (included).

See a Demo (http://pixelpost.kevincrafts.com/supaclean/index.php)

Download (http://www.pixelpost.org/extend/templates/supaclean-template/download/)

[jaywilliams]

Very nice template Kevin.

The only thing I would recommend would be to make the details/comments links toggle rather than show only.

For example, when I click on the details link, it shows me the details, but it would be nice if by clicking on the details link again, it would hide the details.

But don't get me wrong, I still think it's great!

[kevincrafts]

Good idea. Done. Thanks Jay.

[iHamad]

amazing template ..!!
working 100% amazingly fine ..

using it (http://www.ihamad.com)
with slight modifications on font colors ..
and the rest is so perfect..

[kevincrafts]

Nice. Thanks for posting.

[emaquiling]

Hi Kevin,
Having problems getting the Details to go across the top of the image. It is coming to the left hand side of mine. Also, when I click on Details, my image doesn't resize, it stay large.
thanks
eric

[emaquiling]

I seem to have found the answer. Did a search for IMAGE_WIDTH (found this out but looking at the "source" on the Demo webpage compared to mine was not showing the width).

There seems to be a hack for the IMAGE_WIDTH after upgrading to 1.7.

Thanks for the nice template!

[munthe]

Great template, just what I wanted... Using it on my new photoblog! (http://photo.munthe.dk)
A nice addition in my opinion would be some clean arrows for next and previous images on mouse over... Anyway nice template again,...

EDIT:
Just thought of something, If I could make those nice ajax ratings slide in from the bottom of the image on mouse over. that would be so really awesome... Just an idea...

[dhdesign]

Kevin -

Nice job with this one. I do need a bit of help implementing something though, and I was wondering if you could help.

I've been able to alter the image_template.html to show a blank .gif file in place of the image in the photoWrapper div, and make the image the background of that div in an attempt to stop people from simply right-click/saving the image directly, or drag/drop if they are on a Mac. However, when they open the detail or comments sections, they are still able to right-click and view the full-size image from there, since those are created using javascript to scale the original.

I tried adding the same code in those sections to make the image the background and display the blank .gif file, but I'm not able to get it to scale the background image, only the blank .gif file.

Any ideas?

Thanks in advance!

Kim

[kevincrafts]

You can replace the scaled photo with a thumbnail and use that as a background but depending on your thumbnail size it may not look as nice. I don't know if anything is really a good stop to that - if someone really wants to copy your photo, they can just do a screenshot.

[munthe]

Just be happy if people want to copy your work! That means they like it!
If you don't like people see your work, then put it on the internet...

[dhdesign]

Munthe -

If they like my work, they can leave me a comment on my photoblog, or contact me via email. But stealing my images and using them elsewhere without my permission is not okay. The images I post are my property - I hold the copyright to them. If they want to use an image, then they need to contact me and request permission.

Just because an image is posted on the internet on a photoblog does not make it public domain and free for anyone to take and use as they please, regardless of what a lot of folks think.

[munthe]

I never said that your blog was public domain, but I could download a low.res for my screen saver or desktop background, would that also be stealing? I would say it still was viewing within fair reason...

[dhdesign]

It doesn't matter if it's a high-res or low-res version. If you downloaded it without permission, even for personal usage, then yes, it's stealing.

It's very easy to email the image's owner and say "I really like this image and I'd like to have a copy of it as my desktop background or for use with my own personal screen saver program.", and let them say yes or no, and respect their decision. I bet if you did that, 9 times out of 10 they'd say yes, and they'd appreciate the fact you took the time to ask, rather than just taking it.

"Viewing within fair reason" is applicable to a web browser temporarily caching an image on your computer when you view a web page. It does not apply to a copy you download to retain permanently on your computer.

When in doubt, ask. They'll be glad you did. ;)

[unpackedrope]

Hello.

New to pixelpost and this template but loving them both so far. Just one question though (apologies if it's stupid) but there are 2 styles available for this template and I only want to use the black one. How can I remove the option to switch to white?

Thanks

[kevincrafts]

In each html file there are 2 lines of code for the css styles - since you want to use the black one only, you need to edit the first line and you can delete the second...

change this:

<link rel="stylesheet" type="text/css" href="templates/supaclean/styles/light.css" title="light" />
<link rel="alternate stylesheet" type="text/css" href="templates/supaclean/styles/dark.css" title="dark" />

to this:

<link rel="stylesheet" type="text/css" href="templates/supaclean/styles/dark.css" title="light" />

You can also remove the link to the style switcher script:
<script type="text/javascript" src="templates/supaclean/js/styleswitcher.js"></script>

and the style switching links:
Style: <a href="#" class="light" onclick="setActiveStyleSheet('light'); return false;" title="Light">&nbsp;</a> <a href="#" class="dark" onclick="setActiveStyleSheet('dark'); return false;" title="Dark">&nbsp;</a>

[unpackedrope]

Thanks for coming back Kevin. I swapped the light and dark so that dark was the default then went to the pub and thought "Damn, i'm a fool - I should just delete the light one". So I did that and it works perfectly.

Cheers

[blogman]

Excellent template. Wanted to report a bug I found - or I just screwed up somewhere. When you disable comments, and attempt to ADD a comment, it gives you a "page not found" error on this url: http://DOMAINHERE/index.php?x=save_comment. Testing on a default PP template like Simple, the behavior is supposed to pop up a message saying comments are disabled.

[Jonnyism]

Hi, on this template where is the code designing the comments layout hidden?

thanks.

[kevincrafts]

Search the html for this:

<div id="comments">

[Draky]

Hello

Nice one :)

On my phlog, I don't see "categories" like you :(
Any clue about it ? With browse link in fact.
http://www.wittezaele.fr/pixelpost/

[kevincrafts]

Hmm good question - the tag seems to be replaced in the html but nothing is there - have you used an alternative language at all?

[Draky]

No, I've choosed FRENCH and no alt lang.

[debaser]

First off, great template. Thanks for making it available as I have no clue how to go about making one of these things.

The "top commenters" part of the "About" page doesn't seem to work, though. Since nobody else has asked about it, maybe it's something I've done? The site is 613photo (http://www.613photo.com).

[dhdesign]

In the zip file for the template there is an addons folder. Inside that folder is a file called top_commenters_basic.php. You need to upload that to your addons folder, then go to the Addons page in your admin section and make sure that the Top Commenters addon is turned on. Then it should work for you. ;)

[debaser]

There doesn't seem to be an addons folder in the template zip. I downloaded a fresh one to make sure.

[dhdesign]

Oops, my bad. The Switchy template that Kevin made has the addons folder, not the Supaclean template.

You can download the Top Commenters Basic addon from here (http://www.pixelpost.org/extend/addons/top-commenters-basic/), then upload it to your server and turn it on.

[debaser]

I found it here (http://www.pixelpost.org/extend/?s=dwilkinsjr&sort=updated&req=Any), though. Thanks for the help!

[debaser]

Jinx

[cgn59]

Sorry, my english is too bad, but... I'm using your super supaclean template and creating my first pixelpost photoblog. No problem ! Just a question about your photoblog and the details page : under the thumbnail of the photo, you have three black&white thumbnail's thumbnails... is it possible to do it as well ? How ?...
In French (cause I'm french, that's why my english is so strange) : Désolé, mon anglais est trop mauvais, mais... J'utilise ton super modèle supaclean et je crée actuellement mon premier photoblog sur pixelpost. Aucun problème ! J'ai juste une question à proos de ton photoblog et de la page "détails" : sous la vignette de la photo, tu as trois vignettes de la vignette en noir&blanc... Est-il possible d'en faire autant ? Comment ?...
Thanks a lot ! Merci !

[kevincrafts]

the black and white photos come from a RGB Channels addon I've been working on, but it's not exactly ready for release yet.

[gheatza]

I've just found the thread for your theme, and I just wanted to say thankyou for it, I like it very much :).
If anyone wants to see it, it's online on my site, http://stargazer.eu .

[pixelkeeda]

Is the Exif data on transparent strip part of the default template ?
Because when i tried it, i get it below the photograph/image..

[kevincrafts]

Yes it is - can you give a url so I can see?

[pixelkeeda]

Yes it is - can you give a url so I can see?

http://www.photorush.net84.net/