ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.com< กดยุบ (ห้องยกเลิกการใช้งาน)สาระคำถามทั่วไป (ย้ายไป cafe)อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
หน้า: 1 [2]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!  (อ่าน 5614 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
stjames
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 105
ออฟไลน์ ออฟไลน์

กระทู้: 1,178



ดูรายละเอียด
« ตอบ #20 เมื่อ: 03 สิงหาคม 2019, 00:08:04 »

สวัสดีครับ ยังจำ กระทู้นี้ เมื่อ 6 ปีที่แล้วได้ไหมเอ่ย?

ใช่ครับ ผมกลับมาอีกแล้วตามคำเรียกร้องของแฟน ๆ ที่ต้องการปรับแต่งหน้าจอรายชื่อกระทู้ให้แสดงเฉพาะชื่อกระทู้


ก็ไม่พูดพล่ามทำเพลงครับ ครั้งนี้ขอเสนอการปรับแต่ง 4 อย่าง คือ
1. เพิ่มความกว้างให้เต็มหน้าจอของบราวเซอร์
2. ปรับการแสดงผลรายชื่อกระทู้ให้เป็นแบบบรรทัดเดียว
3. ซ่อนกระทู้ที่ไม่สนใจ (จากเดิมจะเห็นเป็นสีจาง)
4. ปรับการแสดงผลกระทู้แนะนำให้เป็นแบบบรรทัดเดียว
  4.1. ปรับกระทู้แนะนำให้เป็นคอลัมน์เดียว


/* For new Pantip */
/* 1. Full width */
.pt-body.with-nav.with-footer .container { max-width: none !important; }

/* 2. Format post list to single-line */
#pt-topic-left ul.pt-list li.pt-list-item { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 16px !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title > h2 { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info { display: inline !important; float: none !important; padding-left: 4px; }
#pt-topic-left ul.pt-list li.pt-list-item a .pt-list-item__img.img-thumbnail { display: none !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info > h5 { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info > h5 > a { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title .pt-list-item__tag { display: none !important; }

/* 3. Hide uninterested post */
#pt-topic-left ul.pt-list li.pt-list-item.pt-list-item_ignored { display: none !important; }

/* 4. Format recommen list to single-line */
ul.pt-list.pt-list-sidebar li.pt-list-item { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 16px !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item a .pt-list-item__img.img-thumbnail { display: none !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title > h2 { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info { display: inline !important; float: none !important; padding-left: 4px; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title .pt-list-item__tag { display: none !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > h5 { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > h5 > a { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > span { display: inline !important; }

/* 4.1. Format recommend list to single-column */
ul.pt-list-sidebar.pt-list__2col li.pt-list-item { width: 100% !important; }

ต้องการใช้อันไหนก็เลือกใส่ตาม Comment เลยนะครับ จากนั้นก็ให้บันทึกไฟล์นี้โดยแต่ละบราวเซอร์มีวิธีการดังนี้

Firefox
- เข้าเมนู Help --> Troubleshooting Information
- คลิกปุ่ม Open Folder (หรือ Open Directory) ที่หัวข้อ Profile Folder (หรือ Profile Directory)
- สร้าง folder ชื่อว่า chrome (ถ้ามีอยู่แล้วก็ข้ามขั้นตอนนี้ไป)
- บันทึกไฟล์ในชื่อ userContent.css โดยเก็บไว้ในไดเรกทอรี chrome
- ปิด และเปิดบราวเซอร์ใหม่

Internet Explorer
- บันทึกไฟล์ในชื่ออะไรก็ได้ที่ไหนก็ได้
- เข้าเมนู Internet Options
- คลิกปุ่ม Accessibility...
- คลิกที่ตัวเลือก Format documents using my style sheet
- คลิกปุ่ม Browse... แล้วเลือกไฟล์ที่บันทึกไว้ข้างต้น

Google Chrome
- ให้ติดตั้ง Extension ชื่อ Personalized Web
- เมื่อติดตั้งเสร็จแล้วเข้าไปกำหนด Options ของ Extension
- คลิกปุ่ม Add new rule
- ในหัวข้อ Match URLs ให้ใส่ ^https://pantip.com/
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้

- ก็อปข้อความข้างต้นใส่ในช่อง Add CSS:
- คลิกปุ่ม Save

สำหรับ Opera ลองดูตาม 14-1 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้
สำหรับ Safari ลองดูตาม 38-1 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้

รายการแก้ไข
- ปรับการแสดงผลแบบเต็มหน้าจอให้มีผลกับเว็บพันทิปเท่านั้น
- เพิ่มคำสั่งสำหรับซ่อนกระทู้ที่ไม่สนใจ
- เพิ่มคำสั่งสำหรับกระทู้แนะนำให้เป็นบรรทัดเดียว (และคอลัมน์เดียว)


คุณต้องการสื่อสารอะไรครับ?
บันทึกการเข้า

ผมไปซื้อกล้วยแขกที่ตลาดนัด
แม่ค้าถามว่า "พี่เอามันมั้ยคะ" 
จะตอบยังไงดี...

อ่านบทความจาก atimeNews อัพเดททุกวัน  + backlink สักเล็กน้อย ~♩ ♪ รับทำเว็บไซต์
smilegroup
ก๊วนเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 226



ดูรายละเอียด
« ตอบ #21 เมื่อ: 03 สิงหาคม 2019, 09:00:12 »

สวัสดีครับ ยังจำ กระทู้นี้ เมื่อ 6 ปีที่แล้วได้ไหมเอ่ย?

ใช่ครับ ผมกลับมาอีกแล้วตามคำเรียกร้องของแฟน ๆ ที่ต้องการปรับแต่งหน้าจอรายชื่อกระทู้ให้แสดงเฉพาะชื่อกระทู้


ก็ไม่พูดพล่ามทำเพลงครับ ครั้งนี้ขอเสนอการปรับแต่ง 4 อย่าง คือ
1. เพิ่มความกว้างให้เต็มหน้าจอของบราวเซอร์
2. ปรับการแสดงผลรายชื่อกระทู้ให้เป็นแบบบรรทัดเดียว
3. ซ่อนกระทู้ที่ไม่สนใจ (จากเดิมจะเห็นเป็นสีจาง)
4. ปรับการแสดงผลกระทู้แนะนำให้เป็นแบบบรรทัดเดียว
  4.1. ปรับกระทู้แนะนำให้เป็นคอลัมน์เดียว


/* For new Pantip */
/* 1. Full width */
.pt-body.with-nav.with-footer .container { max-width: none !important; }

/* 2. Format post list to single-line */
#pt-topic-left ul.pt-list li.pt-list-item { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 16px !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title > h2 { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info { display: inline !important; float: none !important; padding-left: 4px; }
#pt-topic-left ul.pt-list li.pt-list-item a .pt-list-item__img.img-thumbnail { display: none !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info > h5 { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__info > h5 > a { display: inline !important; }
#pt-topic-left ul.pt-list li.pt-list-item .pt-list-item__title .pt-list-item__tag { display: none !important; }

/* 3. Hide uninterested post */
#pt-topic-left ul.pt-list li.pt-list-item.pt-list-item_ignored { display: none !important; }

/* 4. Format recommen list to single-line */
ul.pt-list.pt-list-sidebar li.pt-list-item { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 16px !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item a .pt-list-item__img.img-thumbnail { display: none !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title > h2 { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info { display: inline !important; float: none !important; padding-left: 4px; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__title .pt-list-item__tag { display: none !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > h5 { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > h5 > a { display: inline !important; }
ul.pt-list.pt-list-sidebar li.pt-list-item .pt-list-item__info > span { display: inline !important; }

/* 4.1. Format recommend list to single-column */
ul.pt-list-sidebar.pt-list__2col li.pt-list-item { width: 100% !important; }

ต้องการใช้อันไหนก็เลือกใส่ตาม Comment เลยนะครับ จากนั้นก็ให้บันทึกไฟล์นี้โดยแต่ละบราวเซอร์มีวิธีการดังนี้

Firefox
- เข้าเมนู Help --> Troubleshooting Information
- คลิกปุ่ม Open Folder (หรือ Open Directory) ที่หัวข้อ Profile Folder (หรือ Profile Directory)
- สร้าง folder ชื่อว่า chrome (ถ้ามีอยู่แล้วก็ข้ามขั้นตอนนี้ไป)
- บันทึกไฟล์ในชื่อ userContent.css โดยเก็บไว้ในไดเรกทอรี chrome
- ปิด และเปิดบราวเซอร์ใหม่

Internet Explorer
- บันทึกไฟล์ในชื่ออะไรก็ได้ที่ไหนก็ได้
- เข้าเมนู Internet Options
- คลิกปุ่ม Accessibility...
- คลิกที่ตัวเลือก Format documents using my style sheet
- คลิกปุ่ม Browse... แล้วเลือกไฟล์ที่บันทึกไว้ข้างต้น

Google Chrome
- ให้ติดตั้ง Extension ชื่อ Personalized Web
- เมื่อติดตั้งเสร็จแล้วเข้าไปกำหนด Options ของ Extension
- คลิกปุ่ม Add new rule
- ในหัวข้อ Match URLs ให้ใส่ ^https://pantip.com/
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้

- ก็อปข้อความข้างต้นใส่ในช่อง Add CSS:
- คลิกปุ่ม Save

สำหรับ Opera ลองดูตาม 14-1 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้
สำหรับ Safari ลองดูตาม 38-1 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้

รายการแก้ไข
- ปรับการแสดงผลแบบเต็มหน้าจอให้มีผลกับเว็บพันทิปเท่านั้น
- เพิ่มคำสั่งสำหรับซ่อนกระทู้ที่ไม่สนใจ
- เพิ่มคำสั่งสำหรับกระทู้แนะนำให้เป็นบรรทัดเดียว (และคอลัมน์เดียว)


คุณต้องการสื่อสารอะไรครับ?

คำถาม  คุณต้องการสื่อสารอะไรครับ?
คำตอบ คือผมตอบกระทู้ของคุณครับ หรือ รายการเปลี่ยนแปลงต่างๆของเว็บพันทิป ครับผม
หรืออยากร่วมแสดงความคิดเห็น เชิญได้ที่กระทู้นี้ครับ htดดtps://pantip.com/topic/39104681
บันทึกการเข้า
pay-skn
สมุนแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 857



ดูรายละเอียด
« ตอบ #22 เมื่อ: 03 สิงหาคม 2019, 09:56:26 »

หน้าเวปpantipเข้าช้าขึ้นมาก ดูกระทู้ลำบาก
บันทึกการเข้า

TITIO
คนรักเสียว
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 149



ดูรายละเอียด เว็บไซต์
« ตอบ #23 เมื่อ: 03 สิงหาคม 2019, 18:45:54 »

ทำไมผมรู้สึกว่ามันไม่ค่อยมีอะไรเปลี่ยนเลยแฮะ 555555
บันทึกการเข้า
ลุงชาวสวน
คนรักเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 175



ดูรายละเอียด เว็บไซต์
« ตอบ #24 เมื่อ: 03 สิงหาคม 2019, 21:48:41 »

ที่อยากให้เปลี่ยนครั้งใหญ่เลยก็คือ พวกข้อมูลอะครับ นอกนั้นไม่ต้องไปเปลี่ยนมันหรอก 5555
บันทึกการเข้า

usuniform
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 42



ดูรายละเอียด เว็บไซต์
« ตอบ #25 เมื่อ: 04 สิงหาคม 2019, 11:40:54 »

รอชมเหมือนกันค่ะ พอเปิดตัวมา อ้าวไหงคล้ายเดิมมาก   wanwan044

บันทึกการเข้า

ร้านขายเสื้อกาวน์
รับผลิตชุดยูนิฟอร์ม
รับผลิตชุดทำงาน
ผู้ผลิตชุดยูนิฟอร์มคุณภาพ
http://www.usuniform-asia.com
https://usuniform.business.site/
https://www.facebook.com/UsUniformThailand
kik_iratda
ก๊วนเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 230



ดูรายละเอียด เว็บไซต์
« ตอบ #26 เมื่อ: 05 สิงหาคม 2019, 09:12:35 »

ดูในมือถือสบายตาขึ้น
บันทึกการเข้า

cloudsphere
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 229
ออฟไลน์ ออฟไลน์

กระทู้: 6,198



ดูรายละเอียด เว็บไซต์
« ตอบ #27 เมื่อ: 05 สิงหาคม 2019, 10:01:17 »

เหมือนเป้นแค่ minor update  มากกว่า ใช้แล้วไม่ต่างจากเดิมมาก แต่ก็ดีเพราะชินกับอันนี้มาละ 55
บันทึกการเข้า

taunta talanda
บุคคลทั่วไป
« ตอบ #28 เมื่อ: 14 สิงหาคม 2019, 16:24:11 »

 wanwan019 wanwan019
บันทึกการเข้า
Aoying
Newbie
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 26



ดูรายละเอียด
« ตอบ #29 เมื่อ: 14 สิงหาคม 2019, 19:23:28 »

ไม่เห็นเปลี่ยนเลย wanwan023
บันทึกการเข้า

aoying_titima
weeraya
บุคคลทั่วไป
« ตอบ #30 เมื่อ: 14 สิงหาคม 2019, 19:30:53 »

ข่าวใหม่
บันทึกการเข้า
หน้า: 1 [2]   ขึ้นบน
พิมพ์