|
Elegant Simple v1.2.1 |
| Submitted By jules Gravinese (WebVeteran) |
DescriptionNo longer do we have to be plagued with the Mac OSX scrollbar ruining awesome Adium Message Styles. This message style uses a custom scrollbar in Adium Messages.Latest: Message's width expands/contracts with scrollbar's hide/show This is a prototype for the talented folks that create our wonderful message styles. I hope that others will use it as a spring board for rapid development of a whole new breed of message styles with custom scrollbars. Screencast (MP4, 3.6MB) Features: * Fade-in of new messages * Auto smooth scrolling when new messages are received - including concurrent messages * Custom styled scrollbar * Dynamic height scrollbar handle * Header and Footer objects of scrollbar handle * Auto-hiding and fading scrollbar (mouse in/out of window) * Message blocks widths expand/contract with auto-hiding scrollbar * Auto-darkening background (mouse in/out of window) for busy desktops * Mouse wheel support Changes1.2.1 2010-06-13• Allows user to change message font (thanks to Piotrek Marciniak / 'Pretty Simple' message style) 1.2 2010-04-15 • Auto-darkening background (mouse in/out of window) for busy desktops 1.1 2010-04-09 • Message's width expands/contracts with scrollbar's hide/show 1.0.4 2010-04-08 • Fixed smooth scrolling • Added smooth scrolling for consecutive messages • Leaned out some code • Fixed an issue where it would not scroll all the way to the bottom 1.0.3 2010-03-21 • Added Variant for left justified text in messages 1.0.2 2010-03-15 • Fixed time wrapping issue on certain systems/languages (10.6/Korean definitely) 1.0.1 2010-03-11 • More stable animation of show/hide scrollbar, using effect.cancel() 1.0 2010-03-09 • Initial release CommentsYou can reply to individual comments by clicking the "Reply" link next to each. # by VirusC29 on 03/12/10 at 15:00:005 ducks! could you make a contact-list theme with the same scroll-bars?? it would be awsome!!
# by WebVeteran on 03/12/10 at 16:36:56I haven't had time to look into building a contact list style. For now I suggest you use "Simple Pretty". It's the very same look (sans custom scrollbar).
I may look into it. But first I am going to explore special effects w/in the message window (such as each letter gets 'typed' into the bubble like a typewriter). This message style is using Scriptaculous for the animations (except for scrolling). So every web2.0 effect you've seen on any web page can be applied to Adium messages. The very near future is going to be really awesome! # by WebVeteran on 03/12/10 at 16:42:13Whoops, a correction on the contact list. In those screen shots I am using the "Overture 1928" color theme and "HUD" layout.
Also, after inspecting the resources that make up a list theme and layout, its not possible to add a custom scrollbar. # by NINJA90 on 03/13/10 at 00:37:44Strangely... When I scroll with a webpage behind it however, the webpage scrolls as well... Is this a problem with the scriptalicious script incorporating with the page as well??
# by WebVeteran on 03/13/10 at 01:06:59Every now and then I see that as well, with any type of document underneath.
It has nothing to do with scriptaculous, which is a JavaScript library, and certainly cannot tell other programs on your mac what to do. I believe its the transparency of the adium window. The scroll event is somehow being passed through the window to the document underneath. I'll experiment with raising the opacity to see if it yields any difference. # by WebVeteran on 03/13/10 at 01:19:19I've done a bunch of experimenting. It appears that every adium message style, regardless of scroller (webkit, scriptaculous, or Mac), exhibits the same issue. When the adium window has any amount of transparency, the document below will be scrolled as well. It's as if the mouse tells the OS "scroll everything under the pointer x pixels down". And the OS sees the adium window (35% opacity) and also the window underneath (65% left over) so it scrolls both.
I don't know if the fix for this lies within Adium or Apple, but certainly its not within my control! A workaround is to set a custom background color with very high opacity. That sure kills the look of the style though =( # by NINJA90 on 03/13/10 at 02:20:41Ahh, i see... I was testing a webpage, then tested with a version of word that is run in rosetta (im sure you know what that is) which cancelled the scroll-thru... That's y i assumed it might have been the scriptalicious... (though I have no knowledge of the language haha) That's actual quite an interesting concept, the transparent scroll... I have bypased the issue using a nice background that i found... Thank you for the help!
# by NINJA90 on 03/13/10 at 02:26:31Oh, and im sorry for doing this so late so... THANK YOU FOR THIS THEME!!! I've been looking for a good simplistic theme for a while now... Grape's glass was pretty good, this blows it away! It looks very similar to a certain phone interface i saw (coming out this holidays... Windows phone 7 series if u wanna check it out). Very Very pretty... When combined with the simple pretty you provided, Adium looks better than it's looked it too long... THANK YOU THANK YOU THANK YOU!!!
# by pritthish on 03/14/10 at 17:37:49actually, ive tried that and seems like it works fine on one of my own messagestyles, even with the background opacity turned down as low as 6% :)
[you can view the messagestyle in question here >> http://pritthish.deviantart.com/art/A...t-156492329 ] cheers! oh btw, love what you did with the scrollbar animations! # by NINJA90 on 03/14/10 at 18:20:27I don't think it has to do with background opacity... It has to do with the opacity of the window itself
# by pritthish on 03/14/10 at 18:21:19the window itself? how the hell are you changing the window opacity from a messagestyle then? :S
# by NINJA90 on 03/14/10 at 18:23:27Don't ask me, ask him.... And you don't change the window opacity, the maker of the theme sets it, tho how, i don't know... Look at pretty simple or actually try out his theme to see wat i mean by like the window opacity.
# by WebVeteran on 03/14/10 at 22:24:01I figured this out. The problem happens when using CSS to set the body's opacity. But if you set the background opacity from the Adium preferences there is no problem. So perhaps its an issue with WebKit.
However, if you try this with ProtoScroll, setting the background within Adium preference STILL exhibits the same problem. So where does that leave us? I have no idea =) I'll try experimenting with event bubbling within the style. But I continue to think we'll have no control over this. # by pritthish on 03/18/10 at 23:15:04ok, ive been poking around even more and run into the issue, except for me, setting the opacity through css means there are no probs, but doing it from the adium preferences causes all sorts of crap, with window shadows disappearing, windows under the chat window scrolling etc...
this happens more with the 1.4 builds than the 1.3 ones :/ what the fuck is going on O_o # by WebVeteran on 03/18/10 at 23:21:10First off, please keep it clean. I don't mind potty language but it does lower the average class in here =)
I've seen tons of render bugs in Adium when dealing with opacity. Sometimes the message area casts no shadow at all - only the header and footer do. Sometimes rounded corners exhibit very weird rendering bugs with chips of clear areas and a shadow around them. But I don't know if it's an Adium, Mac, or video card problem. Either way, its nothing we can control. And for normal users I don't think it happens much, if at all. But I know I'm beating the sweat out of Adium so funky things are sure to happen. # by WebVeteran on 03/13/10 at 03:02:22Thank you NINJA90 for the compliments! However all style credit goes to Piotrek Marciniak. He created the original "Pretty Simple" message style (http://www.adiumxtras.com/index.php?a...tra_id=6938)
At the moment, my theme is basically his "no scrollbar mode" but with a scrollable window. However under the hood, aside from his css file, my theme is completely different. # by Milly79 on 03/14/10 at 18:49:47Off-topic, but I must ask. How did you get your dock to look like that? I've tried tweaking it around and what-not, but I could never figure out how to get it to look that way. Also, how did you change your "close, minimize, expand" buttons?
# by WebVeteran on 03/14/10 at 22:26:36No problem...
That dock is DragThing's Processor dock. The mac's theme was changed to "Truth 1.1" via Magnifique. # by crux on 03/17/10 at 03:15:01great theme! would love to use it as standart... but I'm unable to change the font size (only while writing: "command +") how come!?!?!?
# by WebVeteran on 03/17/10 at 04:03:25I used the visuals from the "Pretty Simple" message style. So I'm not 100% sure why, cannot answer your question. I think it's because of the timestamp being on the right - changing font size would change the wrapping and break the theme.
# by crux on 03/17/10 at 14:01:08thanks anyways... i'll address that to the "pretty simple" author.
# by WebVeteran on 06/13/10 at 22:51:22Pretty Simple and Elegant Simple now both allow font changes.
# by schnack on 03/17/10 at 17:17:42how to you remove the icons and the bottom tabs ?
# by schnack on 03/17/10 at 17:40:28Now I've figured how to remove the bottom tab bar.. but how do I remove the icons in the top between the close, minimize, expand and the screen where the written text is located?
# by WebVeteran on 03/17/10 at 22:45:23You should see another button, all the way on the right of the window title bar. That is the universal "hide the other icons" button.
# by chonyx on 03/18/10 at 06:28:58I love what you do! And the scroll bar is gorgeous. I was just having problems changing the font. I was wondering if in the future changing the font of the name, and of message text, will be available?
# by WebVeteran on 03/18/10 at 13:35:20Thanks! I'll look into being able to change font sizes. I'm pretty sure that was disabled on purpose in the original Style. But since I fixed the problem with wrapping, maybe it can be safely enabled now. Stay tuned!
# by caliguy on 03/21/10 at 23:07:40Great, just friggin great. No other words, just GREAT!!
Oh, and THANKS!!!!! # by caliguy on 03/21/10 at 23:10:42the Contact list is just a demo? If so, when will it be available??
With bated breath.. # by WebVeteran on 03/22/10 at 00:12:50Thanks for the kudos and you're very welcome!
The contact list can be styled like in the demo as so: Color Theme: Overture 1928 (http://adiumxtras.com/index.php?a=xtr...tra_id=3717) List Layout: HUD (http://adiumxtras.com/index.php?a=xtr...tra_id=4999) Window Style: Group Bubbles Opacity: 40% Other than that... season to taste! # by erterte on 03/22/10 at 01:39:12it would be a perfect style, but there's something to flag about:
the justification of the text forces the spaces between words, resulting in very wide kernings way often. I think that's something to correct for the next version. # by WebVeteran on 03/22/10 at 02:21:04Good suggestion - I added a variant to let you control that.
# by DeusNovus on 03/25/10 at 17:20:28I have a problem with the contact's font in the message window, it messes up some special+foreign characters. Is there any way I could change the fonts for the contacts in the message window?
Thanks! # by WebVeteran on 03/25/10 at 17:28:25Can you IM me? I don't think you'll be able to change the font for that, but maybe I can add character sets to the page (window).
# by DeusNovus on 03/25/10 at 17:34:00Actually, I just realised that all the fonts are included in the build, nothing can be changed.
Is there anyway I could even change the message fonts? # by Neylus on 03/25/10 at 19:47:52Exellent ! Great ! Please man how did you get this DOCK ?
# by WebVeteran on 03/25/10 at 20:26:40Hi Neylus - Thanks!
That is a DragThink dock. # by Neylus on 03/25/10 at 22:31:46ok thanks man, and very good style!
# by Neylus on 03/25/10 at 22:45:49can you help me ? i don't know how to use DragThink
# by WebVeteran on 03/26/10 at 00:02:57Sorry, that was a typo. It's DragThing: http://www.dragthing.com/
You just have to play around with the themes and their background transparencies. # by caletz on 04/03/10 at 05:33:01FINALLY SOmeone has done what ive been hoping for! LOOOVE the scrol!!!!! MUST BE DEFAULT in adium!!!!!!!!!
# by Soul on 04/08/10 at 08:28:14Beautiful looking style!!! However like most transparent styles it's very hard to use when the window is overlaid over other documents etc.
Is there any chance of options to change the opacity etc? I tried custom background but that didn't seem to do anything. # by WebVeteran on 04/08/10 at 12:34:42Hi Soul - the custom background does work. I just tried it successfully. Make sure you set the opacity in the color windoid so your custom background shows up.
# by garyyc on 04/08/10 at 20:54:32Man this is great theme! =D thanks for this. But im having two problems with it. The smooth scrolling isnt so smooth when new messages are loading. It seems a bit choppy. And the other problem is that im getting random lines.
I've attached an URL to the image of hte problem. Am i missing a script or something? http://cl.ly/7hO # by WebVeteran on 04/08/10 at 23:42:33Well... I don't think there is a solution to this. I'm not one to pass blame along, but what you are seeing is something really odd. There is not one single image in this theme, it's all background colors and other CSS settings. So the fact that those odd lines are showing up tells that something beyond the HTML/CSS programming is at fault. It's a problem of either webkit, adium, OSX, or the video card.
I've noticed those visual hiccups myself every now and then. Sometimes the message area won't cast a shadow. Resizing the window, making a new window, or restarting adium will fix those issues. # by bspec on 04/18/10 at 01:05:58Great message style! Only a few suggestions from my end:
When the window isn't auto-darkened, it's a bit too light for my liking. With light backgrounds it's more difficult to see the text. Is it only supposed to auto-darken when the mouse curser is over the messages? Also, when sending or receiving a new message, the scrollbar scrolls to the bottom of the message, but not the bottom of the window. These aren't really a big deal, just something worth mentioning. Overall great theme. Keep it up. # by bspec on 04/18/10 at 01:18:11Actually, upon further use of this theme, new messages are constantly being cut off, forcing me to scroll to the bottom of the window after each sent or received message. Maybe it's a problem from my end.
# by WebVeteran on 04/18/10 at 11:36:55Yes, darkening on mouseover is the intended effect. You can always override the background in the Adium preferences.
I've been using this version (testing it) for about a week. I did have to make a few small tweaks to the scrolling. But I have not seen a problem for quite a while. If you still see this glitch let me know - either here or IM me. # by Roaring_in_the_Dark on 06/21/10 at 01:31:51The auto-darkening background is just so cool. I love this.
# by zwingtip on 06/21/10 at 03:05:05Awesome message style. One issue: After a while of talking to someone, it stops scrolling to the bottom of the window after every message, making me manually scroll down. ANy way to fix this? Could the Adium HUD plugin be causing it?
# by WebVeteran on 06/21/10 at 13:18:31I sometimes see that too. As of right now I'm not sure what is causing it, but I am trying to get it fixed.
# by suzykaploozie on 07/17/10 at 03:52:23Wonderful, I truly love it. May I ask where you got your wood desktop background?
# by WebVeteran on 07/18/10 at 01:42:16Gee sorry, I don't remember - I got that a while ago. I know I looked for and found it on google though. "wood desktop background" maybe.
Post a New CommentYou must be logged in to post comments. |
  4.30 / 98 votes
|
||||||||
;)
# by WebVeteran on 03/11/10 at 12:14:01