Gtalk Theme ဘယ်လိုလုပ် ?

Windows -> Run -> “%HOMEPATH%\Local Settings\Application Data\Google\Google Talk\themes\system\chat” လို့ရိုက်လိုက်ပါ။

Copy BubblePicture and Past လုပ်ပါ။နောက်ပြီး ကြိုက်နှစ်သက်ရာ နာမည်ပေးပါ။ ကျွန်တော်ကတော့ MMBubblePicture ဆိုပြီးပေးလိုက်ပါပြီ။

Contents\Resources\main.css ကိုဖွင့်လိုက်ပါ။
DIV#content တွင် Font ကို Zawgyi-One ဖြည့်ထည့်လိုက်ပါ။

DIV#content {
font: 12px Zawgyi-One,Arial;
}

DIV.chat SPAN.salutation{….} တစ်ခုလုံးကို copy ကူးပြီး paste လုပ်လိုက်ပါ။ ထို့နောက် နောက်တွင် -i နှင့် -o ဖြည့်ထည့်လိုက်ပါ။

DIV.chat SPAN.salutation-i {
font-weight: bold;
display: block;
border-bottom: 1px solid #CDCDCD;
margin: 0px 0px 1px 40px;
}

DIV.chat SPAN.salutation-o {
font-weight: bold;
display: block;
border-bottom: 1px solid #CDCDCD;
margin: 0px 0px 1px 40px;
}

ထို့နောက် MMBubblePicture\Contents\Resources\Incoming\Content.html ကို html editor တစ်ခုခုနှင့်ဖွင့်လိုက်ပါ။

<span class=’salutation’>%sender%.. </span>

ကို

<span class=’salutation-i’>%sender% </span>

ဟုပြောင်းလိုက်ပါ။
ထို့နောက် MMBubblePicture\Contents\Resources\ Outgoing\Content.html ကို html editor တစ်ခုခုနှင့်ဖွင့်လိုက်ပါ။

<span class=’salutation’>%sender%.. </span>

ကို

<span class=’salutation-o’>%sender% </span>

ဟုပြောင်းလိုက်ပါ။
Main.css တွင်

DIV.out {
text-align: left;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=’0′,startColorStr=’#FFFEEA’,endColorStr=’#F2F4CC’);
height: 1px;
}

၌ filter တွင် startColorStr နှင့် endColorStr ကို မိမိနှစ်သက်ရာ အရောင်ပြောင်းပါ။ ဒါမှ မဟုတ် မိမိနှစ်သက်ရာ background ထည့်နိုင်ပါတယ်။ကျွန်တော်ကတော့ ဒီလိုပြောင်းလိုက်တယ်။

DIV.out {
text-align: left;
/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=’0′,startColorStr=’#FFFEEA’,endColorStr=’#F2F4CC’);*/
background-image:url(images/outgoing.jpg);
background-repeat:repeat-x;
background-color:#b0d7fb;
height: 1px;
}

DIV.t-o {
background-color: #FFFEEB;
}
DIV.b-o {
background-color: #F1F3CB;
}

တို့တွင်လည်း background-color ကို မိမိပြောင်းထားတာနှင့်လိုက်မည့် အရာင်ကို ပြောင်းလဲနိုင်ပါတယ်။ b က အောက်ဘက်ဖြစ်ပြီး t သည် အပေါ်ဘက်ဖြစ်သည်။
မိမိပြင်ထားသည့်ပုံစံကို gTalk ရဲ့ appearance တွင်ကြည့်နိုင်ပါတယ်။

ပြောင်းပြီး..

DIV.chat SPAN.salutation-o {

font-weight: bold;

display: block;

border-bottom: 1px solid #cdcdcd;
margin: 0px 0px 1px 40px;
}

တွင် border-bottom ၏ color ကို နှစ်သက်ရာပြောင်းပါ။

ကျွန်တော်တို့ Outgoing အတွက် ပြင်ပြီးပါပြီ။

အခု income အတွက်ပြင်ပါမယ်။ ပြင်ရတာ အတူတူပါပဲ ။ DIV.in ကို outgoing ပြင်သလိုပြင်လို့ရပါတယ်။ DIV.t-i, DIV.b-i က မပါလာပါဘူး ။ဒါကြောင့် အဲဒီနှစ်ခု ကို ထပ်ထည့်ပေးရပါတယ်။ DIV.in အောက်မှာ

DIV.t-i {
background-color: #dddcdd;
}
DIV.b-i {
background-color: #dfdfdf;
}

ဆိုပြီး ထပ်ဖြည့်ပါမယ်။ အရောင်ကတော့ မိမိနှစ်သက်ရာပေါ့။ ပြီးရင် DIV.chat SPAN.salutation-i မှာ border-color ကို မိမိ Design နဲ့လိုက်ဖက်သည့် ပုံစံကိုပြောင်းလဲနိုင်ပါတယ်။ ကဲ အခုအားလုံးပြင်ပြီး သွားပါပြီ။ သင့်ရဲ့ Design နဲ့ gTalk ကြည့်လိုက်ပါ။


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Up Next:

MMGSearch

MMGSearch