Due to popular demand: here is a slightly cleaned-up and de-branded version of the Gallery 2.0 theme I use for my Photo Gallery. It does still have some rough edges however.
It is designed to be very simple and can be customized very easily because of its simplicity and the extensive use of CSS. You can even re-add those lovely prev/next arrows if you don’t mind juggling with HTML/CSS a little bit.
Update: Screenshot 1, Screenshot 2
19. August 2005 16:54
Is this the same release as in G2’s CVS?
I really like the siriux theme. Trying to get it to work with wordpress (with K2 theme) and looks pretty good, except the default 150 size of thumbnails in G2 makes it horrible (text floats over the thumbnails).
Would be great if siriux also supported colorpacks and frame like matrix theme does.
19. August 2005 17:10
It’s not quite the same, the CVS version (e.g. in G2 RC-1) is quite broken and looked kind of strange in some cases.
I intentionally won’t implement frames, in order to keep it as simple as possible, adding frame support would make it dependent on G2 CSS code. Some frame effects can be added by changing the CSS though.
19. August 2005 22:29
Good to know. I will stick with your released version. It looks and works better I think.
I understand your view on frames, it just hit me, since the theme allready use of its own frame (round corners with grey fill).
But plain vanilla (simple as possible) I am all for. It is very helpful for embedding G2.
And the same view goes for colorpack as well? I think the color pack idea of G2 is nice, but I must admit; I would stick to the plain version (for embedding reasons)
I found the tip fo optimal setting of 120 pixel wide thumbnails in the css file, so I got it all working perfect. Just have to redo all the thumnails now…
21. August 2005 01:40
Looks nice.
You wouldn’t mind if we port that to the net.siriux.photos component, would you?
21. August 2005 20:10
Bergie: I would love to see that in MidCOM
22. August 2005 23:26
Love the look of your site, and would like to adopt it for my own. Family is interested in making the photos easier to use, which this certainly does! Bear in mind I’m a G2 newbie, been using Coppermine for years.
Some questions:
1. The site admin pages look almost unusable, with this theme set as default do you have any workarounds for that?
2. The images on your site are much tighter together than when I install the theme on my own. Are there changes between the two I should be aware of?
3. I really like the way you’ve implemented „more details“ on your site, but don’t seem to be getting the same effect with this theme. Any changes there to be aware of?
4. Same question for the hovering back and next arrows.
Thanks
Peter
23. August 2005 14:32
Hi Peter!
1. Yes, this is a problem. I’m thinking about this. A previous solution was to „copy“ the Matrix design (from Gallery’s main theme) for the admin pages.
2. a) I have the SquareThumbs module enabled
b) I have a much smaller thumbnail size (75×75 I think)
c) This enables me to set width and height of „gallery-thumb“ (in the theme’s CSS) to a smaller value and thus make the layout tighter
3. This is some JavaScript magic. It uses the script.aculo.us libraries, therefore not in the default install, needs some minor JS/HTML knowledge to implement…
4. This is tricky, also needs some JS/HTML knowledge, but you can copy pretty much from my code. As the arrows are at a fixed position (lacking an idea on how to relative-position them in the photo) I removed it from the released theme.
23. August 2005 15:26
Thanks very much for the responses.
1. September 2005 04:49
Another question came up…
I haven’t been able to get the year separator to work. In album.tpl I noticed there is a line „if $theme.params.groupByYear“. However I can’t seem to locate anywhere to enable that parameter.
Any pointers?
Thx
Pete
3. September 2005 22:51
Great stuff man , thank you for your contribution !
6. September 2005 20:11
Hey,
Something weird…
Some of the albums I created, when I use your theme, I do not see „Page 2“ … it would show Page one of 2 for example, but no link to Page 2… ?
Any idea ?
6. September 2005 20:49
I edited the CSS file and removed the .block-core-Navigator .first, last
section, … worked
9. September 2005 10:22
Hermes: Seems like I have to test this with more than two pages, there seems to be aproblem with the „next“ / „previous“ links. (I don’t want to distinguish between „first“ and „previous“ / „last“ and „back“)
Anyone else with the same problem?
9. September 2005 10:25
yea i guess no one went further … checking their OWN pictures … and thought everything was working fine
9. September 2005 10:32
Hermes: I just tested it with 3 pages of images, it still works fine without problems. Maybe you are using an old version?
9. September 2005 11:07
Nope same version Nico ..
Maybe I did change something accidently … :S
I was playing around with the CSS file … and the tpl files… so that could be it…
15. September 2005 13:49
Nico, the Siriux theme for G2 is a great. Thanks for putting all the work in making easy and simple with the CSS lay-out.
In your response to a question of Peter Near you mentioned using the Matrix design for admin pages. I see on your site that you implemented this (clicked on login ;-). Can you explain how to do this in G2? Thanx !!
17. September 2005 17:05
Is there a way you can implement image frames into this theme? Thanks
17. September 2005 17:42
Yes, via CSS. Not the original „image frame“ solution from Gallery 2. Implementing G2’s image frames would make it too complex, it was intended to styled by CSS only.
17. September 2005 18:32
Nico, i am new at this—
what exactly would you change in CSS
18. September 2005 11:49
Derek: the images do have frames with the current style sheet, but you can change its thickness, margin, etc. by editing theme.css.
25. September 2005 00:23
Peter K: How to make admin pages look like „Matrix“ (caution: dirty hack!):
Wrap the contents of theme.tpl with this (“…“ means the current content of this file):
{if $theme.pageType == 'admin'}{g->theme include="admin.tpl"}
{else}
...
{/if}
Copy themes/matrix/templates/theme.tpl to themes/siriux/templates/local/admin.tpl
Change the stylesheet and image references (e.g.
{g->theme url="theme.css"}) to local ones (e.g./gallery/themes/matrix/theme.css)Remove the if/else block after the „Include the appropriate content type“ comment in the new admin.tpl and replace it by
{include file=$theme.adminTemplate}27. September 2005 00:26
Hi!
I’m using the siriux theme shipped with the 2.0 release of gallery and I think it has the most pleasing appearance of all the included themes.
However I’d like to add a comment count to the thumbnail, if the image has comments. However, adding the „show comments“ block to the album has no effect.
Is there any way I could accomplish that?
Kind regards
Friedel
2. Oktober 2005 16:05
I love your G2 theme, but I would like to modify it to remove the groupings by year on the main gallery page. Some of my gallerys contain items from multiple years (like birthdays, holidays, etc.) so having the top level year groupings doesn’t make sense for me. Is there an easy way to remove it? Thanks again!
2. Oktober 2005 16:34
Paul M:
Assuming you are using the theme included in Gallery 2.0, this can be done by removing the block commented as „Year separator“ in your album.tpl.
I’m planning an updated version of this theme soon, the version on this page is quite outdated and the version included in Gallery 2.0 is missing some features (like optional year grouping, mouseover arrows)…
2. Oktober 2005 16:37
Nico-
Actually, I made an even simpler change: I went into the .css file and made h3 display:none. That took that date heading right out. Thanks again for the great theme and I look forward to the new updated version. I really like that javascript magic on your site and would love to use that in the new theme.
Paul
8. Oktober 2005 09:27
Hello,
Thank you for your nice theme ! I have a couple of questions :
1. I would like to keep the first picture / last picture navigator capabilities, so how can I change the
[code]
{g->callback type=„core.LoadPeers“ item=$theme.item windowSize=1}
{g->block type=„core.Navigator“ navigator=$theme.navigator prefix=“« „ suffix=“ »“
currentItem=$block.core.LoadPeers.thisPeerIndex totalItems=$block.core.LoadPeers.peerCount}
[/code]
block to make this ?
2. For each picture, I would like to display not only the date, but the date and time. Could you please show me how ?
Thank you very much again !
[B]
10. Oktober 2005 10:19
Blabla_lux:
I don’t think it’s possible as the „first“ and „last“ elements of the navigation are removed by the template…
21. Oktober 2005 19:00
I really like the siriux look and feel, I would just like to add the summary descritiion to the thumbnails ?
any clues on how I can do this ?
22. Oktober 2005 06:12
Hey, that’s really a slick theme. I like it
One question though: Where can I find the „Edit Captions“ link after clicking on an album? It’s a lot of work to edit captions without the multiple-edit-link. Maybe I just didn’t see it. Any hint for me?
23. Oktober 2005 14:18
Mark:
You can add „Blocks“ to your album pages in Gallery Admin -> Display -> Themes -> Siriux. Add „Item actions“ to „Blocks to show on album pages“.
25. Oktober 2005 09:07
Don Martel:
What do you mean with „summary description“? Add the „summary“ text to the thumbnails as „title“ tag (which is displayed on hover by most browsers)?
25. Oktober 2005 14:06
Hi Nico
Yes that is exactly what I am look for
Thks
6. November 2005 09:38
N,
Thank you for making the Siriux theme available. As many have noted, it provides an ideal foundation for integrating G2 into other, more general, blog and CMS applications.
I’ve spent the last few days tweaking the Siriux theme for my purposes, and I have a question (probably not my last) that I’m hoping you might address.
In theme.tpl, you have the following:
{assign var=„thumbCellSize“ value=$theme.params.thumbnailSize 30}
.gallery-thumb {ldelim} width: {$thumbCellSize}px; height: {$thumbCellSize}px; {rdelim}
This sets the containing box for thumbnails to the actual thumbnail size plus 30 pixels. The net result is that each thumbnail gets a 15 pixel border. I’m wondering why you chose to create a border this way as opposed to setting „.gallery-thumb {margin: 15px;}“ in theme.css?
I wanted tighter spacing of my thumbnails, so I ended up dropping the „ 30“ from the above-cited code and setting a margin for .gallery-thumb as just mentioned. I’m assuming there was a specific reason for the original code, and I’m just wondering if my adaptation is going to cause (known) problems for certain browsers/platforms?
Thanks for your insight,
—MW
7. November 2005 00:17
mwnovak:
regarding the containerbox vs. margin problem: you’re right, margin would be more elegant. but imagine non-square thumbnails (portrait and landscape). with floating thumbnail elements the layout breaks horribly, try yourself to see what i mean…