|
iPhone SMS |
| Submitted By Aqueous |
DescriptionThis 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. Changes1.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 ImagesCommentsYou can reply to individual comments by clicking the "Reply" link next to each. # by miseryantics on 07/09/08 at 09:19:18Great 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 14:21:58the 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 14:28:49No. 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 caletz on 07/09/08 at 19:19:44This got a problem, when you are in a group chat, you dont know, who is who. BTW great Job! :P
# by mario.droguett on 08/25/08 at 20:37:58Great 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 21:51:42Thanks 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 13:02:06Ok, 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 14:13:01maybe you could use mouseover effects to show the timestamp when you move over a bubble.
# by LowrdChevy85 on 12/13/08 at 22:12:31Can 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 15:00:07That 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 15:57:19I 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 18:23:41Never 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 LowrdChevy85 on 12/14/08 at 19:19:21Okay 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/15/08 at 03:27:54Okay 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/15/08 at 03:34:27Wow! 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/15/08 at 03:39:50I'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 15:27:40What 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 15:50:32algorithm, 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 jkb on 02/27/09 at 15:06:41Hi 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 15:28:54They 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 th3answer on 03/06/09 at 23:22:11Great 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 mistermagooey on 01/31/10 at 16:41:49Gonnabe gettign a timestamp and optional display pictures?
Post a New CommentYou must be logged in to post comments. |
;)
# by caletz on 07/01/08 at 19:12:18
# by Aqueous on 07/01/08 at 19:19:06