the Nature theme

Tech info:
The Nature theme was cloned from the PGTheme version V1.0RC7 the updated version from Thu, 2005-12-22. ( http://gallery.menalto.com/node/33603?from=650#comment-158134 )
The colorpack 'natureGreenDarkGreen' was cloned from the PGSnow colorPack. The first color in the name points to the backgroundcolor (outside the content table) and the second color points to the foregroundcolor (inside the content table).
Any updates on the PGTheme will have to be taken over manualy. Of course, don't replace any files of the Nature theme with files that are meant for the PGtheme. Improved pieces of code can only be taken over seperately from the PGTheme.
This is the updates list of the PGTheme with notes how the (if, that is) reflect in the Nature theme
* The Nature theme doesn't support multiple author BIOs - http://gallery.menalto.com/node/33603?from=650#comment-158724
* Everywhere 'core:' is replaced by 'core.' and made every callback or block work with a '.' instead of a ':' - http://gallery.menalto.com/node/33603?from=650#comment-158724
Didn't add the "$theme.comments" check like described in that post...
* Sun, 2006-01-01 - http://gallery.menalto.com/node/33603?from=700#comment-159632
Bug fix included in the Nature theme
* Sun, 2006-01-01 - http://gallery.menalto.com/node/33603?from=700#comment-159633
Bug fix Taken over : photoNavOver.tpl, navigatorThumbs.tpl
Not taken over : navigatorTop.tpl
* Wed, 2006-01-04 00:26 - http://gallery.menalto.com/node/33603?from=700#comment-160104
Not taken over.
* Fri, 2006-01-06 12:04 - http://gallery.menalto.com/node/33603?from=700#comment-160729
Not taken over.

The changes listed below were made to the PGTheme to make it into the Nature theme :
Said otherwise, these are the new features that the Nature theme adds to the existing PGTheme features...
An easier way to see all the features (options/parameters) the Nature theme has is by viewing the example admin page, incl. link to its help file here

- I added to all comment the HTML comment tags, so my editor colors the comments... In regular expressions notation that is: {\*([^}]*)\*} became {*<!--\1-->*}
- theme.inc has been transformed to fit for the Nature theme.
The default theme settings have been altered.
- author.tpl has been extended with a note for the admin and the HTML has been customized.
- Made the breadcrumbs, Links and head positionable: 'extern' (just on top of the screen like the PGTheme), 'intern' (in the Gallery table, above the author text) or 'hide' (don't display). Adjustable through the admin.
Herefore the variable BreadCrumb is now renamed to BreadCrumbPosition and thus holds any of these three possibilities.
Furthermore both the head and the Top Navigation are extracted into two new tpl files: head.tpl and topNavigation.tpl
- theme.css had been altered to mold the visualization of the theme.
- theme.js, admin.tpl, help.html - The openHelp function now must receive a themeURL and if available a colorpackName. This way help.html also receives colorpack changes.
- help.html made the title Nature help and added credits to Pedro.
- Added support for the checkout module, described here: http://gallery.menalto.com/node/33603?from=750#comment-161338
The cart/checkout visibility can be altered for every level: The root, the albums and the photo's on an albums page can have a cart/checkout or not - all managable through the admin
The checkout heirs the theme adjustability of the cart: The theme ACTION settings affect the checkout module in the same way they do with the cart module.
- Optimized the code for every link. Moreover the alternative button texts now work and can be disabled individually.
- album.tpl, photo.tpl: Added a NavigationStyle variable adjustable through the admin to choose between navigation icons: the 'square' gallery navigation icons (default square icons near the top of the page) or the 'natureTheme' icons (no gallery root link, but only a return arrow to go to the image's album. This icon and the slideshow icon are positioned below the microthumbnails.)
- theme.inc: replaced the description "PHOTO :: MicroThumbs - Show MicroThumbs on the RIGHT of the image (by default: LEFT)" with "PHOTO :: MicroThumbs - Show image LEFT (by default: RIGHT)" because this setting doesn't only affect the microthumbs, but everything else that is set to be listed here, so speaking about the image is easier :p
- photo.tpl: if nothing is set to be shown near the top of the page (no image title, description nor info and the navigation style is set to 'natureTheme' (so the square icons don't show either) the horizontal bar/seperator (normally shown beneath these items) is hidden also.
- made all icons 16x16, bottom aligned and a bit to the right if centering wasn't possible. (Also adapted the theme.css file)
- made the logo direct to a given link or to the gallery root if none specified in the admin.
- adapted the buttons code in footer.tpl.
- theme.inc - replaced 'bellow' by 'below'. I didn't check on any other spelling mistakes, so please contact me if you see any.
- theme.inc - Removed "type-params' => array('size' => 2)," from checkbox options
- photo.tpl added " cellpadding="0" cellspacing="0"" to several tables to get the navigation icons a bit closer to the image.
- The footer can be visualized as a bar. The footer bar will hold the search and cart/checkout Blocks, the footerBarLink and the copyright message.
The footerBarLink is an optional link for the footerBar. It only appears if a text has been set for it. Furthermore, the link can be set to only show on the first page.
- footer.tpl and footerBar.tpl : changed the copyright message in © 'SITE ID' instead of (C) 2005 - 'SITE ID' (all rights reserved) and it only shows when a site id is provided
- Changed all plain text notations to using the Gallery Custom Tag g->text so that those texts will go into the translation queue so that 'make messages.po' (see http://codex.gallery2.org/index.php/Gallery2:Localization) will build a .po file holding all such text ready to be translated.
- photo.tpl - Added some ugly code as workaround for enabling the full size popup without showing any other mouseover. Editted the 'fsizeopen' function to close the popup window onclick of the image and added a border to the image (this is hardcoded and doesn't use the imageFrame pack).
- photo.tpl - Added the possibility to enter a maximum height for the Title and Description after which a scrollbar has to appear. This only applies for the title and/or scrollbar positioned above the Thumbnails below the Title.
- photo.tpl, album.tpl - Added the possibility to enter a maximum height of the content (excluding the menu's, head and footer). A scrollbar will appear when the content extends this height.
- photo.tpl - made the photo column one single field to stop the other column (microthumbs, info and such) from pressing the photo column outwards. Before, when clicking 'show keywords' the photo column would sometimes be pushed larger, resulting in a moving photo and bottomNavigation...
- Moved the scrollbar CSS from theme.js to color.css to have these CSS rules to take affect a bit earlier (on loading of the page it took a sec before they did, resulting in ordinary scrollbars at first and then flipping over to the styled ones). Remember that this only work for Internet Explorer.
- theme.inc, album.tpl - hide or show all text of the albums on the first page.
- theme.inc, album.tpl - hide or show the breadcrums on the first page.
- A small logo can be provided. This will appear between the BreadCrumbs and the menu links. It can be set to hid eon the first page.
- Unlimited links can be provided through a seperate template file externalLinks.tpl. These links will not show up next to the system links, but on a seperate line. The system links can be hidden...
- A link seperator can be provided. E.g. '|'
- A breadcrum seperator can be provided. E.g. '>'
- Keywords are optionally to show on the photo page. If set to show, a text 'ehow keywords' will appear that reveals the keyword onclick of it.

Module makeovers :
The Nature theme includes several module templates, which will be writtin in 'local' directories when you copy them over your existing modules.
Shouldn't you want your modules to be changed, remove the modules directory and only copy the themes dir to your gallery2 installation. If you already copied the modules files, then you can delete the 'local' directory in the 'templates' directory of every changed modules.
- The slideshow module
The slideshow theming file were just copied from the PGTheme and split the slideshow menu into two, with one piece at the bottom. The images appear centered between them.
- The search module
Based on 'Search 1.0.0' - cloned in januari 2006
I modified the search module to fit the Nature theme. I want to see all results, without having to click on the button on the first search page first. I didn't succeed to get this result by modifying the module php code (don't know enough of it), but only by changing the tpl files of it. So I mimiced the first page as a load page and I use javascript to click the button. When no results are found the first page unhides and the user can retry.
I only show the itemtitles on the screen, but I built in a mouseover showing all item info (using overlib)
The overlib only 'listens' to the 'natureGreenDarkGreen' colorPack. For all other packs, default grey colors are used. This is because overlib needs javascript 'CSS' declaration and I don't know how to get CSS to javascript.
The module includes the 'Show advanced link' parameter.
You can specify how many items you want to be shown on each resultpage by setting the number of '$pageSize' in 'modules/search/SearchShowAll.inc' on line 71.
- The checkout module
Based on 'checkout v0.1.12' - Cloned in januari 2006
Uses my dutch localization files of version 0.1.9, but I checked and the text between the two versions seem not to have changed.
'Themed' the templates and 'gettexed' all text
Made 'return to gallery' button appear also when the checkout is empty.
- The checkoutemail module
Based on 'checkoutemail v0.0.6' - Cloned in januari 2006
Uses my dutch localization files of version 0.0.5, but I checked and the text between the two versions seem not to have changed.
'Themed' the templates and 'gettexed' all text
- imagesFrames
I provided an off-white imageFrame 'natureWhite'. This uses images because I had problems when using CSS with incorrect padding...

Notes :
- The PGTheme as wel as the Nature theme use colorpacks to colorize theme specific icons. But actually this is not a colorpack module task but an icons module task. Please contact the developers if you want to develop your own theme or colorpack with the use of icons.
- There may be some error in the theme. For example it could be that permissions and module activity aren't checked when showing the checkout/cart and comments icons... at least I think they aren't. Anyway, I won't be able to give really much support for this theme, because I'm busy with other things. But if you encounter bugs and can't solve them yourself, describe them in a post, so maybe someone will help you out.
- On several places '{g->theme url=' could have been used instead of '{g->url href' in combination with a plain notation of the path to the theme...
- I haven't taken the time to add the new parameters of the theme to the theme's help. Please forgive me for this, but I hope the descriptions on the theme admin page are clear enough.
- When you log out and have the system links hidden, you can relogin by visiting the main.php page with these attributes: main.php?g2_view=core.UserAdmin&g2_subView=core.UserLogin&g2_return=http%3A%2F%2Fwww.returnURL.com where returnURL is the site to which you want to redirect after logging in.
- Please note that, when you are logged in as the admin, some items may appear although you have set them to hide. This is the Nature theme's behavior, it is programmed this way. Just set your 'display mode' to guest to see what your visitors would see.

Links :
Please post your theme development information here : http://gallery.menalto.com/node/42577
The PGTheme Thread : http://www.pedrogilberto.net/gallery2/theme.html
The PGTheme Demo : http://www.pedrogilberto.net/gallery2/main.php
Checkout mod Thread : http://gallery.menalto.com/node/33285

And btw, [img]http://sfx-images.mozilla.org/affiliates/Buttons/80x15/firefox_80x15.png[/img] ;)

curioadmin, on the first post you?ll find a

which is intented for Gallery 2.0.x

2.1 is in the pipeline to be released - and is already available for the 'curious' via CVS (which allows to
test the latest development versions)

Gallery version = 2.1- core 1.0.20
PHP version=5.1.2 apache2handler
Webserver=Apache/2.2.0 (Win32) DAV/2 PHP/5.1.1 mod_ssl/2.2.0 OpenSSL/0.9.8a
Database=mysql 5.0.18-nt-log
Gallery-URL=http://lf-photodesign.de

curioadmin,
Like LFrank said: I've provided a seperate theme.inc file that you can download and copy over the default theme.inc file, to make the theme compatible with Gallery 2.0.x. So just download nature theme.inc for g2.0.x and copy it in the directory 'themes/nature' replacing the original theme file.

Hi,
It's really awesome theme...
But i have 2 problem:
1. There is no login-register link or button. how can i add this ?
2. Rating and Comment system on photo to integrating. i can see it under album picture but directly under photo no. how can i add rating and comment under a photo and not under a album ?

Thanks...

Hi Saul11,
the fix problem is ok... i have before use 4homepages gallery and this make to much high cpu problem.
ı have see G2 and your theme... Your theme is really nice, and now i will test this.
1.I have no more problem with login-register link. I think i am stupid i have not see the hidden and intern system. Sorry
2.if there were these rating and comment it would be nice... experiece with html and php ok but i am not professional.

Thanks...

hi -
a couple questions I'm scratching my head about.

I don't use the gallery sidebar. I've got an embedded gallery w/wordpress and suddenly I've got an awful lot of wasted space. anyone know where in the code is the gallery body width set?

also, where in the code is the top image? can't seem to figure out where it's being called from and would like to remove it.

saul, absolutely gorgeous theme, and the sheer number of customization options..brilliant. many thanks for your hard work

Odd. The comment module seems to complain about missing a file? I don't know why the natureTheme falls over this when the default theme runs fine, because it seems not the natureTheme that is geving you this error. Do you have the comments module installed? If so, try to disable it and see if anything happens...

Nope, all I have installed is the Core & GD Graphics.

One more question in addition to the last. I'd like to vertical align the contents of author.tpl to the top but I can't get it to move from a middle alignment. I've looked in album.tpl and it seems that it should be aligning to the top already, but perhaps I'm missing something?

Thanks,
Chris
http://www.mangrumphoto.com/

Thanks very much, I'll give those changes a whack. I appreciate your posting!

Chris

Found the problem. The rating block was being called twice, once where I moved it to and once in the floating "Blocks" area. Although I have the blocks button hidden, it was still in the page source. My guess is that moving the module up the page caused it to be reset by something in the ratings code when it was loaded again down further. I added an "if" clause that turned off the ratings in the Blocks area. In any case, it's now all working. I thank you again for pointing me in the right direction.

Chris

I'm not sure if this is a general Gallery2 question or if it is a theme thing, so if this needs to be posted to the Gallery support forums let me know. Simple RSS feeds are turned on with the following settings: "Items in the album and its subalbums", "Comments for items (always selected)", "New and updated items" in the admin area for Simple Feed Settings. I have the "List of RSS Feeds" block added to the "Blocks to show on album pages" area. At the bottom of any album I see the RSS Feeds area but it just says "No feeds have yet been defined". I thought simple feeds were supposed to be generated automatically and the link would be displayed if the RSS block was on the page. If I look in the <album actions> pulldown there is a RSS Feeds for this album selection and it does bring up the XML. So, should the feed list block pick up on simple feeds and list them or does it only display manually configured feeds?

Thanks,
Chris

Got a solution to the simple rss feeds. For anyone else that's interested, the fix can be found here.

On another note, is it possible to get the alternative text to show up for 'full size photo popup'? Under my photos, there are icons for full size photo, comments, and EXIF. The alternative text shows up properly for the other two, but for full size popup there is no text beside the icon. I have double checked the settings in the admin area and I think it should be working, but it's not. Any guesses?

Thanks,
Chris

Fantastic, thank you! That fixed it.

1. Make sure in the admin area for Blocks to show on album pages and Blocks to show on photo pages that the rating block is added.
2. You may need to check the box for Allow users to rate entire albums, in addition to individual items in the Rating module setup (not theme admin).
3. Check the permissions to make sure all users have access to the rating system (not in theme admin either, it's a gallery setting).
4. Check the permissions to see whether the Add Comment function is allowed for all users (by default I believe it is not. This is also a gallery setting).

From a few posts up:

When you log out and have the system links hidden, you can relogin by visiting the main.php page with these attributes: main.php?g2_view=core.UserAdmin&g2_subView=core.UserLogin&g2_return=http%3A%2F%2Fwww.returnURL.com where returnURL is the site to which you want to redirect after logging in.
- Please note that, when you are logged in as the admin, some items may appear although you have set them to hide. This is the Nature theme's behavior, it is programmed this way. Just set your 'display mode' to guest to see what your visitors would see.

post deleted by user

author.tpl will change the text on the front page. If you are being prompted for credentials to view albums you need to edit the album permissions from the site admin on the first page.

Chris

Here you go. There are two things that have to happen. First, add the bit you want to show up on the side of the photo. Second, down lower in the code, you have to disable ratings from showing where they normally would. Not doing step two will cause step one not to work, if I remember correctly. I believe I disabled it in the sidebar as well as the bottom of the page. All relevant code is below.

... snip ...

{if $theme.params.ShowKeywordsPhoto}
<div id="photoKeywordsHidden">
<a href="javascript:showPhotoKeywords()" title="{g->text text='Show the keywords'}">{g->text text="Show the keywords"}</a><br />
</div>
<div id="photoKeywordsVisible" style="display: none;">
<a href="javascript:hidePhotoKeywords()" title="{g->text text='Hide the keywords'}">{g->text text="Hide the keywords"}</a><br /><br />
{if $theme.item.keywords}{$theme.item.keywords}{else}{g->text text="This photo has no keywords applied."}{/if}
</div>
<div class="descSeparator"></div>
{/if}
{*<!-- MP Mod -->*}
{foreach from=$theme.params.photoBlocks item=block}
{if $block.0 == "rating.Rating"}
<h2>Rate this image</h2>
{g->block type=$block.0 params=$block.1}
<div class="descSeparator"></div>
{/if}
{/foreach}

... /snip ...

... snip ...

<div id="blocks{$item.id}" style="position: absolute; left:{$theme.params.sidebarL+50}px; top: {$theme.params.sidebarT+100}px; text-align:left; z-index: 10; visibility: hidden;"
onmousedown="dragStart(event, 'blocks{$item.id}')" class="BlockOpacity">
<table width="500px" class="gcBackground1 gcBorder2">
<tr><td>

<table><tr><td height="10px"></td></tr></table>
<table width="100%" align="{if !empty ($theme.params.BlocksAlign)}{$theme.params.BlocksAlign}{else}center{/if}">
<tr><td></td></tr>
{foreach from=$theme.params.photoBlocks item=block}
{if $block.0 != "rating.Rating"}
<tr>
<td>
<table align="{if !empty ($theme.params.BlocksInAlign)}{$theme.params.BlocksInAlign}{else}center{/if}">
<tr>
<td>
{g->block type=$block.0 params=$block.1}
</td>
</tr>
</table>
</td>
</tr>
{/if}
{/foreach}
</table>

... /snip ...

... snip ...

{*<!-- Show any other album blocks (comments, exif etc) -->*}
<table border="0" width="98%"><tr><td>

<table width="400" align="{if !empty ($theme.params.BlocksAlign)}{$theme.params.BlocksAlign}{else}center{/if}">
<tr><td></td></tr>
{foreach from=$theme.params.photoBlocks item=block}
{if !$theme.params.ShowFooterAsBar || ($block.0 != "search.SearchBlock" && $block.0 != "checkout.ShowCart" && $block.0 != "cart.ShowCart" && $block.0 != "rating.Rating")}
<tr>
<td>
<table align="{if !empty ($theme.params.BlocksInAlign)}{$theme.params.BlocksInAlign}{else}center{/if}">
<tr>
<td>
{g->block type=$block.0 params=$block.1}
</td>
</tr>
</table>
</td>
</tr>
{/if}
{/foreach}

... /snip ...

Hope this helps!
Chris

Hi!

I'm new to using gallery and the nature theme, and I love the theme very much. First and foremost, thanks to everyone for making such great software.

Now on to my question. I have almost everything working the way I want on my photo pages, except that in Firefox 1.5.0.6 (what I use) on the photo pages only, the next/last photo links seem to be totally frenetic, popping between the on and off states and the "loading image" icon like crazy when you mouseover, making it hard to click. Something to do with the image sizes not being set, or not preloading, or....? The problem is confined to the lower links on the Photo page, not on the album pages. I'm not good enough at coding to diagnose anything mysefl. Also, in Internet Explorer 6.0.2900 the links don't load at all, even on the album page (but I'm partial to Firefox anyway!).

If anyone wants to have a try, here's a sample page: (obviously a screenshot won't show the problem!)

http://www.katestange.net/gallery/v/providence/P1010017.JPG.html

Any ideas or help would be greatly appreciated. I haven't edited any of the *.tpl files except the externalLinks.tpl.

Thanks,
Kate.

Hi Chris,

I'm not sure about earlier versions of the browsers (I might try to check this shortly) but I would be very happy to use text instead of pictures like you do. Is there a way to do that without going into the code myself (which I am likely to mess up!)?

Thanks,
Kate.

I'm new to Gallery2, but I sure love this theme! There's a small quirk I can't figure out, though. For other themes, the sidebar includes a section like this:
Date: 05/28/06
Views: 7
Size: <<Pick Size>>
Full size: 1024x768

But the Size/Full Size options are missing when I use the Nature theme. Is this a setting I need to change, or is it a code modification?

Thanks,
David

Nevermind... sorry.

I just got it. I just realized that I had the same problem as Tyran did... I just for whatever reason missed it... Now I understand what "blocks" are in the admin section...

Have you checked the microthumb settings of the nature theme in your admin?
Maybe you have the number of thumbs you want to have displayed to zero; or the width to zero; a zero opacity could also be causing this...

I love this theme. Thanks for it, saul. I have one request that I can't seem to make work. The "webmaster mode" I assume is just a synonym for "Site Admins." The problem I am having is I like the "Item Action" pulldowns below each image and the top-bar "Ablum Action" pulldown. I am correct in that these can only be turned on for site administrators? I am setting up a website and creating users for some friends and family members. I would like them to have the ability to use those pulldowns, but I do not want to give them site administrator priviledges. Is there a way to have those pulldowns available for users whom are not site administrators?