Roundcube Community Forum
Themes & Styling => Theme Releases => Topic started by: gouksss on December 20, 2007, 07:47:37 AM
-
Hello all,
I was eager to try Skaero's theme, and having had no answer quick enough (not a criticism, we all have lives ;) )
I created my own version. you can find screenshots attached and the zip download...
It has unobtrusive folder collapsing included, with cookie status storage.
and it has a Leopard Mail look...
File Download : http://www.unity.fr/osxmailb01.tar.gz
PS. it's Firefox and Safari optimized for now, and bugs might subsist...
UPDATE : Uploaded ß0.2 :
- — Improved with ideas from Skaero :
- Messages counter and arrows are now Combined buttons
- "Actions Menu" to bring bottom options back at top of screen
- — Changed layout a bit (multi-buttons, or Combined Buttons) like in Mail.app
- — Several bug fixes
- — Loading, Errors... Notifications happen in the messages bar, they are now more discreet. I'll let you give me feedback as if this is a welcome change.
- — Cosmetic Changes
- — Added back the Identities tab (it's disabled on my server, forgot to enable it back)
File Download : http://www.unity.fr/osxmailb02.tar.gz
Tested for Safari and Firefox.
UPDATE : Uploaded ß0.3 :
- — Fixed text overflow for taskbar buttons, will now display on mouse over without conflicting
- — Integrated Vicelow's icons (but not the core patch, I'll stick with 100% theming)
- — Corrected action icon (had a static path name) - and btw, it was Skaero's idea originally
- — Corrected Preview pane attachment background color
- — Added a nice semi-transparency and drop shadow to action menu and autocomplete for email adresses menu
- — Themed autocomplete email addresses menu
- — Preload icons images (static list of preloaded images for now)
File Download : http://www.unity.fr/osxmailb03.tar.gz
UPDATE : Fixed download links above thanx to MormonMacMan and oldschool
UPDATE : Uploaded ß0.4 :
- — Added mouse over status to message navigator buttons
- — Fixed folder collapsing on message pages
Edits thanks to vicelow
File Download : http://www.unity.fr/osxmail.tar.gz
Enjoy !
-
Thanks a lot, that's a good one!! Great start! Even works with just some flaws in IE6.
But despite all that sugar I noticed some drawbacks:
- the folders distance is huge in my eyes
- the small arrow is too close to the folders and got the wrong color according to mail.app. Besides you mixed up the mail thread icons and the folder collapse icons. I'd prefer though the collapse icons
- it doesn't porperly support multilingual setups (taskbar translations hang over to the next item for german in my case)
- the folders don't use the mail.app folder icon (attached it to this post)
- the scrollbar in the message preview frame won't show up at all (!!!)
- the settings are not truly customized
- the login window is not really "OS X"-y
- I'd be great if the collapse settings were stored in the user settings in the database as a cookie is computer based and the sense of a webmail client is certainly to access your mail from ANY computer. I acknowledge that this is a programming thing which can't be solved by a skin, just wanted to mention itÂ…
- the message.div is in the middle of nowhere
- I made a hack for the notes and to do folders which are created in in leopard mail so they have their icon, are positioned below the default folders and are localized. If someone is interested, IÂ’m willing to post it. ItÂ’s very simple indeed (in the long run, a hack for displaying and creating notes/to dos correctly would be great).
- the hover colors for the folders and for the addressbook entries arenÂ’t consistent
- with displayed attachment column in the mail view it messes up the selected itemÂ’s background
- the addressbook icons aren’t “mailized”
I experienced all those things on Firefox 2.0.0.11 – Windows version.
Je supppose que t’es français... alors, je te remercie en tout cas de nouveau, c super marron que t’as fait le travail et s’il y en a besoin, je peux contribuire à solver les petits problèmes qu’il y a encore...
Bon week-end
Vicelow
-
P.S.: I got lots of errors in my console for the mail.css and common.css stylesheets!
-
Merci Vicelow / Thank you Vicelow !!
Effectivement je suis français :)
Mais je vais continuer en anglais pour que tout le monde comprenne...
I'm French but I'll continue in English so everybody can read.
Thank you very much for your comments, I'll be sure to look out for them and correct everything.
It's still an early beta, it should be feature complete but lots of bugs remain, I'm quite aware of that.
I'm targeting IE6 as a minimum for a full experience, and IE 5.5 for compatiblility.
I still have quite a lot of work, but hey, it's a first release.
I wasn't actually trying to make a Clone of Mail.app, but it seems that people want that, so I'll get closer to the original.
About the folder collapsing, I know that a cookie based folder status storage is less than ideal, given that people change machines and access it from everywhere, but my goal has been to provide a totally contained package.
Nothing lives out of the skin folder, and for now I want to keep it that way so it's update-resistant, seeing it's used on the SVN releases.
I don't really like the way changes are currently applied to RC, it really needs a proper plugin architecture, but it's quite a bit of work to implement...
I have been developping the skin off SVN changeset 944 and it's not an ideal release to build off. I should have started from RC2, I know...
Anyways, I'll try to update the skin as frequently as possible...
and Thank you for your folder icon, I'll include it now :) I was too lazy to look for it... bad developer, bad...
-
Ben ouais, sur le web, c mieux en anglais, bien que j'aie bien envie de parler un peu en français.
Anyway: just as I said it's a very good start, actually I also had done a rudimental Mail skin which I didn't put online because of it poor quality - in fact just an adaption of the default skin and that's why I had the folder icon at hand.
I agree that a 100% copy of mail.app is not really feasible given the different architecture and the tools we webdesigners have compared to desktop development but where it makes sense, I see myself using a lot better a familiar interface which has proven to be a good and intuitive one.
I noticed for example that just changing the default folder icons to that ones used by mail.app (inbox, drafts, trash etc) made me navigate between those much faster because I'm just so used to them. I personally really like the idea to have my OS X mail.app powered through AJAX anywhere I go, even on a windows machine.
In the end that's up to you iniciator of that skin. (or up to the individual user me as for example I already changed the folder icon on my skin :D)
I'm really curious to see Skaero' theme, I also wondered when it would be released. As the thread started back in June or so I think it can't be long anyhow. Perhaps there is some possibility to throw your work together. No idea if that would be feasible. What a pity that he took so much time and particularly didnÂ’t give some clear hints on the release date so that you came up with yours.
In a perfect world you both would simply work together to make the best skin all around which would also make adaption to new RC releases much more reliable and fast (not having to depend on one person to do that job)
So letÂ’s see what the future brings.
As I use your skin on a daily basis, IÂ’ll give you more feedback as I discover more things.
(By the way, I tested it with the latest trunk - r938)
Looking forward to future versions!
Vicelow
P.S.: Tu viens d’ou? Sans outrager, tu parles super bien anglais pour un français ;)
-
Well thanks for all the compliments.
I'm a Frenchie from Paris, France, but you know the miracles the web and US movies can do to improve the world's English level...
I already have implemented your icon into the skin, and I'm trying to find out where the bug that's hiding the message preview is coming from ...
In a perfect world, yes I would be working with SKaero, I'm in fact all ok with it.
but I needed to have a quick mail skin done for the users on my server, having completed a migration from Exchange Server+OWA to Leopard Server, I thought going OWA->Mail.app was just too sexy...
If you have some bits you think I could use from your own skin, I'd be glad to look at them and maybe include them !
I hope I'll be able to put out releases regularly... =)
-
I'm here at work right now but as I have some time I'll have a look if I got some code that might be worth implementing... For sure I will code some things to adapt it to my taste that I can send you afterwards. Tomorrow I will be travelling to jan 7. so probably it will only be next year.
So far have a nice christmas and see you in 2008...
P.S.: if you find some time you might have a look on some of your mouseovers as there is a loading delay.... (for example the collapse double arrow)
-
Great job on the Theme. I really like it!
One thing I noticed is that the address book does not allow me access to the LDAP server. You mentioned that it hasn't been configured for IE yet so i won't go there. :-)
Again, Good Work!
-
Sorry I have been so busy, I will try to finish it up soon with my new time off.
-
salut!! vu que t'es francais je sais pas si je vais avoir la motiv de traduire donc je te le dis direct ^^
c'est de la bombe cette skin :D
apres je te cache pas qu'il y a quelques bugs par ci par la, mais j'imagine qu'ils seront corrigés ;)
genre le tri des messages fonctionnent quand il en a envie (je viens de m'en rendre compte) et 2/3 autres trucs
enfin bon je vais pas te prendre la tete avec ca ;)
passe de bonnes fetes et bonne continuation
++
Nico
translation :
this is the best skin i've ever seen :D (but with a few bugs ^^)
-
Thank you very much, merci a tous...
I'm leaving for NY today, and won't be back till january 1st, so don't expect any new developments in the meantime.
But as soon as I'm back, I'll continue working on it and correct the outstanding bugs :)
-
hey, i don't seem to be able to get the 'identities' tab from the settings page up.
has this not been implemented?
oh yeah, and on the latest firefox, no scrolling in preview pane. at all.
-
It's fixed in ß0.2,
check first post.
-
Hello,
Nice work but there's a small problem with the text labels under the icons when their text is too wide to fit. See for instance the screenshot below in which “Carnet d'adresses” (instead of “Adresses”) is partially masked by “Préférences”. Text may be even longer in other languages (“Catálogo de endereços”, “Caderno de enderezos”).
Edit: screenshot was taken from Firefox (Mozilla/5.0 (Linux i686 Gecko/20071004 Firefox/2.0.0.3).
-
It should be fixed, see first post
-
Oups... I had read the updated first post but dowloaded the wrong file. Sorry.
-
Great work on the theme. Thanks for the upload.
There are some things I noted:
- the new message div is a nice idea but indeed I see some problems: It floats on the columns header which makes it a bit hidden and does not contribute to its legibility. When you log off, there are no more columns and it looks strange.
the type of the message (error, notification ...) is just reflected through the border colour which makes it hard to identify which kind of thing is occurring and - that there is a message at all!!
Bottom line: I personally would centralize the font and locate it in the free space under the buttons and give it back its background colours.
- when composing a message, the action buttons (new, draft, send etc) are vertcially distributed
- the instant email search in the composing window is still highlighted in red. might be more approriate in blue/gray
- the folder handling is just perfect, nice arrows. great
- preloading the hover images would be nice as the is an ugly delay on the first load
- the rounded corner background for selected mails just works if you have the date column on the total right which was not my case. Not everyone uses the layout.... Had to correct it manually in the mail.css for my needs
- the "menu" for the folder actions is a great idea as it was just waste of space down there. No one really uses those tasks such often to justify that place. Though an icon would be nice. A small folder might be appropriate...
- in the preview pane as well as mail-only view the row for an attachment in the header still has a gray background
- The png-transparency problem is not solved for the buttons in IE6. There are a bunch of other IE 6 glitches which you will fix later on as far as I understood. As they are quite obvious, won't mention them here. Indeed, a full IE6 support would just be perfect as on the road the probabilty to be forced to use one is white high
- As for the rest it works just well and is a pleasure for my eyes especially when having to deal with a windows machine here at work :D
- Oh and a last opinion: I would distinguish between actions buttons (compose, delete, print, send etc) and views buttons (preferences, mail, address book, log off). I think it might be more approriate to just use the icons and make them more prominent (as for that: bigger). I find that more logical to click directly on my adressbook and not on a button that opens my adressbook.
- As for the Notes and To Do folders created by leopard mail I attached the two icons. in the respective files some changes makes them treated as the default folders (located on top of the other folders, make them localizable)
Throw the icons in /images/icons/
Then just add the two folders in /program/include/main.inc. It looks like this:
// for these mailboxes we have localized labels
$special_mailboxes = array('inbox', 'sent', 'drafts', 'trash', 'junk', 'apple mail to do', 'notes');
Then you can add the respective strings in your language file to translate them. For my case in program/localization/de_DE/labels.inc
$labels['apple mail to do'] = 'Aufgaben';
$labels['notes'] = 'Notizen';
To locate them on top of other folders just edit your main.inc.php at the default folders part.
Giving them the customized icons is made in the mail.css. Add:
#mailboxlist li.notes
{
background-image: url(images/icons/folder-notes.png);
}
#mailboxlist li.applemailtodo
{
background-image: url(images/icons/folder-todo.png);
}
Greets, Vicelow
-
Is anyone else having problems downloading the file? Every time I download any of the archives, it downloads a 0 KB file if I use Firefox, and if I use Safari, it downloads a 12 KB file that give me an error whenever I try to extract the contents saying that there isn't anything in the archive. Any ideas on what's going on?
–Michael
-
Is anyone else having problems downloading the file? Every time I download any of the archives, it downloads a 0 KB file if I use Firefox, and if I use Safari, it downloads a 12 KB file that give me an error whenever I try to extract the contents saying that there isn't anything in the archive. Any ideas on what's going on?
–Michael
Hi!
Happy new year!!!
The first version ist downlaodable and not CORRUPTED.
The 0.2 and 0.3 are downloadable, but not unarchivable...
Sad, it was a great looking theme...
>:(
Rgds.
PS: Currently ich have noticed the files were stuffed under OSX. On my Hackitosh i was able to get the template... 8)
-
Hi!
Happy new year!!!
The first version ist downlaodable and not CORRUCTED.
The 0.2 and 0.3 are downloadable, but not unarchivable...
Sad, it was a great looking theme...
>:(
Rgds.
I had to use the j switch with tar, indicating bzip2 compression rather than gzip. No problems after that, except when using Camino 1.5.4 on OS X 10.4, in the compose email page; the "message" buttons list vertically rather than horizontally. I've included a screenshot. It's probably something quite simple to fix, I'll have a look at it after I post this.
EDIT: Turns out, the button-icon placement issue is due to my little powerbook only having 1024x768, and the "messagetoolbar" div not being able to compress for whatever reason.
-
Sorry all for the downloads problems, they have been fixed. my bad.
Vicelow, I made several changes according to your very useful comments.
Not everything is answered, and I need to think of a better way for a few things you mentioned.
I added your icons to the skin, thanks ;)
I won't be making changes to the core, that would be needed to make Notes and Todo's float top,
because I want to stick with Theme only modifications. Hence I won't be editing translations either.
I guess that can be submitted as a patch to the development team, since it has little to do with my particular skin, and would be more suitable as a general
modification to roundcube.
-
I think I expressed myself not really clearly! ::) I meant that hack as an offer for any leopard user (I suppose in this thread might be someones :-) as you mentioned absolutely correctly that these are core modifications and NOT a theme thing.
Hence, anybody may feel free to do that hack or not... ;-)
One more thing I noticed: there is no mouseover for the "next arrows" (to jump between message pages) and I've got the feeling that the cookie mechanism for the folder collapse settings broke...
Greets
-
Thanks Vicelow,
Fixed that.
hard to be working when so tired :)
-
Looks very good here....
Very usable already!
Anyone knows what's going on the core front? Just looked up the source in trac and noticed that development seems a bit stalled. I would love to see some bugfixes and features. Patience is a hard thing.
Anyway, back to the theme: there is still the rounded message background when selected which lacks preloaded images and some mail-ish buttons for the address book could be made but otherwise it's really good.
I'll see if I can code some nicer (perhaps animated) replacements for the preferences tabs.
By the way: a selected folder entryt in the folders tab is still red.... ;-)
have a nice weekend!
-
Hi!
Here are some Windows 2003-Screenshots.
The OSX-Screenshots follows...
The first is IE6.
The second FF.
The third Safari3.
Safari has a very strange effect...
I hope that helps.
The numbers of mails disappear of the deleted items folder.
Rgds.
PS: Upps, i noticed the 0.4... The windows picts are from 0.3, the osx from the 0.4 build!
Will check the 2003 again...
The mouse-over font is not really the quality of the rest of grapfx. I would modify that...
Great theme anyway!!! Good work. Thanks.
-
Okay, on my Hackintosh i found...
OSX X.4 - Safari 3
-
Sorry all for the downloads problems, they have been fixed. my bad.
DAMN nice job, Mate. Thank you very much for your hard work ;)
MOTE
-
DAMN nice job, Mate. Thank you very much for your hard work ;)
It sure is a GREAT looking script. I'd really love to see CAPTCHA added to the login screen. Given it any thought, astroboy? There's a whole bevy of open source implementations such as b2evo, csi, hec, opencaptcha, quickcaptcha, recaptcha, textcaptcha, captcha_php, freecap, hn_captcha, meezerk, phpcaptcha, quickform, textcapnum, watercap out there. I had been using the captcha plugin for SquirrelMail with watercap before we found RoundCube.
MOTE
-
The text labels for the navigation - Email / Addressbook / etc. is very nice. That's a real feature for me since icons are not always obvious - I really hate some of the default roundcube icons. And it works brilliantly for all languages, very nice. However, some charsets are hard to read.
Its great for latin languages, but the more complex chinese characters are hard to read at that size. Cyrillic is not bad, Thai is really bad. It might be nice to increase the font size for those labels (I'll look to this myself, this is just first impressions and comments).
Have you thought to provide those same labels to the other icon groups? It seems funny not to have them also for all the buttons in the header. I'll probably look to this myself as well; I imagine it shouldn't be too hard since you've already done the hard work!
Overall this is a very real-estate efficient layout. I will have to experiment with different background images/colours/etc. so that it meshes with the rest of the site better of course, but aside that I don't foresee having to do very much work on the layout side (which is the hardest, most important thing).
-
Hi all,
first of all: very nice theme, I love it ;)
I installed that theme, but I am missing the message priview pane as I see in the screenshots.
How can I activate or install that priview pane?
greets,
DocNight.
-
would it be possible to get the "mark as (un)read" feature (from the latest SVN version) included in this theme?
-
Great theme.
But possibible that the picture CategorySelectedRight.png is not placed right?
Tested several browser. CategorySelectedLeft.png is shown where CategorySelectedRight.png expectively should be.
Did somebody experience this too?
Is there a fix?
Cheers Alex
-
Wow, nice theme - it certainly is very much like Mail.app :)
I was happily surprised when I found it mainly works with 0.1-release.
Keep up the great work. :)
Cheers,
BTCentral
-
This is really awesome. My main home computer runs MacOS, and the look and feel is really impressive. Great attention to detail!
Thanks for sharing that with us
-
Fantastic work! I love this skin.
I agree with kimusan - adding the button from the 0.1 Stable release for Mark as Read/Unread would be great.
Keep up the good work.
James.
-
Just started trying out Roundcube and was psyched to find this skin. It's a great implementation!
I noticed, though, that when I click on Reply All, my compose screen is pre-filled with only the sender's address, and not those of the other recipients?
Is this an issue with the Roundcube core, or could it be the skin?
I have roundcube installed on my Mac OSX Leopard (on non-intel iMac G5) (which is also my mailserver), and am encountering this problem when I try to access it via Firefox 3.x on windows xp. (I've not tried it on anything else, yet...)
Thanks for any input!
Conrad
-
Hi all !
First of all it's a great skin, really like it !
I have the same pb as maconrad :
I noticed, though, that when I click on Reply All, my compose screen is pre-filled with only the sender's address, and not those of the other recipients?
Is this an issue with the Roundcube core, or could it be the skin?
It is the skin. The Bcc recipients are hidden, you just have to click "Add Bcc" to see them.
Can it be fixed in the next release ?
Thx a lot for this great job !
-
In all other skins, I can select the language for the spell-checker but I cannot find it with tjis skin. Is this option missing?
-
RuneScape (http://www.runescape-shop.com/se/new-1.php) is a Java-based MMORPG (Massively Multiplayer Online Role-Playing Game (http://www.runescape-shop.com/se/news-center.php)) operated by Jagex Ltd. It has approximately fifteen million active free accounts and is a browser-based game with some degree of 3D rendering. Runescape (http://www.runescape-shop.com/se/new-2.php) also has over 136 million accounts created. RuneScape (http://www.runescape-shop.com/se/new-3.php) was created by Andrew Gower, the creator of DeviousMUD, the forerunner to RuneScape, in 1998. Rewritten and renamed, the first version of RuneScape was released to the public on 4 January 2001 in beta form. It has a free-to-play option, and a simple interface that is accessible on most web browsers.RuneScape (http://www.runescape-shop.com/se/new-4.php) takes place in the fantasy-themed realm of Gielinor, which is divided into several different kingdoms, regions, and cities. Players can travel throughout Gielinor on foot, by using magical teleportation spells and devices, or mechanical means of transportation.Each region offers different types of monsters, materials, and quests to challenge players. Unlike many other MMORPGs, there is no linear path that must be followed. Players appear on the screen as customizable avatars, setting their own goals and objectives. Players can combat both monsters and other players, complete quests, or increase their experience in any of the available skills.Players interact with each other through trading, chatting, or playing combative or cooperative mini-games.
WTF does this have to do with the theme for RoundCube?
-
Links in first post are dead (since they are more than two years old...). Does anyone still work on this skin?
-
Links in first post are dead (since they are more than two years old...). Does anyone still work on this skin?
any working links of your theme? all the links arnt working :(
-
Hi there.......i saw your post.....great theme......good start with great work..........works with Internet Explorer 6 Also......keep on the work.....post more and more themes,,,,,,,
-
Th latest file does not exist. Is there a way to get this theme other way?
-
All links dead?
b.r.
Amok
-
The skin was last updated for RoundCube version 2 and wouldn't work at all with version RoundCube version 0.4.2.
-
THANK YOU FOR THIS ONE