Google Talk Theme: Lined-Paper

This is a theme that simulates the look of lined paper.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: Windows XP

This is a theme to simulate the windows of Windows XP.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: PHP

This is a theme to simulate the syntax of PHP



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: Windows 9x

This is a theme simulating the windows of Windows 9x.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: Star Wars

This was a theme inspired by star wars.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: Digg

This was made to look like Digg.com



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: BSOD

This is a theme I made to simulate the windows blue screen of death.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

Google Talk Theme: My First Theme

This is the first google talk theme that I made.



Download Here

See more of my themes at http://gtalk.anthonysottile.com

My Google Talk Themes

I have moved all of my themes to here:

Google Talk Themes

New Google Talk uses Internet Explorer Browser Plugin to Display Messages

The new google talk uses an internet explorer plugin to display messages.

If you do not have the new google talk you can download it here.

Basically the way I did this was I made my own theme (A guide that I wrote about making/editing themes in google talk is here) and I added in some code into the html file that displays the messages (Outgoing/Content.html) to display an image.

The exact code was this:

<div class='icon'>
<div style='height:1px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ipnow.org/images/browspre1.jpg")'>
</div>
</div>

This code referenced an image on one of my other sites IPNow.Org which displayed an image of the current browser based on the useragent.

The image in the screenshot clearly shows that google is using the internet explorer plugin to display their messages.

Themes in the New Google Talk

You can create themes in google talk.

First of all you will need to download the new version Here.

Themes in google talk are stored in c:/documents and settings/*your user name*/local settings/application data/google/google talk/themes/system/chat
and c:/documents and settings/*your user name*/local settings/application data/google/google talk/themes/user/chat/
IMPORTANT: TO INSURE THAT YOUR THEME WILL REMAIN AFTER AN UPDATE PUT THE THEME IN BOTH FOLDERS


I wrote a sample theme just for the heck of it... It is located at http://gtalk.anthonysottile.com/mytheme.zip

To install this theme you must unzip it and drag the folder named MyBubblePicture (the farthest one in (in the zip I think the folder structure is /mybubblepicture/mybubblepicture/contents...)) to the path that I mentioned earlier.

Here is a screenshot http://static.flickr.com/36/122047787_31f02b0aeb_o.png


Here is a basic tutorial of how I did it:

Basically I went to the folder I mentioned earlier.

I made a copy of /bubblepicture for this test

Basically in /bubblepicture/contents/resources there are a bunch of files and two folders and a css file... All we will be worrying about is the css file

Open up the css file...

Let me give you a rundown of what each of the styles do (I'm guessing on a bunch of them)

BODY - the main section that the instant messages are held in
DIV#content - where everything is that has text
DIV#insert - no clue what this does
DIV.system1st - no clue again
DIV.systemNth - yeah clueless
DIV.b1(through b4) - I am guessing these have something to do with the bottom margins
DIV.chat - this is where the message is... the whole thing including the username and the text and the icon
DIV.chat .icon - Chat icon
DIV.chat DIV.msg - chat message
DIV.chat DIV .Nth - there can be multiple messages before the other user responds... I am guessing this covers them
DIV.chat SPAN.salutation - I think this is where it tells your status when you first open a chat window or when it tells the time
DIV.out - this is where the outgoing message is including the text, username, and icon
DIV.t-o - this is the top section above the username where the top border sort of is in the outgoing message
DIV.b-o - this is the bottom section below the text where the bottom border sort of is in the outgoing message
DIV.out.icon - this is the icon for outgoing messages
DIV.in - this is where the incoming message is including the text, username, and icon
DIV.t-i - this is the top section above the username where the top border sort of is in the incoming message
DIV.b-i - this is the bottom section below the text where the bottom border sort of is in the incoming message
DIV.in.icon - this is the incoming icon
DIV.clear - No clue
DIV.break - No clue


Basically to do mine I had to add in DIV.t-i and DIV.b-i

I had fun with mine

Hope you make some cool themes

If you have any and you want to post them just post a link to them in the comments.


To select a theme after making changes you must go to settings-> appearance and change it to another theme
press ok
then go to settings->appearance and change it to the theme that you just edited

And more questions just post a comment

EDIT:

Here are some user contributed themes:
My Themes are Hosted Here

Dan
- Download
- Screenshot