Skip to content

Categories:

Posts tagged by css

เล็กเกินมาตรฐาน -- ขยายขนาด font ของ facebook ให้ใหญ่ขึ้น

facebook ปรับหน้าตาใหม่นิดหน่อย พาเอาปวดตา เพราะ font บางจุดเช่นใน post ของแต่ละคนที่อยู่ใน feed จะเป็นขนาดเล็ก (11px) ซึ่งถ้าเป็นภาษาอังกฤษก็ยังโอเค แต่ภาษาไทย 11 px มันเล็กไป ไม่ได้มาตรฐานชายไทย

เล่นเอาปวดตา

ไม่พูดพล่ามทำเพลง วันนี้จะมาสอนเรื่องการปรับหน้าตา facebook ใน firefox ให้ font มันใหญ่ขึ้นครับ

ก่อนอื่น สร้างไฟล์ css ชื่อ userContent.css ขึ้นมาครับ
โดยเนื้อหาของไฟล์มีดังนี้

@-moz-document domain(facebook.com) {
 .uiStream .actorName,.uiStream .uiStreamMessage .messageBody {
  font-size: 13px;
 }
}



ถ้าทำไม่เป็น ก็ดาวโหลดเอา ตรงนี้ คลิก

จากนั้นได้ฟายเอ๊ยไฟล์แล้ว ก็เอาไปใส่ไว้ใน Firefox profile directory ครับ
อยู่ไหน? ไปที่ Help > Troubleshooting Information ครับ จะเห็น ปุ่ม Open Containing Folder ครับ กดโลด
กดเข้าไปแล้วให้เข้าไปใน folder ชื่อ chrome ครับ (จริงๆ ไม่ได้โม้) เอาไฟล์ของเราไปใส่ไว้ตรงนี้ แล้วก็ restart Firefox ครับ

font ก็จะกลายเป็น 13px ครับ ถ้าใครเข้าใจ css ก็ลองแก้นู่นแก้นี่ในไฟล์ได้ครับ

อันนี้สำหรับ firefox เท่านั้น browser อื่นๆก็น่าจะทำได้เช่นกัน ลอง search หา custom css ตามด้วยชื่อ browser ดูครับ

เพราะ facebook เปลี่ยนแปลงบ่อย พรุ่งนี้ css นี้อาจใช้ไม่ได้แล้ว ก็ให้ไปแก้เอานะครับ สงสัยก็กริ๊งกร๊างมา

เพิ่มเติม ขำๆ :

@-moz-document domain(google.co.th) {
 #logo {
  background: 
url("http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs468.snc4/49310_687080324_2590281_n.jpg") 
no-repeat scroll 0 0 transparent !important;
  width : 162px !important;
  height : 257px !important
 }
}

Posted in Blog Tutorial