[DIY] การทำให้รายการเนื้อหา เช่น ชื่อหัวข้อ รายละเอียด มีสีที่แตกต่างกัน
ตัวแปร DIY แต่ละอย่างจะมีคำอธิบายไว้ ถูกบ้าง มั้วบ้าง ต้องลองใช้งานด้วยตัวเอง
ในภาพตัวอย่างมีรายการเนื้อหาแค่ 10 รายการ มันสามารถทำได้มากกว่านี้ 20 30 40 50 แล้วแต่ต้องการ
โค้ดที่ผมใช้ ก็ตามนี้ ตรงตัวไม่มั่วนิ่ม
โค้ดเนื้อหาที่ต้องการ 1
โค้ดเนื้อหาที่ต้องการ 2
โค้ดเนื้อหาที่ต้องการ 3
โค้ดเนื้อหาที่ต้องการ 4
โค้ดเนื้อหาที่ต้องการ 5
โค้ดเนื้อหาที่ต้องการ 6
โค้ดเนื้อหาที่ต้องการ 7
โค้ดเนื้อหาที่ต้องการ 8
โค้ดเนื้อหาที่ต้องการ 9
โค้ดเนื้อหาที่ต้องการ 10
นำโค้ดที่บอกไปเพิ่มใน admin.php?action=blockstyle&operation=add
โค้ดเนื้อหาที่ต้องการ 1-10 ก็คือโค้ดสำหรับแสดงเนื้อหา คุณต้องเขียนเอง ที่ผมใช้โค้ดเหมือนกันหมด แต่ผมเปลี่ยนแค่โค้ดสีบางส่วน
ตัวอย่างเต็มๆ ที่ผมใช้อยู่
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #fd3d3d;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #fd3d3d;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #4c4cff;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #4c4cff;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #8dc63f;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #8dc63f;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #f7941d;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #f7941d;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #bd8cbf;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #bd8cbf;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #f49ac1;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #f49ac1;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #31b1e1;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #31b1e1;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #1cbbb4;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #1cbbb4;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #827b00;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #827b00;">{typename}</a></div>
</div>
<div class="data_list">
<div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
<div class="data_title_detail">
<div class="data_title"><a href="{url}" title="{title}"{target} style="color: #a67c52;">{title}</a></div>
<div class="data_detail">{summary}</div>
</div>
<div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #a67c52;">{typename}</a></div>
</div>
โค้ด ... สามารถกำหนดได้สูงสุดถึง 9 เท่านั้น เนื้อหาลำดับที่ 10 ขึ้นไปจะต้องใช้ ... และตั้งแต่ลำดับที่ 10 ขึ้นไปจะเหมือนกัน เช่น สีชื่อหัวข้อ
แล้วถ้าเนื้อหาที่แสดง มี 30 รายการ และอยากให้มันแตกต่างกันทั้ง 30 รายการ จะทำอย่างไร
ตัวอย่างคร่าวๆ นะครับ
คุณต้องเพิ่มโค้ดที่บอกใน admin.php?action=blockstyle&operation=add
3 ครั้ง แต่ละครั้งก็เขียนโค้ดที่แสดงเนื้อหาให้แตกต่างกัน
และเวลาเพิ่ม DIY ก็เพิ่ม 3 ครั้ง ครั้งที่ 2-3 จะต้องกำหนด จำนวนแถวเริ่มต้นของข้อมูล เพิ่มให้เนื้อหาเรียงกันได้อย่างถูกต้อง
หน้า:
[1]