Create your own Google Talk Theme using CSS | Comments (8)
Posted in CSS on 17th April 2006, 8:17 pm by Stuart
Not so long ago Google Talk received an update which included theme support, now I don’t know about you, but in my humble opinion the default themes weren’t all that great. The good new is that the themes are created with CSS so this means that you can copy an existing theme and modify it to get something that is more to your taste.
To get started you need to copy an existing theme, so choose one as a starting point. Before you can do that you will need to create a directory called “chat” in the following location (Where [PROFILE NAME] is your changed to the name of your user profile, this is the same as the user your login to windows as):
C:\Documents and Settings\[PROFILE NAME]\Local Settings\Application Data\Google\Google Talk\themes\user\Next copy the theme you wish to base yours on to here:
C:\Documents and Settings\[PROFILE NAME]\Local Settings\Application Data\Google\Google Talk\themes\user\chat\Rename the chat theme folder you have just copied across to the name of your choice. This name will show up in the themes menu. Edit the themes CSS file ([ThemeName]\Contents\Resources\main.css) and then test your theme.
To get you started here’s a theme I made earlier called MuffinResearch. To use it just uppack the theme to this directory:
C:\Documents and Settings\[PROFILE NAME]\Local Settings\Application Data\Google\Google Talk\themes\user\chat\As you are editing the themes all you have to do is re-select your theme in the drop-down to check the styles you have modified.
So great when a company just uses xhtml/css so that we can customize to how we see fit.
You may also want to check out meyer as he modified Adium [chat for the mac]
–K
Nice tip ! Like it.
Awesome tip. I had no idea chat theme creation was as simple as modifying a bit of CSS.
I have written some themes too…
http://gtalk.anthonysottile.com
also I have written a tutorial (a couple weeks ago) that is located here: http://ph3rny.blogspot.com/2006/04/themes-in-new-google-talk.html
@Ph3rny: Good work there.
Question: I am interested to know what class is used when the chat window has been closed. All of the text in my theme changes to a dark grey colour. If anyone knows, please add the answer in the comments!
DIV .chat DIV .msg SPAN (and)
DIV .chat DIV .Nth SPAN
this is if you are editing a theme
After fiddling with these things for a while I started writing them by scratch… they are more efficient that way and they don’t have all that extra css junk
Hii I made one chat theme and i have done it http://digitalpbk.blogspot.com/2007/06/google-talk-chat-themes.html
Do some one know how to hide the bottons on top that says “send voice mail” “gmail”….etc or if there any themes please let me know….
thanks,