Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20231001 Rev.8 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 1603|ตอบกลับ: 0

[เพิ่มเติม] [DIY] การทำให้รายการเนื้อหา เช่น ชื่อหัวข้อ รายละเอียด มีสีที่แตกต่างกัน

  [คัดลอกลิงก์]
i~Designs โพสต์ 2016-10-17 14:56:55 |โหมดอ่าน


ตัวแปร DIY แต่ละอย่างจะมีคำอธิบายไว้ ถูกบ้าง มั้วบ้าง ต้องลองใช้งานด้วยตัวเอง
ในภาพตัวอย่างมีรายการเนื้อหาแค่ 10 รายการ มันสามารถทำได้มากกว่านี้ 20 30 40 50 แล้วแต่ต้องการ

โค้ดที่ผมใช้ ก็ตามนี้ ตรงตัวไม่มั่วนิ่ม

  1. [index=1]โค้ดเนื้อหาที่ต้องการ 1[/index]
  2. [index=2]โค้ดเนื้อหาที่ต้องการ 2[/index]
  3. [index=3]โค้ดเนื้อหาที่ต้องการ 3[/index]
  4. [index=4]โค้ดเนื้อหาที่ต้องการ 4[/index]
  5. [index=5]โค้ดเนื้อหาที่ต้องการ 5[/index]
  6. [index=6]โค้ดเนื้อหาที่ต้องการ 6[/index]
  7. [index=7]โค้ดเนื้อหาที่ต้องการ 7[/index]
  8. [index=8]โค้ดเนื้อหาที่ต้องการ 8[/index]
  9. [index=9]โค้ดเนื้อหาที่ต้องการ 9[/index]
  10. [loop]โค้ดเนื้อหาที่ต้องการ 10[/loop]
คัดลอกไปที่คลิปบอร์ด


นำโค้ดที่บอกไปเพิ่มใน admin.php?action=blockstyle&operation=add

โค้ดเนื้อหาที่ต้องการ 1-10 ก็คือโค้ดสำหรับแสดงเนื้อหา คุณต้องเขียนเอง ที่ผมใช้โค้ดเหมือนกันหมด แต่ผมเปลี่ยนแค่โค้ดสีบางส่วน

ตัวอย่างเต็มๆ ที่ผมใช้อยู่

  1. [index=1]
  2.                                                 <div class="data_list">
  3.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  4.                                                                 <div class="data_title_detail">
  5.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #fd3d3d;">{title}</a></div>
  6.                                                                                 <div class="data_detail">{summary}</div>
  7.                                                                 </div>
  8.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #fd3d3d;">{typename}</a></div>
  9.                                                 </div>
  10. [/index]
  11. [index=2]
  12.                                                 <div class="data_list">
  13.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  14.                                                                 <div class="data_title_detail">
  15.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #4c4cff;">{title}</a></div>
  16.                                                                                 <div class="data_detail">{summary}</div>
  17.                                                                 </div>
  18.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #4c4cff;">{typename}</a></div>
  19.                                                 </div>
  20. [/index]
  21. [index=3]
  22.                                                 <div class="data_list">
  23.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  24.                                                                 <div class="data_title_detail">
  25.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #8dc63f;">{title}</a></div>
  26.                                                                                 <div class="data_detail">{summary}</div>
  27.                                                                 </div>
  28.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #8dc63f;">{typename}</a></div>
  29.                                                 </div>
  30. [/index]
  31. [index=4]
  32.                                                 <div class="data_list">
  33.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  34.                                                                 <div class="data_title_detail">
  35.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #f7941d;">{title}</a></div>
  36.                                                                                 <div class="data_detail">{summary}</div>
  37.                                                                 </div>
  38.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #f7941d;">{typename}</a></div>
  39.                                                 </div>
  40. [/index]
  41. [index=5]
  42.                                                 <div class="data_list">
  43.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  44.                                                                 <div class="data_title_detail">
  45.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #bd8cbf;">{title}</a></div>
  46.                                                                                 <div class="data_detail">{summary}</div>
  47.                                                                 </div>
  48.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #bd8cbf;">{typename}</a></div>
  49.                                                 </div>
  50. [/index]
  51. [index=6]
  52.                                                 <div class="data_list">
  53.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  54.                                                                 <div class="data_title_detail">
  55.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #f49ac1;">{title}</a></div>
  56.                                                                                 <div class="data_detail">{summary}</div>
  57.                                                                 </div>
  58.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #f49ac1;">{typename}</a></div>
  59.                                                 </div>
  60. [/index]
  61. [index=7]
  62.                                                 <div class="data_list">
  63.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  64.                                                                 <div class="data_title_detail">
  65.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #31b1e1;">{title}</a></div>
  66.                                                                                 <div class="data_detail">{summary}</div>
  67.                                                                 </div>
  68.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #31b1e1;">{typename}</a></div>
  69.                                                 </div>
  70. [/index]
  71. [index=8]
  72.                                                 <div class="data_list">
  73.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  74.                                                                 <div class="data_title_detail">
  75.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #1cbbb4;">{title}</a></div>
  76.                                                                                 <div class="data_detail">{summary}</div>
  77.                                                                 </div>
  78.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #1cbbb4;">{typename}</a></div>
  79.                                                 </div>
  80. [/index]
  81. [index=9]
  82.                                                 <div class="data_list">
  83.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  84.                                                                 <div class="data_title_detail">
  85.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #827b00;">{title}</a></div>
  86.                                                                                 <div class="data_detail">{summary}</div>
  87.                                                                 </div>
  88.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #827b00;">{typename}</a></div>
  89.                                                 </div>
  90. [/index]
  91. [loop]
  92.                                                 <div class="data_list">
  93.                                                                 <div class="data_img"><a href="{url}" title="{title}"{target}><img src="{pic}" alt="{title}" /></a></div>
  94.                                                                 <div class="data_title_detail">
  95.                                                                                 <div class="data_title"><a href="{url}" title="{title}"{target} style="color: #a67c52;">{title}</a></div>
  96.                                                                                 <div class="data_detail">{summary}</div>
  97.                                                                 </div>
  98.                                                                 <div class="data_category">หมวดหมู่ : <a href="{typeurl}" style="color: #a67c52;">{typename}</a></div>
  99.                                                 </div>
  100. [/loop]
คัดลอกไปที่คลิปบอร์ด


โค้ด
  1. [index1]...[/index1]
คัดลอกไปที่คลิปบอร์ด
สามารถกำหนดได้สูงสุดถึง 9 เท่านั้น เนื้อหาลำดับที่ 10 ขึ้นไปจะต้องใช้ [loop]...[/loop] และตั้งแต่ลำดับที่ 10 ขึ้นไปจะเหมือนกัน เช่น สีชื่อหัวข้อ

แล้วถ้าเนื้อหาที่แสดง มี 30 รายการ และอยากให้มันแตกต่างกันทั้ง 30 รายการ จะทำอย่างไร

ตัวอย่างคร่าวๆ นะครับ

คุณต้องเพิ่มโค้ดที่บอกใน admin.php?action=blockstyle&operation=add

3 ครั้ง แต่ละครั้งก็เขียนโค้ดที่แสดงเนื้อหาให้แตกต่างกัน

และเวลาเพิ่ม DIY ก็เพิ่ม 3 ครั้ง ครั้งที่ 2-3 จะต้องกำหนด จำนวนแถวเริ่มต้นของข้อมูล เพิ่มให้เนื้อหาเรียงกันได้อย่างถูกต้อง

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-3-29 13:58

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้