6/04/2016

Mod Thunderbird : CSS Chome and Dom Inspector.

1. เปิดโปรแกรม Thunderbird เข้าไปที่ Menu Tools ---> Add-ons แล้วค้นหา Dom Inspector
2. เปิดโปรแกรม Dom Inspector เข้าไปที่ Menu Tools ---> Dom Inspector หรือกด Ctrl+Shift+l
3. ที่โปรแกรม Dom Inspector เข้าไปที่ File --> Inspect Chrome Document  --> Inbox-Mozilla Thunderbird
4. คลิกตรง ลูกศร เมาส์ชี้รูปกลม ๆ ตามเพื่อเลือกที่ต้องการดู Class
5. มาคลิกที่ ชื่อ หรือ object ใน Thunderbird ที่เราต้องการเปลี่ยนเพื่อดูชื่อ Class  หรือ ID บางทีต้องใช้คู่กันทั้งสองอัน
6. สร้าง Folder ชื่อ chrome ใน Folder .default ของ Local Directory ของ Thunderbird.
7. สร้าง File userChrome.css ใน Folder chrome ในข้อ 7.
8. ใส่ Code
[code=text]/* This Value (. is class) , (# is ID) See in DOM Inspector */
#expandedfromBox.emaillabel{
   font-size: 16px;
   color: red;
   font-style: oblique;
}[/code]
.emaillabel คือ Class หรือ ID ที่ได้จาก โปรแกรม Dom Inspector ในข้อ 5.
9. Save และปิด Thunderbird แล้วเปิดใหม่ดูผลลัพธ์


file Chrome : [attachment=0]chrome.zip[/attachment]


No comments:

Post a Comment