About the "siriux" theme
nicokaiser
Joined: 2004-10-04
Posts: 118 |
Posted: Mon, 2005-08-08 12:30 |
I just wanted to start to clean up the siriux theme in Gallery 2.0 RC-1 again, as it's quite ugly right now. Before doing that, I'd like to ask a little bit about its intention. The reason why I wrote this theme for my personal website siriux.net was that I wanted to have a nice, clean theme that can be styled entirely with CSS. No bells, no whistles, just thumbnails and a photo view. No dropdown menus under each thumbnail, no unnecessary options to clutter up the screen and which make browsing complicated. In the G2 theme "siriux" I see a clean nice theme that can be altered by just changing a few things in the CSS, maybe adding a personal header/footer (just as I did on siriux.net), done. To do this, the CSS has to be semantical. And the current G2 CSS isn't semantical. In my opinion the theme doesn't need <body class="gallery"> (why? The current <body> will be a G2 page, so why add the class on every page?), and gbBlock, giInfo, etc. are not semantical enough. The current style (e.g. Matrix) adds classes to each h2/h3 (and by the way, where is h1?) and renders loads of nested <div>'s. I'd like to have (and maybe publish) a siriux theme that is very general in its look, easy to use and easy to do little adjustments with (thumbnails size, colors, margins, fonts...), yet coded with *very* simple XHTML/CSS. Opinions? |
|
Posts: 1378
I believe the G2 developers would welcome any new themes (you might want to call it something else although not to be confused with the G2 Siriux theme..
If you are also in theme designing mood feel free to also express it over on the WPG2 forums because we would love a few new embedded Gallery2 Themes..
Posts: 3236
Actually, I think he is the author of Siriux!
Posts: 32509
Yes, of course he is
nicokaiser, I agree that Siriux looked better in beta 3 and it needs a little cleanup.
I'm not quite sure if we need the gallery class in the body tag. But at least in a div around the whole G2 content. When embedding G2 in other pages, we need to select / adress the g2 elements, else we'll get more css conflicts / interferences.
Posts: 102
nicokaiser, I think what you're proposing is great! I really like your approach to CSS - it is very clean and understandable. In Beta3 and before, I found the siriux theme to be the easiest to customize, largely because you structured things so that the classes were relatively limited in number and used descriptions that made a lot of sense (e.g. .gallery-thumb, .gallery-album, etc.).
I too am trying to create a look that is relatively clean and simple without all the bells and whistles, and am currently modifying the siriux theme on my work-in-progress site ( http://rohjuh.com/gallery/ ). I've found the following problems with siriux:
1. Does not render properly in Safari as described here:
http://gallery.menalto.com/index.php?name=PNphpBB2&file=viewtopic&t=33965
2. The 'View Fullsize' option does not work (either from the drop-down or the link). It looks like the fullsize photo is loaded, but is then scaled down to fit within the confines of the content box (the rounded rectangular box). Perhaps this was your intent, but I would like the full-size photo to show (just the photo itself without the content box).
Again, great job on the siriux theme and I eagerly look forward to any improvements that you may be making to it!
Posts: 8601
class="gallery" on the body tag was originally added so CSS could be applied to standalone gallery only, not to embedded pages (back when we had embedBody.tpl).. I guess this may no longer work as intended following the theme refactor.
Edit: actually i think this does still work.. embed will pick out the contents of the <body> to return and omit the body tag itself.
Posts: 8601
I also hacked up siriux css quite a bit to make it fit with old style G2 themes... siriux in cvs now still has remnants of that work. Now we have colorpacks instead which are totally optional for a theme to support, so it would be fine for you to rework siriux css back to a simpler state.
Posts: 45
I also have to agree that the beta 3 version of siriux looked much better. was much cleaner, and almost worked out of the box for embedding. The one in RC1 looks nice standalone, but not for embedding.
The real feat of siriux theme (I think) is the dynamic layout of thumbnails (not like matrix where it has to be a layout matrix). The layout change in accordance to how wide the browser is and has space for (very nice for "liquid" design)
Posts: 10
The thing that I would most like to see updated in siriux is the ability to neatly display album pages where there are a mixture of horizontally and vertically oriented photos:
http://photos.tuttletree.com/main.php?g2_view=core.ShowItem&g2_itemId=659
Posts: 118
Well, this is a problem for which I don't have a real good solution yet. The reason is that the script (the theme, smarty or whoever) doesn't know the thumbnail dimensions.
You could easily add "width: 180px; height: 180px;" to the ".gallery-thumb" class in your theme.css (or even better in your local/theme.css ;-)), but this works only if the thumbnail size is 150x150, which is not true for everybody (for me, i'm using 75x75 square thumbs, e.g.)...
Posts: 8601
you can use squarethumb module with fit-to-square mode.
Posts: 118
So here is a cleaned-up version:
http://siriux.net/news/2005/08/19/siriuxnet-gallery-20-theme/
Please tell me if you like it, I tried to make it look nice by default, but as I said before, it's intended to be customized...
Posts: 10
Alright, I activated SquareThumb and set it to crop instead of fitting (Prefer that =P)...
Now how do I recreate all my thumbs?
Posts: 118
I added two screenshots:
http://www.flickr.com/photos/nicokaiser/35622923/
http://www.flickr.com/photos/nicokaiser/35622924/
Posts: 1
I just wanted to thank you for this theme. I think it's great.
Just came back (US) from a trip to Austria and Germany, We saw quite a few of the Smart cars - and a few of the Roadsters - can't wait to get one....
Matt
Posts: 118
Yes, the smart roadster is really fun, had the chance to test-drive two of them for a week (each)...
Posts: 102
The new version still doesn't seem to render properly in Safari and I'm pulling my hair out trying to figure out why, especially since it looks fine in Firefox. I'm using version 0.9.9 of the Siriux theme that came with the Aug 22 nightly. Any ideas?
Posts: 102
Ya gotta love coding. You spend hours troubleshooting something just to finally realize that the problem is due to the smallest syntax error. I've found out why Siriux doesn't render in Safari. The culprit is a single end parenthesis!!!
Notice the end parenthesis after the final semi-colon? Well, it shouldn't be there and when it is removed, everything renders fine in Safari. Can the devs please make this correction to the Sirius theme.css file?
Posts: 8601
committed to cvs, thanks!
Posts: 3
I agree to hawkin: The really new on this theme was in G2b3 the dynamic layout. No other theme have this feature!
Posts: 133
Hey Nico.....I think I was one of the first people to admire Siriux, and ask you for a download before you were making it publically available - I think your first public .zip was a response to my request.
I've just grabbed your latest version and yay! - a nice, clean, elegant G2 interface again.
Keep it up, dude! Siriux is way cool.
Posts: 118
mindless, this is not the "updated" siriux theme in CVS, is it? I'd rather supply the updated and cleaned up code for the G2 release next week...
Posts: 118
Regarding the dynamic layout: this can be done by setting the width of the .content class from 660px to, say 80%.
Posts: 8601
rogermh, doh.. so that's why i had to tweak a bunch of font-size things when i migrated siriux to the new theme system.. i guess it broke safari in a more obvious way, but in gecko the extra ) just caused the font-size on the following line to not work.. now that the syntax error is fixed, fonts are too small in gecko browsers.. will fix.
Posts: 8601
nicokaiser, is that code ready to go? if you want an update in g2 final we'll need it very soon.
Posts: 118
mindless, I'd consider it to be more ready than the current CVS code is. While it has other flaws, e.g. admin pages looking ugly, it simply looks better in my opinion.
However I don't want to offend those who successfully adapted the current CVS siriux theme and customized it already...
Posts: 172
When is the Siriux theme going to be ready in the CVS? The current one has several places that has unlocalizable strings like the "Powered by Gallery 2.0" at the bottom of the page and the images count. I am wondering if I should file bugs against those or wait a little bit.
Posts: 8601
nicokaiser, I'm not having much luck integrating this code.. there are several tpl files referenced that are not present, smarty variables that are not defined (groupByYear and currentYear in album.tpl), admin.tpl has html header that was already rendered by theme.tpl, rendering issues with different size thumbnails (yes, saw your comment in the css.. can't it be more flexible or adaptive?), and some german text rather than english inside {g->text}.
Posts: 8601
stephenju, filing bugs against code not in cvs won't make us happy
Posts: 172
mindless, I am talking about the code in CVS.
Posts: 8601
stephenju, I don't see either of those in cvs but I do see them in nico's zip file. Anyway, wait a bit.
Posts: 8601
Ok, nico's latest code has been integrated into CVS.
Brought several files up to date with changes in CVS, fixed unlocalizable stuff, removed bad tpl references, defined smarty vars, and the biggest change: overall content width is now a theme parameter and cell size in album display is now dynamic based no the thubmnail size for that album.
nico, I'd appreciate it if your next update is based on this cvs version to make it easier to integrate back into cvs.. thanks!
Posts: 172
I must have screwed up something for they show up after I update my site with CVS download this morning. I will wait for the final (or updated) version.
Posts: 118
Rendering issues with differend size thumbnails are a problem, yes, but I can't imagine a way to do something about it (and stay flexible, no tables, etc.).
currentYear is used when albums are grouped by year, and groupByYear is set when there is no parent album (so the root album is grouped by year). However this makes it important that the album is sorted by date.
I tried to implement the groupByYear into the theme options so this can be set in the admin interface, but I failed to integrate any new config option to the theme...
Posts: 8601
nicokaiser, I hope you'll take a look at the siriux code in G2 cvs.. it handles different thumbnail sizes now and resolves the other problems mentioned above..
Posts: 7
For the record I am absolute newbie....but I have had had some success in the installation and tweaking. This theme is exactly what I have been looking for but the .css file in the download is practically unreadable (has character sets all throughout) therefore I can't read it to put in some placers to modify to what I would like. Any offline help would be greatly appreciated. All I want is to add an image at the top with a textbox overlaying that image and possibly changing the background color. Simple I know but...
Thanks Patrick
Posts: 16504
Can you post an example of what you're seeing? When I look at the theme.css included with the Siriux theme, it's completely readable to me, as far as CSS goes that is
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live [url=href="http://photos.kevinnehls.com]here[/url]
Posts: 7
ok this is weird, I went to post it and the characters went away and it is readable. So no worries there except where would I put the coding for adding an image and a textbox.
Posts: 16504
Depending on where you want it and in what view, theme.tpl, album.tpl, photo.tpl, etc
They're located in /themes/siriux/templates/ Be sure to save your changes to /themes/siriux/templates/local or look into cloning the Siriux theme into your own
http://codex.gallery2.org/index.php/Gallery2:Themes#Cloning_a_theme
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live [url="http://photos.kevinnehls.com]here[/url]
Posts: 7
Thanks for the link niv, I didn't realize this was going to be all that complicated but it is now seems that it is. But to answer the question just in the main body (start page) of the theme. I found a website that I would like to model http://blog.hoktong.net/wp-gallery.php but not attached to a blog.
Posts: 16504
It's really not that hard once you get into it. I'm not 100% sure what you mean by image and a textbox. That site is using the WordPress theme for G2 embedded into WordPress. If you check out Nico's site as well it may give you some ideas, http://siriux.net/photos/main.php
Really, if you're looking to just add a header image to the top of the page you only need to edit theme.tpl. If you're familiar with HTML it shouldn't be to difficult to edit the template files G2 uses to get what you want, esspecially since you can just pure HTML in them
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
Posts: 3
I'm a long time gallery user starting out with G2. It looks great and the Siriux theme is exactly what I've been looking for. It's a great stepping stone to customize my gallery. I am also using WordPress which makes it even more ideal. Couple quick questions though:
1) Where is the most recent version. Is it the one on siriux's website or included with gallery G2?
2) I really like how it splits up the albums by year. How would I change this to sort by either a custom field or keyword as well. What I want is to be able to group my family albums by year, group my work albums, etc. Something like this:
-- Work -----
-- 2005 -----
ALBUM 1
ALBUM 2
-- Family -----
-- 2005 -----
ALBUM 1
ALBUM 2
ALBUM 1
-- 2004 -----
ALBUM 1
ALBUM 2
I think thats it for now. Thanks for the help!!
Posts: 16504
The most current version of the Siriux theme is the one shipped with G2.
I don't know about your other question though. Maybe not use the Siriux theme for the top level album, the one that contains the Work and Family albums. Then use the Siriux theme for the Work and Family albums.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here