Car for Life

หมวดไฟฟ้าทั่วไป อิเล็กทรอนิกส์ คอมพิวเตอร์ => ห้องคอมพิวเตอร์ => SMF => ข้อความที่เริ่มโดย: Auto Car ที่ 15 ธันวาคม 2023, 06:37:33

หัวข้อ: การปรับแต่งธีมของบอร์ดเอสเอ็มเอฟ
เริ่มหัวข้อโดย: Auto Car ที่ 15 ธันวาคม 2023, 06:37:33

 1. แนะนำธีดีฟอลต์กันก่อน
https://select2web.com/theme-smf-default-theme-curve/

2. ใส่รูปBackground smf
http://pordoo.com/themes/background-smf/

อ้างถึง

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]

หัวข้อ: Re: การปรับแต่งธีมของบอร์ดเอสเอ็มเอฟ
เริ่มหัวข้อโดย: Auto Car ที่ 15 ธันวาคม 2023, 07:12:38

 - ภาพพื้นหลังเวคเตอร์
http://www.fordesigner.com/maps_list/list6-2.htm