ตกแต่งหน้าเว็บด้วยสคริปต์

กระทู้นี้จะนำเสนอการเปลี่ยนหน้าตาของเว็บสภากาแฟ (เฉพาะส่วนบน) ให้ดูไฉไลกว่าเดิม โดยเอารูป นร. หญิง ม. ปลายมาแทนที่ แบบนี้

ทำได้จริงอ้ะ จริงครับ ไม่ยากหรอก ตามผมมาเลย

 

ก่อนอื่นก็ต้องเตรียมเครื่องไม้เครื่องมือ ก็ไม่มีอะไรมาก แค่ไฟร์ฟอกซ์ web browser และการเชื่อมต่ออินเตอร์เน็ตก็พอแล้ว browser อื่น ๆ ใช้ได้รึเปล่า ไม่แน่ใจครับ เท่าที่อ่านดู chrome นี่เขาก็ใช้ script แบบนี้ได้เหมือนกันนะ ถ้าใครใช้ก็ลองกันเอาเอง

พอติดตั้งไฟร์ฟอกซ์แล้วก็ไปหน้านี้ครับ https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ เพื่อติดตั้ง addon ที่ชื่อ greasemonkey ซึ่งจะทำให้เราสามารถติดตั้งสคริปต์เพื่อเพิ่มฟังชั่นการทำงานของ browser ได้อย่างหลากหลาย ในกระทู้นี้เราจะใช้เพื่อดัดแปลงหน้าตาของเว็บให้ดูแปลกออกไป

หลังจากติดตั้งแล้วก้อ restart ไฟร์ฟอกซ์หนึ่งครั้ง แล้วก็ติดตั้ง script ที่ผมเตรียมมา (cafe_top_k-on.user.js) เท่านี้ก็ได้ละ

แนบไฟล์ไม่ได้แฮะ ถ้างั้นก้อ...
copy ข้างล่างนี่ไปใส่ใน text editor แล้ว save หลังจากนั้น rename เป็น cafe.user.js

ส่วนการติดตั้ง script ก็คลิกที่ File > Open file... แล้วเลือกไฟล์ script ที่เพิ่งเซฟไป

 

สคริปต์ข้างล่างนี่เอาไว้เพิ่มรูปแบ็กกราวด์ เป็นรูปขนมไทยากิ ชาเขียว สาวหูแมว ฯลฯ

 

สคริปต์นี้เปลี่ยนส่วนบนของเว็บเป็นรูปตัวละครหลักทั้ง 5 คน จากเรื่อง Girls und Panzer

ถ้าใช้สคริปต์อันเก่าอยู่ก็ remove ออกก่อนนะครับ

 

คลิปที่เกี่ยวข้อง เป็นการร้องเพลงของเซยู (声優 = นักพากย์)

อะนิเมะเรื่องที่ดัง ๆ นี่สามารถเอามาต่อยอด สร้างมูลค่าทางเศรษฐกิจได้มากมายเลยเชียว