Adium
Dock Icons Emoticons Contact List Styles Message Styles Sound Sets AppleScripts Status Icons Service Icons Menu Bar Icons Plugins Miscellaneous All
NoteBoard!

NoteBoard!

Submitted By Oskar Krawczyk (oskar.krawczyk)

Description

NoteBoard! is a beautiful modern Message Style for AdiumX. It's the first Message Style that fully represents what WebKit is capable of, ie. CSS Animation (http://webkit.org/blog/130/css-transforms/).

When installing the Style you'll have the option of choosing from 7 different animations and picking the one that you fancy the most.

NOTE: The animation applies to the followup message only.

*** Added Snow Leopard compatibility: Animations work on Safari 4 again ***

Changes

v 1.1
  • Added the duck as the default user image

v 1.2
  • Added new animations (variants)
    • Flip Horizontally
    • Flip Vertically
    • Elastic

v 1.3
  • Removed the Buddy Icon shadow
  • Added new animations (variants)
  • Background image has now a fixed position
  • Other small enhancements

v 1.3.1
  • Ability to add custom background

v 1.4
  • Snow Leopard compatibility
  • Dropped support for Leopard with Safari 4 on board (I have no idea why doesn't the animation work)

Comments

You can reply to individual comments by clicking the "Reply" link next to each.

# by visualize27 on 11/27/08 at 11:39:27

Instant favorite. Good job! I do wish that the background can be changed easily but it's not a big deal.

# by oskar.krawczyk on 11/27/08 at 11:58:07

Thanks! Actually there was a reason why I wanted to have a fixed background but the issue is irrelevant anymore. I've updated the theme to 1.3.1

# by visualize27 on 11/27/08 at 14:17:42

Thank you for making a new version with custom background ability. Now I have to wait for this site to accept the new release. I keep getting nothing after download.

# by oskar.krawczyk on 11/27/08 at 14:25:35

Well, I wasn't expecting the profile to jump into the moderation queue even after updating - the approval will probably take a number of days. Meantime you can always get the most up-to-date version from here:

https://dl.getdropbox.com/u/46193/Note...geStyle.zip

# by mathuaerknedam on 11/28/08 at 22:03:14

Nice. It's not the first message style to use webkit transforms or webkit animations, but it's the first one to combine the two. :) Very slick!

A few things you might want to be aware of:

1) the word "vertically" in the variant name is misspelled.

2) There is a bug with webkit animation that can cause Adium use a lot of CPU (https://bugs.webkit.org/show_bug.c...gi?id=20100).

3) graphical emoticons can push the text below the line.

Ambitious and well executed. Kudos!

# by oskar.krawczyk on 11/30/08 at 19:44:09

1) Dang, well, you know, not being a native speaker has it's outcomes.

2) Actually, I stared noticing that issue after reading this comment, so I guess I'll go ahead and blame You on it! No, but seriously, you sir, are quite right the issue does apply to this theme and every now and again you have to close and re-open the chat-window to cut the CPU some slag. Not much we can do about it but wait until bug gets addressed.

3) Yeah, if it was up to me I'd disable them completely from the Info.plist level as I'm personally not a huge emoticon-person... But actually I think I just thought of a way of fixing it. Will get back on it!

Thanks for the feedback, much appreciated!

Oskar

# by oskar.krawczyk on 11/30/08 at 19:45:11

1) It's => Its, duh.

# by enkuturi-akrias on 11/30/08 at 21:24:35

Really good! A good quality Style. Personally i like the puff animation :)

# by BrilliantWinter on 12/01/08 at 21:46:01

I have actually yet to get the animations working :'( was running the most recent safari version, so I upgraded to the dev preview of v4 to see if that worked, and still no luck :( Gonna try running a nightly of webkit to see if that gives me the nice effects! otherwise this theme is teh shiznit! it is so nice!

# by BrilliantWinter on 12/01/08 at 21:48:51

Whoops, nevermind, seems I don't know as much as I like to believe! Webkit runs a whole browser, I thought I could just install it or something and it would update what Adium is using :P

Anyone have any hints for how I could get this working?

# by gferreroferri on 12/02/08 at 12:22:08

I love this message style!!!

# by hackand on 12/02/08 at 18:59:38

I exclusively registered on Adium Xtras to be able to tell you how much I love NoteBoard. Too freaking awesome. The animations are incredibly simple, yet stunning, which means I'll never be able to chat again without being lovely over-stimulated. Sir, you are a genius.

Thank you for this. :)

# by Spamkip on 12/03/08 at 14:23:28

The animations aren't working using the v4 dev preview of safari, downgrading to safari 3 fixed the problem. I love the animations, to bad the first message doesn't do anything ;-)

