ThaiSEOBoard.com

< กดยุบ (ห้องยกเลิกการใช้งาน) => สาระคำถามทั่วไป (ย้ายไป cafe) => ข้อความที่เริ่มโดย: stjames ที่ 01 สิงหาคม 2019, 22:05:24



หัวข้อ: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: stjames ที่ 01 สิงหาคม 2019, 22:05:24
(http://www.atimedesign.com/webdesign/wp-content/uploads/2019/08/pantip2.jpg)

เมื่อสัปดาห์ที่แล้ว เว็บไซต์ Pantip.com ได้ประกาศไว้ว่ากำลังมีการเปลี่ยนแปลงครั้งใหญ่ มีการปรับเปลี่ยนดีไซน์หน้าเว็บไซต์โฉมใหม่ ในวันที่ 1 สิงหาคม คือวันนี้ โดยการเปลี่ยนแปลงครั้งนี้ที่เป็นไฮไลต์ที่เขาบอกก็จะมีอยู่หลักๆเช่น

- ปรับดีไซน์ใหม่ทั้งในรูปแบบของ Desktop และ Mobile
- นำเสนอคอนเทนต์ของแต่ละห้องให้มีความน่าสนใจมากยิ่งขึ้น
- นำ Pantip Trend ออกมาแสดงให้เห็นชัดเจนมากยิ่งขึ้น
- จัดวาง Submenu ใหม่ในการตั้งกระทู้ เพื่อให้ผู้ใช้งานเข้าถึงได้ง่ายมากขึ้น
- ใช้เทคโนโลยีเพื่อช่วยให้การโหลดข้อมูลในรูปแบบ Mobile site เร็วขึ้นกว่าเดิม

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

และอีกอย่างเมื่อวานนี้ก็ได้มีประกาศจากพันทิปว่า วันที่ 1 สิงหาคม เว็บไซต์ Pantip.com จะมีการเปลี่ยนหน้าเว็บโฉมใหม่ ทำให้ไม่สามารถเข้าใช้งานได้ในช่วงเวลา 10.00 -13.00 น. และอาจมีผลทำให้สมาชิกต้องล็อกอินใหม่ แต่จนถึงตอนนี้ก็ยังไม่เห็นเว็บไซต์มีการเปลี่ยนแปลงรูปแบบเว็บหรือดีไซน์ใหม่ และยังสามารถเข้าได้ตามปกติโดยไม่ต้อง login ใหม่แต่อย่างใด

ผู้เขียนคิดว่ามันอาจจะยังอยู่ในช่วงพัฒนา และคงค่อยๆปล่อยไปทีละส่วนอะนะ แต่ทางทีมโปรโมทก็อาจจะโปรโมทกันแรงไป การโปรโมทแบบนี้เหมือนเปลี่ยนใหม่หมดทั้งเว็บ ซึ่งตอนขึ้นโปรโมทเด่นๆ เป็นสีเหลืองนั้นเหมือนจะเห็นกันแค่แป๊บเดียว หรือว่าเอาลงกันแทบไม่ทัน

ปล. สำหรับเพื่อนๆ ถ้าใครเข้าเว็บไซต์ Pantip.com ใหม่แล้วรู้สึกว่ามีการเปลี่ยนแปลงก็ช่วยกันแชร์กันหน่อยนะจ๊ะว่าเปลี่ยนไปตรงไหนอย่างไร เพราะผู้เขียนรู้สึกว่าเข้าไปแล้วทำไมมันเหมือนเดิมล่ะ



เครดิต - https://bit.ly/2YgGq9C


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: wookky ที่ 01 สิงหาคม 2019, 22:37:12
ใช่เลย ตอนแรกนึกว่าจะเปลี่ยนโฉม เข้าไปแล้วรู้สึกเหมือนเดิม
ที่รู้สึกชัดๆ คือ หน้า tag มีเพิ่ม pantip trend  :wanwan019:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: Jaych ที่ 02 สิงหาคม 2019, 06:41:33
พึ่งได้ข่าวเลยเข้ามาดูขอรับ   :wanwan017:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: hangmann2 ที่ 02 สิงหาคม 2019, 07:27:46
เปลี่ยนนิดๆ 55


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: SpaRK ที่ 02 สิงหาคม 2019, 07:48:43
ไม่ได้เล่นเลยครับ นานๆอ่านกระทู้ที่เขาแชร์มาอีกที แต่ส่วนมากก็รู้ๆกันอยู่ว่าแนวไหน


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: mahatang ที่ 02 สิงหาคม 2019, 07:52:35
 ทำไมผมดูยังเหมือนเดิมเลย  :wanwan024:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: tarrekup ที่ 02 สิงหาคม 2019, 08:23:50
ยังเหมือนเดิมนะครับ  :P


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: uscore ที่ 02 สิงหาคม 2019, 08:25:02
ผมว่ายังไม่รู้สึกเปลี่ยนเท่าไหร่  :wanwan004:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: pharaoh_za ที่ 02 สิงหาคม 2019, 09:30:22
ของผมมีเด้งให้ login ใหม่ครับ แต่อกนั้นเหมืนอๆเดิม


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: del555 ที่ 02 สิงหาคม 2019, 10:53:24
แลดูจะเหมือนเดิมหรืปเปล่าครับ


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: Twenty-One ที่ 02 สิงหาคม 2019, 11:00:09
ยังเหมือนเดิม​ครับ


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: น้ำใส ที่ 02 สิงหาคม 2019, 11:14:14
เห็น กท. เลยเข้าไปเช็ค account ยังอยู่ และก็ไม่มีความรู้สึกถึงการเปลี่ยนแปลงครับ


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: smilegroup ที่ 02 สิงหาคม 2019, 12:52:05
สวัสดีครับ ยังจำ กระทู้นี้ เมื่อ 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 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้

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


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: wattasin ที่ 02 สิงหาคม 2019, 14:05:55
เหมือนเดิมเดี้ยเลย 555  :'(


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: snookerpk ที่ 02 สิงหาคม 2019, 16:15:14
เอาที่เจ้เขาสบายใจ เปลี่ยนยังไงหว่าาาาา  :wanwan044:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: Appman ที่ 02 สิงหาคม 2019, 20:34:55
เปลี่ยนไปแต่ตรงเมนูดูสีกลมกลืนดูรกๆขึ้นครับ


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: iPomz ที่ 02 สิงหาคม 2019, 21:16:01
ผมโดนแบนไปนานละ


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: หลานยายปริก ที่ 02 สิงหาคม 2019, 21:59:38
ต้องเข้าไปดูแต่ละห้องจะมีส่วนด้านบนที่เป็นกระทู้แนะนำ กระทู้เทรนด์ ที่แสดงภาพ แสดงแท็กด้วยทำให้ต้องเลื่อนมากกว่าเดิม โหลดกว่าเดิม
ส่วนรายการกระทู้มีโชว์ภาพ โชว์แท็ก(จากเดิมมีแค่หัวกระทู้) ทำให้ช่องแสดงกระทู้กว้างกว่าเดิมแถมดูรกมากกว่าเดิม รวมๆคือผมดูเยอะ ดูรก เหมือนเว็บบอร์ดสมัยก่อน 555+


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: thailesmart ที่ 02 สิงหาคม 2019, 22:55:23
วันที่ปิดปรับปรุงยังไม่ได้เปลี่ยนครับ เพิ่งมาเปลี่ยนวันนี้

บอกเลยว่าตาลายมาก ชื่อกระทู้ ชื่อคนตั้งกระทู้ มันใกล้เคียงกันไปหมด ดูยากมาก

มีกระทู้แนะนำหลายกระทู้แล้วว่า อัพเดทแล้วห่วยลงกว่าเดิม

ผมว่าน่าจะต้องมีการปรับเพิ่มเติมอีกเล็กน้อย ตอนนี้ชื่อกระทู้มันไม่เด่นเลย อ่านยาก


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: BOS ที่ 02 สิงหาคม 2019, 23:03:35
น่าจะปรับปรุงระบบที่ยังไม่ตอบโจทย์ผู้ใช้บ้างเนาะครับ
เช่น
- ให้สามารถลบ bloggang ออกจากหน้า profile ได้ (เผลอลองกดสร้างทีเดียว ติดไปตลอด)
- ให้อัพเดท รูป avatar กับ ชื่อผู้ใช้ ในกระทู้ให้เป็นข้อมูลล่าสุด (ณ ปัจจุบัน ก็ยังใช้ ข้อมูลผู้ใช้ ณ เวลาที่โพสต์ ณ เวลานั้นๆ ไม่อัพเดทข้อมูลที่เปลี่ยนไปใหม่)
- ให้สามารถยกเลิก account ได้ก็ดีนะครับ (เปลี่ยนเป็นเก็บlogข้อมูลอะไรก็ว่ากันไป หากกลัวกรณี account ที่ก่อกวนสร้างปัญหาและลบหนีไป)


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: stjames ที่ 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 ครับ ถ้ามีสมาชิกมายืนยันผมจะเอาขั้นตอนมาใส่ไว้ตรงนี้

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


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


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: smilegroup ที่ 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


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: pay-skn ที่ 03 สิงหาคม 2019, 09:56:26
หน้าเวปpantipเข้าช้าขึ้นมาก ดูกระทู้ลำบาก


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: TITIO ที่ 03 สิงหาคม 2019, 18:45:54
ทำไมผมรู้สึกว่ามันไม่ค่อยมีอะไรเปลี่ยนเลยแฮะ 555555


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: ลุงชาวสวน ที่ 03 สิงหาคม 2019, 21:48:41
ที่อยากให้เปลี่ยนครั้งใหญ่เลยก็คือ พวกข้อมูลอะครับ นอกนั้นไม่ต้องไปเปลี่ยนมันหรอก 5555


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: usuniform ที่ 04 สิงหาคม 2019, 11:40:54
รอชมเหมือนกันค่ะ พอเปิดตัวมา อ้าวไหงคล้ายเดิมมาก   :wanwan044:



หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: kik_iratda ที่ 05 สิงหาคม 2019, 09:12:35
ดูในมือถือสบายตาขึ้น


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: cloudsphere ที่ 05 สิงหาคม 2019, 10:01:17
เหมือนเป้นแค่ minor update  มากกว่า ใช้แล้วไม่ต่างจากเดิมมาก แต่ก็ดีเพราะชินกับอันนี้มาละ 55


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: taunta talanda ที่ 14 สิงหาคม 2019, 16:24:11
 :wanwan019: :wanwan019:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: Aoying ที่ 14 สิงหาคม 2019, 19:23:28
ไม่เห็นเปลี่ยนเลย :wanwan023:


หัวข้อ: Re: อ้าวเฮ้ย! ไหนบอกว่าพันทิปจะมีการเปลี่ยนแปลงเว็บครั้งใหญ่ ปรับโฉมเว็บใหม่!!
เริ่มหัวข้อโดย: weeraya ที่ 14 สิงหาคม 2019, 19:30:53
ข่าวใหม่