ผู้เขียน หัวข้อ: การจัดการcssในsmf  (อ่าน 1866 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
การจัดการcssในsmf
« เมื่อ: 25 สิงหาคม 2015, 11:46:30 »
การจัดการซีเอสเอส มีส่วนสัมพันอยู่ คือต้องรู้ว่าจุดที่จะแก้อยู่ไฟล์ไหนของเทมเพลท (ต้องใช้ประสบการณ์ทั้งนั้นเลย)
ตัวอย่าง ....
หน้าแรกโดยรวม คือ อินเด็กเทมเพลท   
หน้ารวมบอร์ด  บอร์ดอินเด็กเทมเพลท
หน้ารวมกระทู้  เมสเสจอินเด็กเทมเพลท
หน้าแสดงกระทู้  ดีสเพลย์เทมเพลท
หน้ารายละเอียดบุคคล  โปรไฟล์เทมเพลท
หน้าลงทะเบียน รีจีสเตอเทมเพลท 

เมื่อรู้ว่าจุดที่จะแก้อยู่ไฟล์ไหนก็เข้าไปหาโค๊ดในส่วนนั้น 

1. คลาสต่างๆที่ถูกบังคับลงในโค๊ดธีม เช่น  <td class="catbg">   
ก็หมายถึงว่า  คอลัมภ์นี้ให้แสดงผลตามคลาส  catbg
เราก็ไปหาในไฟล์  style  ดูว่า  catbg  มีค่าสีอะไร กว้างยาวยังไง  หรือมีพื้นหลังเป้นรูปภาพไฟล์ไหน
จากนั้นก็จัดการแก้ตามที่เราพอใจ   ถ้าเกิดเป็นรูปภาพ   เช่น background: url(images/catbg.jpg) #88A6C0 repeat-x;
เราก็ไปแก้รูปที่  images/catbg.jpg   แล้วอัพโหลดรูปทับของเดิม 

2. บางครั้งการแก้สไตล์แบบนี้จะมีผลกระทบมาก เพราะคลาส 1 ตัว บางทีอาจจะใช้นับสิบจุดในหน้าเว็บ
แต่เราต้องการแค่ ตรงนี้ ก็แก้ได้โดยการเพิ่มคลาสใหม่เข้าไป  เช่น   <td class="catbg-2">
จากนั้นไปสร้างคลาสในไฟล์สไตล์  catbg-2  โดยก็อบโค๊ดต้นแบบมาจากคลาสเดิมได้

ที่มา:http://www.justusers.net/forum/index.php/topic,11669.msg42564.html#msg42564