# by BrilliantWinter on 12/04/08 at 01:30:19

How very strange, I had Safari 3, didn't work, so I upgraded, still didn't work, downgraded, and now it does work! anyways, great theme!

# by oprah_noodlemantra on 12/17/08 at 01:02:25

where can i find the background in the second screenshot? :)

# by khagan on 12/26/08 at 08:09:19

This is absolutely brilliant-- definitely my favorite ever.

But what I really need is:
a) to have my own user icon on the right side of the message
b) to be able to change the font (though I did it myself in the CSS).

Please update soon! This rocks! A few more colors would also be nice... a pale blue and green, &c.

Keep up the good work!

# by khagan on 12/27/08 at 17:01:26

With further use... I've added a few more things to my wish list-- with which I think you can truly make this the top Adium theme. Maybe even the official one.

c) be able to disable the "name" to make it more minimalistic
d) hide the time, only show it when you hover over the message
e) let us download that awesome green grass background!

# by oskar.krawczyk on 12/27/08 at 17:09:09

Hola, thanks for the feedback, I'll see what can be done in the next update.

Meantime here's the grass background: http://www.quicksnapper.com/oskar/ima.../background

Best, Oskar

# by carvas on 01/12/09 at 18:47:30

how can i change the font please? it doesn't work changing in the prefs...

thanks!

btw, great theme! :)

# by ChrisLeduc on 01/24/09 at 11:00:41

If i turn off User Icons, I just see adiumy… if i turn it on, no icon is displayed…
Any idea as to why this is?

# by enkuturi-akrias on 01/28/09 at 12:54:06

My favorite!! I love this, is so modern and so well designed :D thanks!

You should add a variant with softer details (like, a lighter orange ballon, maybe 60% opacity of the ballon horizontal lines and making softer the vertical double lines in the left side of the ballons) I would love that :D

# by ekologik on 02/13/09 at 02:34:30

so this looks cool but all previews look the same for some reason..

# by ekologik on 02/13/09 at 02:48:32

this looks amazing! i can't make my font marker felt though.. it won't change to that for some reason...

# by oskar.krawczyk on 02/13/09 at 05:59:58

@carvas, yep it's disabled by design. The whole idea is to use Marker Felt font.

@ChrisLeduc, that's odd, perhaps an old Adium version?

@enkuturi-akrias, thanks :-) I'll take your suggestions in consideration when working on an update – definitely need to do something with the orange ballon!

@ekologik, you will not see the variants in the preview window as the variants apply only to the follow-up messages. Which version of osx are you on? Perhaps only 10.5 has Marker Felt.

# by Topheroo on 03/22/09 at 16:43:55

The animations don't seem to work for me. I'm using OS X 10.5 and the Safari 4 beta. Could that be breaking it?

# by oskar.krawczyk on 03/22/09 at 16:50:49

Hi, yep, the animation doesn't work on Safari 4 beta – hopefully they'll enable CSS Animation by the final version.

# by oskar.krawczyk on 03/22/09 at 16:56:15

Actually, they do but something has changed in the way they are triggered – I'll investigate it further.

Keep an eye for updates!

# by Topheroo on 03/24/09 at 01:56:59

Ok. I look forward to a fix!

# by brianxburns on 04/23/09 at 19:45:18

I've gotta say this is my favorite message style yet.

But I like it even more with a mod I worked up.
http://www.grabup.com/uploads/3d0d3e8...7e4a2e2.png

# by EnzoFX on 06/07/09 at 07:15:23

How is it possible to change the timestamp to just the hour? I get the full date, and sometimes there is an overlap with long text. Can't seem to figure it out =/
Great theme however!

# by Eaglelouk on 06/29/09 at 20:13:14

Animations are not working... Safari 4 final does not change anything.

# by oskar.krawczyk on 06/29/09 at 20:16:33

I'm aware of that. Since NoteBoard! was released before Safari 4, there shouldn't be any surprise that something's not working. I'll fix the problem when I do.

# by hechaencuba79 on 08/31/09 at 15:26:26

i loooooove this message style, i'm a designer though so i wish i could change the font. asides from that it's awesome! and it works perfect for me.

# by Bailey on 09/01/09 at 17:37:59

I can't wait for the animation to be fixed... However, it's currently in use, and the best I've seen so far!

Good luck :)

# by oskar.krawczyk on 09/01/09 at 17:45:33

@hechaencuba79, thanks man! Font changing is disabled by design– you know how anal we designers can be. If you really want to change it, you can edit the plist file manually.

@Bailey, actually the animations are fixed in the 1.4 release (tested on both, Leopard and Snow Leopard with Safari 4).

Thanks again guys!

