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 ဖြည့်ထည့်လိုက်ပါ။
font: 12px Zawgyi-One,Arial;
}
DIV.chat SPAN.salutation{….} တစ်ခုလုံးကို copy ကူးပြီး paste လုပ်လိုက်ပါ။ ထို့နောက် နောက်တွင် -i နှင့် -o ဖြည့်ထည့်လိုက်ပါ။
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 တစ်ခုခုနှင့်ဖွင့်လိုက်ပါ။
ကို
ဟုပြောင်းလိုက်ပါ။
ထို့နောက် MMBubblePicture\Contents\Resources\ Outgoing\Content.html ကို html editor တစ်ခုခုနှင့်ဖွင့်လိုက်ပါ။
ကို
ဟုပြောင်းလိုက်ပါ။
Main.css တွင်
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;
}
background-color: #FFFEEB;
}
DIV.b-o {
background-color: #F1F3CB;
}
တို့တွင်လည်း background-color ကို မိမိပြောင်းထားတာနှင့်လိုက်မည့် အရာင်ကို ပြောင်းလဲနိုင်ပါတယ်။ b က အောက်ဘက်ဖြစ်ပြီး t သည် အပေါ်ဘက်ဖြစ်သည်။
မိမိပြင်ထားသည့်ပုံစံကို gTalk ရဲ့ appearance တွင်ကြည့်နိုင်ပါတယ်။
ပြောင်းပြီး..
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 အောက်မှာ
background-color: #dddcdd;
}
DIV.b-i {
background-color: #dfdfdf;
}
ဆိုပြီး ထပ်ဖြည့်ပါမယ်။ အရောင်ကတော့ မိမိနှစ်သက်ရာပေါ့။ ပြီးရင် DIV.chat SPAN.salutation-i မှာ border-color ကို မိမိ Design နဲ့လိုက်ဖက်သည့် ပုံစံကိုပြောင်းလဲနိုင်ပါတယ်။ ကဲ အခုအားလုံးပြင်ပြီး သွားပါပြီ။ သင့်ရဲ့ Design နဲ့ gTalk ကြည့်လိုက်ပါ။
Leave a Reply