14th Mar 2010
Tutorial: Create a google talk chat theme with desired background image and smileys.
This tutorial is for ppl who is bored with Classical google talk themes and waiting for something new and innovative... In short.. You can create your own google talk theme... have a look at this gtalk window..!!
http://img412.imageshack.us/img412/373/themerq4.jpg (http://imageshack.us)
This tutorial consists of two independent parts.
1. How to add a background Image to your google talk chat window??
2. How to get smileys in chat windows without any external software addon??
PART 1:
The word theme, in my usage refers a chat theme. This is not for the external appearance of Google talk.
Starting with, First we need to have a copy of already existing Google talk theme. We modify and add extra features to it and then make the new theme.
Finding a Gtalk theme:
Copy and paste the following address in your My Computer Address bar.
%userprofile%Local SettingsApplication DataGoogleGoogle Talkthemessystemchat
Now, I am using Classical Picture Theme for editing bcoz of its simplicity. Now, Copy the folder Classical Picture. Now, get back to grand parent directory. i.e. Themes. (use Up button twice).
Navigate to user directory. Create a folder named chat in it. Paste the folder here. Rename the folder to something else (say MyTheme)
Note: Renaming is mandatory because you can never see duplicate themes in google talk.
Now our theme folder is MyTheme. Open the folder, Navigate to Contents->Resources. Here is where we work with.
Now, Create a directory named Images Copy the Desired image which you want the background to be, into the images directory. Rename the image as back.jpg
Note: The size of the image should be properly chosen (300 X 225 is decent) . This is the image that i used. (see attachment)
The settings of the chat window are present in main.css file. Open the file in Text editor or a HTML editor that support CSS preferably.
Now, the code will look something like this
/* Ensure that our assumptions about the default browser colors are correct. */
BODY { color: #000000; background-color: #FFFFFF; }
BODY a:link { color: #0000FF; }
BODY a:hover { color: #0000FF; }
BODY a:active { color: #0000FF; }
BODY a:visited { color: #800080; }
BODY {
margin: 6px;
}
DIV#content {
font: 12px Arial;
}
DIV#insert {
display: none;
}
DIV.system1st {
margin: 4px 0px 4px 0px;
}
DIV.systemNth {
margin: 4px 0px 4px 0px;
}
/* Two ways to do icons with these rules:
No problem mate. :)
i will try it out today night
And how did you read my mind? It's cool integrating Ileana into my Google talk. :p She is hot.
And if you are a big fan of her, do watch "Pokiri" Telugu movie. You will never forget!
sridatta after seeing Gorgeous Ileana
i think ur from ANDHRA
I have compiled this thread sitting for more than 5 hrs... not even 5 ppl responded.. :(
Please post your comments...
thanx a lot your tutorial was very very userful to me in creating my own custom themes! but the problem is i want to share my designed themes with my friends and even after providing online support through chat they were not able to install the themes properly...
CAN U PLZ HELP ME IN CONVERTING MY THEME TO .EXE FILE OR ANY SELF EXTRACTING FILE, which once clicked will automatically copy the file to the specified directory!:?
@salilrane: I had the same thing in mind. Thanks for posting. We have seen that the other person sees only text of the emoticons in case we are using something like Smiley Central.
i have confirmed that opp person sees only words ..
i thnk sridatta has done excellent and forward that to google i guess :-)
i think google people must really think of geting some more creativity in GTalk
bt i did d same chngs u mentioned in 1st exrcse of 1st part ...bt it didnt render ny chng 4 me ......
wots wrng???????
come on sid . . . cheer up :)
I am using it since a yr
i got it from some other forum... of course thats made by u only
Thanks !!!
instead of making an .exe file (as normally users are suspicious abt .exe file) can we make it into SFX/Zip. if so any softwares which supports %user profile%, i mean which will auto extract based on windows username?
The source which you mentioned looks like "Sridatta's" website. His signature mentioned websites and your mentioned source is same.
2. Be sure u have selected the right theme (The one you have modified) in settings-> Appearance
3. The image path may be incorrect. suppose if u give background image path as /images/back.jpg , then the file should be present in the folder named images in the folder in which your main.css file is present. (i.e. Resources folder)
Once recheck all these things.. Suppose if you are unable to figure out the problem, just install the theme by downloading 4m the link, and then check out whats wrong... :)
Will give one try..
@salilrane: I had the same thing in mind. Thanks for posting. We have seen that the other person sees only text of the emoticons in case we are using something like Smiley Central.
i think he may see only words
plzzz gurus clear my dbouts .........
#If you have any other info about this subject , Please add it free.# |
Posted by rose under toyotataa.com |
