ผู้เขียน หัวข้อ: การปรับแต่งธีมของบอร์ดเอสเอ็มเอฟ  (อ่าน 1380 ครั้ง)

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

ออฟไลน์ Auto Car

  • Administrator
  • Hero Member
  • *
  • กระทู้: 5020
    • ดูรายละเอียด
การปรับแต่งธีมของบอร์ดเอสเอ็มเอฟ
« เมื่อ: 15 ธันวาคม 2023, 06:37:33 »
 1. แนะนำธีดีฟอลต์กันก่อน
You are not allowed to view links. Register or Login

2. ใส่รูปBackground smf
You are not allowed to view links. Register or Login

อ้างถึง
1.ไปที่\Themes\default\images\theme
เปลี่ยนชื่อไฟล์backdrop.png

2.ให้นำรูปที่ต้องการใช้ ตั้งชื่อเป็นbackdrop.png
แล้วนำขึ้นไปไว้แทน

3.เปิดไฟล์index.css ใน Themes\default\css
ค้นหา :

โค๊ด: You are not allowed to view links. Register or Login
/* Set a fontsize that will look the same in all browsers. */
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

ตรงbackground: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
อาจเพิ่มfixed ต่อท้าย เป็น
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x fixed;
เพื่อที่เวลา scroll ขึ้น-ลง แล้ว background ไม่เลื่อนตาม


background: #xxxxxx url(images/filename.extinsion) bottom fixed repeat-x;
อธิบาย: Selections background
Properties:
#xxxxxx = ค่าสีเป็นเลขฐาน 16
url = ที่อยู่ของรูปที่นำมาเป็นพื้นหลัง
bottom = กำหนดให้อยู่ส่วนล่างของหน้าต่างเบราว์เซอร์ (มีคุณสมบัติเป็น top, center and bottom)
fixed = กำหนดให้อยู่กับที่ไม่เลื่อนตามสกอลล์บาร์
repeat-x = ให้ทำซ้ำรูปพื้นหลังไปในแนวนอน (มีคุณสมบัติเป็น repeat-x, repeat-y and no-repeat)

ตัวอย่างด้านบนเขียนแบบกระทัดรัด หากเขียนเต็มจะเป็นแบบนี้
background-image: url(images/bgx.png);
   background-repeat: repeat-x;
   background-attachment: fixed;
   background-position: bottom;

แต่การเขียนแบบด้านบน ไม่ต้องประมวลผลซ้ำซ้อน โหลดเร็ว!
แทนที่จะประมวลผลถึง 4 selections กลับประมวลผลแค่ selections[/size]
« แก้ไขครั้งสุดท้าย: 15 ธันวาคม 2023, 06:56:28 โดย Auto Car »

ออฟไลน์ Auto Car

  • Administrator
  • Hero Member
  • *
  • กระทู้: 5020
    • ดูรายละเอียด
Re: การปรับแต่งธีมของบอร์ดเอสเอ็มเอฟ
« ตอบกลับ #1 เมื่อ: 15 ธันวาคม 2023, 07:12:38 »
 - ภาพพื้นหลังเวคเตอร์
You are not allowed to view links. Register or Login