Welcome, Guest. Please login or register.
Did you miss your activation email?

ห้างหุ้นส่วนจำกัด วี.อาร์.คอม ก็อบปี้ปริ้นเตอร์เซอร์วิส
V.R. Copyprinter Service Part.,Ltd.

7/8 ม.2 เพชรเกษม112 ถ.เพชรเกษม  แขวงหนองค้างพลู เขตหนองแขม กรุงเทพฯ 10160

Share this topic on FacebookShare this topic on Del.icio.usShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Author Topic: การแก้ไขสีบาร์และเมนูของบอร์ด SMF (เซียวเหล่งนึ่งฯ)  (Read 4138 times)

0 Members and 1 Guest are viewing this topic.

Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0
การแก้ไขสีบาร์และเมนูของบอร์ด SMF

ประโยชน์  
บอร์ดที่ต้องการความสเถียร และไม่ต้องการเปิดช่องว่างให้พวกสคริปก่อกวน ป๊อปอัพต่างๆ รวมถึงแฮ็คเว็บทั้งหลาย
ส่วนใหญ่แล้วจะใช้ธีมมาตรฐาน  เพราะการใช้ธีมแปลกๆ ก็เป็นส่วนหนึ่งของปัญหาข้างต้น  
แต่เพื่อความสวยงามและเอกลักษณ์ของบอร์ดก็มักจะทำการแก้สีบาร์
ยกตัวอย่าง  บางเว็บเช่น
com-th.net, justusers.net

ส่วนที่จะต้องทำการแก้ไข
- ไฟล์รูปภาพใน Themes\default\images
- แก้ไขโค๊ดไฟล์ style.css


ธีมมาตรฐาน
ซึ่งปกติบาร์ของบอร์ดจะเป็นสีฟ้าตามมาตรฐานเอสเอ็มเอฟ  




ทีนี้เราจะเปลี่ยนสีของบาร์ให้เป็นสีส้มๆแกมเหลือง  
เมื่อเราแตกไฟล์ซิปติดตั้งเอสเอ็มเอส  ทำการติดตั้งเป็นที่เรียบร้อยแล้ว
ทำการก็อบปี้โฟลเดอร์  Themes\default\images แยกออกมาก่อน เพื่ออจะได้ไม่กระทบต่อต้นฉบับ

ทำการแก้สีไฟล์ภาพต่อไปนี้ด้วยโฟโตช็อป
catbg2.jpg
catbg.jpg
collapse.gif
expand.gif
helptopics.gif
maintab_active_back.gif
maintab_active_first.gif
maintab_active_last.gif
maintab_back.gif
maintab_first.gif
maintab_last.gif
mirrortab_active_back.gif
mirrortab_active_first.gif
mirrortab_active_last.gif
mirrortab_back.gif
mirrortab_first.gif
mirrortab_last.gif
modtab_back.gif
modtab_first.gif
modtab_last.gif
titlebg.jpg
topbg.jpg
upshrink2.gif
upshrink.gif

ตัวอย่างการแก้สีด้วยโฟโตช็อป

ไฟล์ส่วนใหญ่ นามสกุล.gif ซึ่งเป็นโหมดไฟล์อินเด็ก จะไม่สามารถทำการแก้ไขได้  
เราจะต้องทำการเปลี่ยนโหมดไฟล์เสียก่อน   อิมเมจ -- โหมด -- อาจีบี









ตอนที่เลือกเซฟนั้น อย่าเปลี่ยนชื่อไฟล์โดยเด็ดขาด
เมื่อเราแก้ไฟล์ทั้งหมดแล้วจะได้หน้าตาประมาณนี้



จากนั้นทำการอัพโหลดไฟล์ทั้งหมดที่แก้ไข  ไปทับไว้ที่   Themes\default\images



เข้าไปดูบอร์ดของเราทางเว็บเบราว์เซอร์  สีของบอร์ดจะเปลี่ยนไป  ถ้าไม่เปลี่ยนให้กด คอนโทรล+เอฟ5

ถึงสีบอร์ดจะเปลี่ยนแต่เมื่อลองพรีวิวแล้วยังมีหลายอย่างที่ขัดกับสีบาร์ ไม่ได้อยู่ในโทนสีเดียวกัน
เช่น  พื้นหลัง พื้นกรอบ ตัวหนังสือ  เส้น  



เหล่านี้สามารถแก้ไขได้จากไฟล์ style.css

ตามนี้
ขอถามเพิ่มครับเกี่ยวกับเปลี่ยนสี theme บอร์ด  (LittleCat)
http://www.justusers.net/forum/index.php?topic=386.0

เว็บแนะนำโค๊ดสี
http://www.colorschemer.com/online.html

เมื่อเราแก้ไขไฟล์ style.css  เป็นที่เรียบร้อยแล้ว
จะได้หน้าตาบอร์ดตามเฉดสีที่เราต้องการ