Theme: clean canvas

Hey guys,

thanks a lot for developing Gallery 3. I was looking for something like that and it already nearly does all I'm looking for. (Maybe a five star rating system per user is missing).

Anyway, I invested some time to understand the theming, since I didn't find a theme suited for my purpose (some family photos of my newborn son). It took a while to get into it, but I took a deep dive into it and into CSS3 and finally made it work. The theme I designed will stay private, but I thought, based on it, I could contribute to the development and give you another theme for G3.

I worked on it with RC2, designed and tested it using Chrome mainly, but I also checked with Safari, Firefox, Opera and Internet Explorer. While the webkit based browsers worked best, I think Firefox and Opera also do a pretty good job. But Internet Explorer is very limited. I can't get it to look similar enough and I experience some strange behaviour with the hovers of the thumbnails, where the layout jumps when moving the mouse. If anyone has some idea how to fix it, it would be appreciated.

Since I can't demo the theme because of ISP limitations, I can only provide a zip of it (see attachments).

Feedback is welcome.

Enjoy!

Sure, could have thought of that myself ;-). See attachment.

Thanks, let me know when you need additional information.

http://gallery.menalto.com/node/88511#comment-311330

Thanks, meb0, glad you like it ;-). Ok, here you go. Thanks to the hints from mamouneyya and floridave I was able to adapt to the flexible layout. See attachments (new screenshot and theme).

Problems with layout jumps in internet explorer still apply. Someone able to help here?

See codex or http://gallery.menalto.com/node/97030?page=6#comment-393566 for updates. floridave

Thanks Dave!
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Thanks ;-) Out of curiosity, what browser are you using brewster?

marshfire - just wanted to include that I've added the register, reCAPTCHA, image block, and comments modules - all working without any problems. I set the register user to send a confirmation email, which it did, and worked as expected.

Did notice that when I go into advanced settings, it is set as:
gallery active_admin_theme admin_wind
gallery active_site_theme clean_canvas_wide

Should I change active_admin_theme to the clean_canvas_wide value?

Thanks,
Brewster

Hi,
Really nice theme. I just made it my standard

I have found a problem though at least on my install and I can't figure it out. When I try to rotate and image from the top menu I get as result

{"src":"\/var\/resizes\/some album\/IMG_6667.JPG?m=1280214231","width":640,"height":427}

When I go back it is rotated.

Trying the same from the Options menu under the photo works without problems.

Thanks,
Uli

Ok, I found the problem. I missed to adapt some of the changes from RC1 to RC2. So, now I removed the photo menu in the photo page, since it is in the menu already, added the fixed ui-init, which fixes the wrong behaviour, and did some minor changes. Attached you can find the new versions (named 1.01).

Have fun!

marshfire,
Thanks for keeping the docs up to date as well it really helps the community.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

any way to incorporate Lightbox 2 with this great theme

http://www.huddletogether.com/projects/lightbox2/

This is how it was implemented in G2 but I am new to G3 and not very good with coding

http://codex.gallery2.org/Gallery2:Modules:Lightbox

I incorporated shadowbox since there was already a module for it. If you want to give it a try:
- Download the modded version attached to this post and install (I moved the initialization from the shadowbox module to the photo page of the theme and added the loading animation - which unfortunately doesn't work that well but I'll look into it)
- Download the attached "photo.html.php" file and use it to replace the one in "themes/clean_canvas(_wide)/views"

Good luck (haven't tested this a great deal),
Uli

hukoeth,

good work, since I don't know shadow box that good, I don't see the problem with the loading animation. I took your chages from photo.html.php and incorporated it into the original one with a check, if shadowbox is available. If it is not, it takes the default fullsize js. Also, I added the other pictures from the album to the display group. It's a first attempt and the view menu full size option behaves a bit different now, which I need to fix.

However, please give it a try everyone, and tell me, what you think.

install as described by hukoeth.

If there would be a module lightbox, I would also include that.

Good luck

Hmm, took me a while to reproduce it. Looks like this problem only occurs when using the context menu to rotate the image. As soon as I hit refresh, the layout fits again. Could you check if it is the same with your site?

Thanks!

Ah, I think I see what might be going on. I can share a URL privately if needed.

I'm able to duplicate this. If I have a thumb that isn't in landscape and it's on the bottom row and I have views and the "owner", it's not expanding beyond or over the container for the album-grid.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Hello, are you able to make this work on album pages? So that when I click a photo on the album page shadowbox shows up instead of taking me to the photo page?

Thanks everyone for there help!

Hi engineer,

I did not yet test any movie files with it, so I think there might be some problems. In fact, I don't even know yet, what formats are supported (I'll check the documentation). I will investigate on it, but I might need a bit of time for it.

marshfire

I just grabed this theme and I love* the look of it. good work!

Not yet found, but I have the same issue with the brown wind theme. It is not only on portrait-oriented, but also happens on some landscape pictures. I'm still looking.

Follow up: Images jump around just as bad w/ the default Wind. Somethings up w/ the base CSS.

BOFHMike,

It's not happening for me in IE7 from the link you provided. First please verify you are using the latest experimental code and follow the upgrade instructions to ensure you don't have any of the old code around:

Get the latest code here:
http://github.com/gallery/gallery3/zipball/master

Upgrade instructions here:
http://codex.gallery2.org/Gallery3:Upgrading

That behavior was suppose to have been squashed a long time ago and as far as we know has been. I've not seen it in IE 6 or 7 for a long time.

Make sure you've cleared your temporary internet files too. Possibly try reinstalling IE7 or uninstalling any plugins you have for it.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

The same thing happens with me for this theme in IE8

the images jump around, especially if you mouse over the first album and then move over to the second/third album it reliably occurs

There's another person here having the problem:
http://gallery.menalto.com/node/97367

The only way I've been able to replicate it is by zooming my IE browser window to be smaller than 100%

EDIT: So Dave probably nailed it on the head about padding, though I haven't tried messing around with any of the code.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

No better opportunity to learn than to dig in and try it Seriously, you can read all the sites, books and take all the classes you want, but unless you dig in and do it, you're not going to learn it.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Well, I have a general idea of how to do CSS but its just basic text color and backgroung color. I looked at the CSS file for this theme and got lost. Maybe once a dark theme gets created I can compare the two and learn that way.

As for how dark...DARK. Maybe a black background and dark gray for the area where the pictures are. I'm sure whatever you come up with will be good! Thanks!