# by hechaencuba79 on 09/03/09 at 21:58:40

i'm sorry i don't usually go messing w/apps which plist file do i have to edit? (btw i'm a girl :)

# by oskar.krawczyk on 09/03/09 at 22:05:56

No sweat, here we go:

Go to /Users/yourusername/Library/Application Support/Adium 2.0/Message Styles, right click on "NoteBoard.AdiumMessageStyle", pick "Show Package Contents", a new window will pop up. Go to Contents and pick "info.plist" (open it in a text editor). At this point you need to find a key named "DefaultFontFamily" and change the STRING underneath to the font you want to use, ie. Lucida Grande.

# by hechaencuba79 on 09/03/09 at 23:24:29

thanks! i'll give it a try

# by hechaencuba79 on 09/03/09 at 23:31:46

ok i did it and restarted adium but no workie ??

# by Bailey on 09/09/09 at 21:13:46

I isntalled all the updates and now the animations work! Reall, really, incredible theme!

# by togepi1982 on 09/24/09 at 17:10:30

I have a question... Sorry for being so dumb... Does this thingy refer to sms applications? Sorry... For being so blur...

I love the styles... Just wondering is the application for sms? If not, messages as in?

# by OnceSolemn on 10/15/09 at 06:23:30

So am I the only person whose outgoing messages are displayed in Helvetica no matter what I do?
Incoming messages (and cached history messages) show up as Marker Felt, but my outgoing ones all display as Helvetica and I can't figure out why!
Any ideas?

# by OnceSolemn on 10/15/09 at 06:24:38

Also, that's 10.6.1 (10B504) and Adium 1.4b9

# by OnceSolemn on 10/15/09 at 06:31:07

Also occurs in latest GM Adium (1.3.6)

# by feju on 10/19/09 at 17:54:57

Same here, is the case with with the old Adium 1.3.x stable version as well.

# by oskar.krawczyk on 10/15/09 at 07:37:26

It's a bug in Adium working on Snow Leopard.

# by motyR on 10/18/09 at 19:38:54

Hi,
love the theme :),
one question though, is there anything can be done about the right to left languages align problem like shown in the screenshot? (in the 20:48:27 message)

https://dl.getdropbox.com/u/283941/Scr...14%20PM.jpg

10x alot

# by oskar.krawczyk on 10/18/09 at 19:56:01

Thanks for the heads-up, I'll include a fix in the next release.

# by feju on 10/19/09 at 17:53:09

Hi, I'm having problem with the font my sent messages have during a running session. Messages I send a shown with in a different font than the default "Marker Felt" setting (i didn't change the plist or message window setting). Messages I receive are shown in "Marker Felt", though. After closing the chat window and reopening it, all messages (previously sent and received) are being displayed in "Marker Felt", but again, the messages i then sent are displayed with the wrong font.
Can I or can you fix it? Follow the links below to get an impression:
1.) http://emberapp.com/feju/images/note...board-bug-1
2.) http://emberapp.com/feju/images/note...board-bug-2

Hope you can help me with this!

Thx! Btw. awesome style!

# by feju on 10/19/09 at 17:53:56

Woops, just saw the above post, that one was new, so I hadn't registered it. Sorry.

# by oskar.krawczyk on 10/19/09 at 17:59:39

Hi, as I've stated before. This issue is a bug in Adium (running on Snow Leopard).

Double and triple checked NoteBoard's code– all is fine there.

# by rob-to86 on 11/08/09 at 00:43:23

The font bug is fixed in the 1.4 beta, I suggest updating.

# by funkypepper on 12/26/09 at 21:32:16

animations plays so slow on long conversations, and so as typing. other than these, a lovely message style...

# by rgama on 01/15/10 at 20:59:08

Great theme, however the animations don't work for me... I use Safari 3.1.1 and Leopard 10.5.3
Does anyone knows how to solve it?!
Thanks!

# by oskar.krawczyk on 01/15/10 at 21:03:18

I dropped support for Leopard with Safari 3 a long time ago.

# by rgama on 01/15/10 at 23:02:37

Sorry, I didn't see it anywhere. Anyway, I'll keep on using it! It's awesome!

# by bmoez on 08/24/12 at 00:30:06

can i use this theme (main.css + incoming/context.html) on other objects (website, newletter, ...)?
please what is the licence?

# by NiCrom on 06/17/13 at 00:33:46

For linux user (Empathy) theme with date message fix here: http://goo.gl/Wo8nG

Post a New Comment

You must be logged in to post comments.

Install | Download
152.02kb (37285 downloads)

12345
4.10 / 204 votes
Current Version: 1.4
Last Updated: 08/30/09
Credits:
Oskar Krawczyk - http://nouincolor.com