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

iPhone SMS

Submitted By Aqueous

Description

This message style is basically a "port" of the iPhone's native SMS application. With the exception of a few features, this is as close as I could get the message/contact list style to match that of the iPhone.

Features include:
Timestamp header (time displays when chat first begins)
Native iPhone look and feel (including sounds).
Status icons which support all statuses
Includes contact list that resembles the "Contacts" app.
Now supports group chats


NOTE: Please read the included ReadMe file to change the bubble color!

THIS MESSAGE STYLE WILL NO LONGER BE UPDATED. IF YOU WOULD LIKE TO EDIT IT, PLEASE FEEL FREE TO DO SO.

Changes

1.2.8
Added five additional bubble colors
Available icon now displays in the Contact list

1.2.6
Bubbles have been revamped once again, and are now full size (previous version used smaller images)
Header now only contains initial time when chat begins (redundant header with chat name has been removed)
Many graphical glitches/bugs have been fixed and cleaned up (bubbles are exactly as the iPhone's)
Minor UI enhancements

1.2.3
Minor UI enhancements
Fixed issue with variants

1.2.2
Chat bubbles have been redone, and are almost exactly as the iPhone's (smoother gradient transitions; no more harsh lines)
Darkened status text
Corrected padding issues within the chat bubbles
Fixed several other minor bugs

1.2
Now supports group chats. Sender's names appear above chat bubbles. Added a "No Names" variant also.

1.1.4
Added timestamp to status messages
Header is now smaller (33px to 28px)

1.1.3
Switched status icons "Typing" and "New Message". New messages appear as purple status icon and typing appears as the pink icon.
Available status icon only appears in the tabs and not the contact list. This makes it easier to distinguish who's not currently available.

1.1.2
New status icons

1.1.1
Tweaked contact list layout
Removed "Text Only" variant


1.1
Chat history now displays correctly
Added native header with recipient's name
Fixed height on incoming bubble
Lightened status message text


1.0.2
Chat history is now readable (still has minor bug)
Timestamp in header now displays days 1-9 as 1..2..3 etc. (For example, instead of Jun 01, it now says Jun 1
Tweaked Contact list colors
Tweaked bubble images a little more. Emoticons are now centered vertically in message bubbles.
Text in "Text Only" variant has been moved more towards the outer edge of the window

1.0 - Initial Release

Images

Comments

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

# by caletz on 07/01/08 at 16:12:18

hi, great style, but, the saved messages look Odd, take a look http://controllevel.com/iphone.png

# by Aqueous on 07/01/08 at 16:19:06

I noticed this prior to the initial release. The fix that I came up with is to not log messages. I'm sure there are people that do like to log chats for reference later. I'll try and see if I can't figure it out. I'm not making any promises though. :/

# by miseryantics on 07/09/08 at 06:19:18

Great Style. Hoping to perhaps see some more colours in the future... I know this is the look you get on the iphone...BUT...This is the only bubble message style i can find that doesn't use display pictures or a default one if you turn the display.p's off.
...anyway like i said great style. I'll be using it new colours or not!

# by Aqueous on 07/09/08 at 11:21:58

the thought had occurred to me to include more bubble color variants. The only thing about different colors is that I'll have to do an entire image swap. I thought I knew how to do it using just CSS, but it never worked at all. The code was there, but apparently it takes some javascript (which I know nothing about) for it to happen.

So are you looking for user icons too? If you are, I don't plan on including any because I think they're quite useless and redundant. :/

I appreciate the feedback/comment!

# by miseryantics on 07/09/08 at 11:28:49

No. I dont want user icons, i agree, totally redundant. The reason i quite liked the idea of different colours is because this is the only bubble style i can find WITHOUT icons. :D

# by Aqueous on 07/09/08 at 11:36:06

That clears things up a bit. With the different bubble colors, they only way I could do it without getting into javascript is to have a transparent bubble. Anyway, I'll see what I can do in the mean time.

# by miseryantics on 07/09/08 at 11:49:00

Thank you!!! :D Good luck.

# by caletz on 07/09/08 at 16:19:44

This got a problem, when you are in a group chat, you dont know, who is who. BTW great Job! :P

# by caletz on 07/09/08 at 16:21:23

I mean, that i am like '' Who said that'' :P

# by Aqueous on 07/09/08 at 16:33:22

I don't use group chats ever, so that never occurred to me. I'll have to get creative with fixing that. Hmm. Thanks for the heads up.

# by caletz on 08/03/08 at 05:51:15

No problem mate! Btw : again, Great Job so Far!

# by mario.droguett on 08/25/08 at 17:37:58

Great Job! The only thing I miss is time stamps... I have read in limitations "Native timestamp feature is not possible with Adium (yet!?)." but the previous theme I was using (iPhone) have them... BTW it's awesome!

# by Aqueous on 08/25/08 at 18:51:42

Thanks for the comment. What I meant by the "native timestamp feature" is when the iPhone inserts a timestamp after a few minutes of inactivity. I had messed around with them, and I could not figure out how to get them to act just like the iPhone's. They only thing I could get it to do was put one after EVERY message sent/received, which got really annoying and redundant.

Unless there is some type of script or code, I don't know how to get the timestamps to work in this way. Also, what theme were you using that had this feature? Was it the theme I created, or the another theme on this site?

# by mario.droguett on 08/26/08 at 10:02:06

Ok, that kind of timestamp, native timestamp feature, is quite useful.
The theme I was using is http://adiumxtras.com/index.php?a=xtr...tra_id=4430 It put a timestamp for every message sent/received (haven't noticed how annoying is before ;-) )
If I think of it, what I picture is maybe less annoying than a timestamp for every message. A timestamp assosiated to status changes will be great, and "maybe" it can drive the iPhone behavior that you want :-)
Best regards!

# by FlasherMX on 12/05/08 at 10:13:01

maybe you could use mouseover effects to show the timestamp when you move over a bubble.

# by LowrdChevy85 on 12/13/08 at 18:12:31

Can you set a flag, with the time? Every time a user receives a message check to see if the current time is over say 5 minutes, if it is then print the time, otherwise don't print it. I guess the flag would have to be specific to each person you are chatting with.

# by Aqueous on 12/14/08 at 11:00:07

That sounds like a great idea. Would you know how to set that up? I know very little about CSS, and absolutely nothing about javascript. If you know how to do it, let me know.

# by LowrdChevy85 on 12/14/08 at 11:57:19

I don't know off the top of my head, but I do know how to code, where can I find your source code, and I will help find a solution.

# by LowrdChevy85 on 12/14/08 at 14:23:41

Never mind I think I found it, I have finals this week, but will try to look and see if I can figure something out

# by Aqueous on 12/14/08 at 14:27:21

Ok. Thanks. Let me know what you come up with. Also, do you know how to embed images in CSS files?

# by LowrdChevy85 on 12/14/08 at 15:19:21

Okay so instead of studying I've looked and I am almost positive that a little javascript will solve the problem...I don't know how to embed the images in a CSS, i think the layout of your files is the way it should be

# by LowrdChevy85 on 12/14/08 at 23:27:54

Okay so printing the time every specific number of minutes is doable and I have that working, however I believe it will only work in 1 chat session. I think it would be much better if it's going to print say every 3 minutes, it prints every 3 minutes for each chat you're in. I'm not sure how this is going to be done, but I know it can be done using an array (but this will have a limit of the number of chats it will work in).

# by Aqueous on 12/14/08 at 23:34:27

Wow! That was really quick. Don't screw up your finals by working on this, because that would really suck and it's not worth all that. I do appreciate it none the less. Ok, so the timestamp prints every three minutes in each chat, but what do you per chat session? If the user signs off, and then on..it won't work again? What kind of limit are we talking about.. 5, 10, 99?

# by LowrdChevy85 on 12/14/08 at 23:39:50

I'm good....I think a limit of 50 should be good, I don't think many people will have more than 50 chats going at once. I think once I get the user they are chatting with and the time, into an array, then the fixed time will work. The only way to get it to work exactly like the iPhone would be to know the algorithm they are using.

# by Aqueous on 12/15/08 at 11:27:40

What do you mean by algorithm? I'm guessing you mean what time settings they have? Also, by fixed time, do you mean how the message style lays the time out like the iPhone's?

# by LowrdChevy85 on 12/15/08 at 11:50:32

algorithm, is like a recipe in cooking, but for computers to perform a task. Fixed time means like every 3 minutes, so a fixed time interval. If you send me an email with your messenger or email I can send you the code I am working with, so you can see how it is working now.

# by Dan1jel on 12/28/08 at 03:32:13

i just love it!!! awsome theme, this is my new favorit :D

# by jkb on 02/27/09 at 11:06:41

Hi Aqueous. Love the theme, use it all the time. Was wondering though if i can get a copy of the "images" folder with transparent PNGs if you got 'em? Thanks...

# by Aqueous on 02/27/09 at 11:28:54

They don't exist. If I had the transparent PNG files I wouldn't have to do that crazy work around to get the different bubble colors. I just took all the pieces of the bubble into one photoshop file with about a pixel between them all and then used color selection to manipulate the color. As you can see, there was very little play with the colors. It's not perfect but it's better than nothing ya know?

I could have used iChat's transparent bubble, but those are different than the iPhones. If you can get your hands on them I'd love to know, then there would be an infinite many bubble colors. :)

# by jkb on 02/27/09 at 11:32:32

i have transparent for gray. email me (email under my profile) and i'll send 'em to you. also, how do i change bubble colors in adium? didnt see anything in prefs (i am probably blind though)..

# by Aqueous on 02/27/09 at 16:47:04

If you download the message style package it will have a Read Me file in there that gives you step by step instructions.

# by th3answer on 03/06/09 at 19:22:11

Great work mate.. but I've a little problem on it.. when I click and reclick on a emoticon, this emoticon becomes in a question mark icon and I can't visualize the emoticon.. any suggestion for resolve this problem?? tnx.. :D

# by sc984 on 11/21/09 at 02:51:17

-wow it looks exactly the same as iphone! great job!

# by mistermagooey on 01/31/10 at 12:41:49

Gonnabe gettign a timestamp and optional display pictures?

Post a New Comment

You must be logged in to post comments.

Install | Download
176.4kb (52992 downloads)

12345
4.10 / 144 votes
Current Version: 1.2.8
Last Updated: 01/03/09
Credits:
Used code from iChadium (Ravijo), Adium Matte (Fusion), Apple for iPhone bubbles/sounds and SMS icon, iChat for sounds