Muffinresearch Labs by Stuart Colville

Create your own Google Talk Theme using CSS | 8 Comments

Posted in CSS on 17th April 2006, 8:17 pm by

Muffin Research Google Talk Theme Screenshot

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.

Post Tools

  • Keenan Brock

    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

  • http://www.unlimit3d.com/cerebral Cerebral

    Nice tip ! Like it.

  • http://5thirtyone.com Derek Punsalan

    Awesome tip. I had no idea chat theme creation was as simple as modifying a bit of CSS.

  • http://www.ipnow.org Ph3rny

    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

  • http://muffinresearch.co.uk Stuart Colville

    @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!

  • http://www.ipnow.org Ph3rny

    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

  • http://digitalpbk.blogspot.com/2007/06/google-talk-chat-themes.html digitalpbk

    Hii I made one chat theme and i have done it http://digitalpbk.blogspot.com/2007/06/google-talk-chat-themes.html

  • Goz

    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,

GNU screen: open tab in current working directory|(1)

A nice trick for having screen open a new tab in the same directory as the one you’re currently in. To use it add it to your .screenrc

# Open new window in current dir.
bind c stuff "screen -X chdir \$PWD;screen^M"
bind ^c stuff "screen -X chdir \$PWD;screen^M"

Hat tip: mteckert on SuperUser.com

Ubuntu: add-apt-repository: command not found|(3)

When you’re using a minimal Ubuntu install if you find the ‘add-apt-repository’ command is missing (it’s useful for adding PPAs and other repositories), then simply run:

sudo apt-get install python-software-properties

Photos on Flickr

© Copyright 2004-12 Stuart Colville, all rights reserved. May contain traces of Muffin. Powered by WordPress. Hosting by Slicehost.com This page was baked in 0.479s.