Theme "floog"

[Raven24]

I spent a few hours thinking about a new theme for coppermine and so I took Gimp and made a draft...

If I can gather some time I can try to make a real theme out of it, but I have to see how the next few weeks are going to be.
Meanwhile, look at the picture and tell me what you think: if I got it completely wrong or - maybe - it is becoming the next default theme...who knows ;-)

It is certainly not perfect and if someone has suggestions you are invited to tell me! Only with feedback I can enhance it.
Thanks!

[artoonie]

I like it!


A c0uple things-
1) The font of the links at the top are too boxy, try using a bubbly font to match the rest
2) The white to the left of subcategories looks a bit empty, maybe some pattern there?



The color scheme is awesome

[Joachim Müller]

The gradient used in combination with the rounded corners will be hard to implement for different widths, so I guess you will have to fall back to fixed widths.

[Raven24]

since there were no other comments I started to implement my idea...

I managed to replace the table with a lot of <div>s ... just because I like it that way.
the borders are currently firefox-only (with "-moz-border-radius") but I could imagine a solution like phpbb3 with images in each corner.
I also changed the font to "lucida grande". (curious? -> http://flos-page.mine.nu/flogallery but keep in mind: under heavy development/unfinished/might-eat-your-browser-phase)

but then I experienced some ... minor issues ... when i tried to click around a bit, I noticed that the pages like upload.php and usermgr.php have the table-layout hardcoded in them. Is there any possibility to change that without modifying the core files? a wrapper that can be extended with a regular expression to replace the html tags? or does it make sense to fall back to the table, or in other words: include a if-clause in starttable() and endtable() that when e.g. $_SERVER['SCRIPT_NAME'] does not contain "index.php" or "thumbnails.php" (thus all pages that might contain hardcoded html) the start/end of the "normal" table should be returned?

and yes, I am stubborn and I want <div>s and I don't like <table>s 

[ib2loud]

i like it so far

[Raven24]

Finally I had some time to work on the theme again, and I can say that I will post a .zip file soon (today or tomorrow, just some minor things to sort out before that...)

[Raven24]

ok, here it is

please keep in mind the following:

• it works great with firefox, but
• IE _will not_ display round corners and you _will_ experience other issues, that may render the theme ugly

Thus use it at your own risk.

I did it for my own gallery, for me it's good enough. I just want to share what I did... ;-)

[Joachim Müller]

Thanks for your contribution. I have added your custom theme contribution to the demo and downloads section. I have applied some minor adjustment (moving the logo from the theme root to the images folder) and added a readme to the zip package that explains the issues with IE. I have re-named this thread as well.
Demo - Download

[Fabricio Ferrero]

Just to point it out: I made a capture of this theme on IE 6 and yes, several issues comes up. This post it's not to cluttering an announcement thread but to show some thing before downloading to IE users.

If you use Firefox, it's a nice theme.

Cheers,

[Joachim Müller]

I agree with fabri - IE is still the leading browser for end users, especially non-tech people. This being said (wether web designer like it or not), we still to code workarounds and "hacks" to make pages work with IE. That's why I would not encourage people to use this theme out of the box, but maybe someone will manage to make it work with IE as well.
There are some issues in FF as well: if your content doesn't fit into a cell, it is being cut off - that's something that doesn't look nice neither. Of course we don't want to sacrifice beauty by allowing wide content to float around on the page, making everything look stretched. As a result, there should be scroll bars for blocks that contain more content than what can be displayed.

This posting not meant to discourage Raven24 - it is meant to encourage you to fine-tune your theme and finally make it work with most modern browsers to an extent that it will at least be usable for eveyrbody.

[Raven24]

I feel encouraged, but I'm lacking the time, since I go to university and have a part-time job... but I will definately keep on working on the theme - just, don't expect anything too soon.

[feckineejit]

sexy theme, i think im gonna have to put in some work and get it working for ie, i just love it!

[Fabricio Ferrero]

It's good to hear! Don't hesitate to share it later

And it would be nice if you check docs for the 1.5 v and try to make it work there too. Very soon will be the release of the new version and it would be nice to have this theme working for it too.

Regards,

[Raven24]

since christmas is coming up (and so are the holidays) I might find some time to perfect the theme for IE (at least version 7) and I can try and see how much has changed in coppermine 1.5 to provide an update for that version.

[Raven24]

Here is an update. I fixed the overflowing boxes for IE and FF (if the text is too long, it still is a bit ugly, because only the box with the long text will be stretched ... maybe i will think of a little javascript to resolve that) and changed the hard-coded german "Album" and "Kategorie" I forgot in the last version to dynamic labels from the language arrays.
Yes, still no round corners for IE :-)

Please, test it first and don't trust me blindly. ;-) I am on Linux here and only have IE6 in wine, which might not display it properly to me.

If I don't get any more input I will start and look into the 1.5 version and port my theme 1:1.

[phill104]

Nice work. As for the rounded corners in IE, maybe take a look at the classic nifty theme Joachim made. I've used nifty corners before. Lazy and simple but works.

[Raven24]

Important Update (aka. mindless mistake):
I forgot to include the JavaScript in the HTML file! (I didn't notice for that long because I hardly use the features that require javascript...)
just put this line somewhere inside the <head></head> section of the html and that's it:

Code Select Expand

<script type="text/javascript" src="scripts.js"></script>

Sorry if that caused any inconvenience...

[Joachim Müller]

Thanks. Replaced the file in our downloads section with the changes so far. Please take a look at our naming scheme and our version number scheme: we start counting at 1, so the initial version is 1.0. Hence, the actual version of the theme is 1.3.