วิญญาณดิจิตอลของนินคุง

เมื่อราว ๆ สองปีก่อน มาสเตอร์แชมป์ได้เปิดตัว Exteen V. 4.0 พร้อมธีมแบบใหม่หรูหราฟู่ฟ่าแบบที่ทุกคนเห็นในตอนนี้ ซึ่งตัวผมในตอนนั้นเกิดเห่ออยากใช้มั่ง จึงรีบเปลี่ยนไปใช้ธีมใหม่อย่างลวก ๆ กะว่าเดี๋ยวค่อยแต่งเพิ่มน่า.... แต่เอาเข้าจริง ๆ ก็ใช้มันทั้งอย่างงั้นแหล่ะมาสองปีเต็ม! (ธีมเก่าทำเสร็จเมื่อ 17 ตุลาคม 2007 ส่วนธีมใหม่ก็เสร็จ 17 ตุลาคม 2009 วันเดียวกันพอดี )

แนวทางการออกแบบ

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

คอนเซ็ปแรกที่วางไว้ในหัวเลยคือ... "มันต้องใส!" เหตุผลคือ "ถ้าใครใช้ IE6 เข้ามาดูมันจะได้ไม่ใส" ใช่ครับ ธีมใหม่นี้จงใจตลบหลัง IE6 แบบตรงไปตรงมาทีเดียว

แต่เรื่องมันไม่เป็นไปอย่างที่คิด เพราะบังเอิญคนทำธีมต้นฉบับ (คงจะมาสเตอร์แชมป์น่ะแหล่ะ) ใส่โค้ดช่วยให้ IE6 แสดงกรอบแบบโปร่งใสได้ซะงั้น ไอ้ที่ไม่ได้คาดไว้คือความเละ... เละไม่เหลือเลยครับ ก็.. ช่างมันเถอะ ไหน ๆ ก็แปะไว้ตรงมุมขวาบนแล้วว่า BAD view with IE6  ซึ่งข้อความตรงนี้จะเด่นชัดขึ้น (อย่างไม่ได้ตั้งใจ) เมื่อดูด้วย IE6

เพราะถึงจะได้โค้ดมาแฮ็คให้กรอบใส แต่ภาพประกอบอื่น ๆ ไม่ใสไปด้วย

ตอนแรกวางแผนว่าจะทำกรอบเป็นสีดำโปร่งใส แต่ไม่เวิร์คเลยใช้สีขาวแทน โดยส่วน Sidebar จะทำให้ใสน้อยลงหน่อย และส่วนเนื้อหาก็ทำเป็นสีขาวทึบไปเลย เพราะมีภาพประกอบเก่า ๆ ที่อาศัยพื้นหลังสีขาวอยู่ เดี๋ยวมันจะไม่งาม.. ผลก็คือได้ธีมที่เปลียนสีได้ตามพื้นหลังครับ (ไว้เผื่อมีกลุ่มสีใหม่ ๆ ออกมาจะได้เลี่ยงไปสีอื่นง่าย)
 

อันนี้ภาพตอนทดสอบ (ที่ทำขึ้นมาใหม่ ) 

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

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

ใส่ scroll bar ลงไปซะ! โดยจงใจไม่ใส่สีพื้นหลัง ปล่อยลอยแบบนั้นแหล่ะ เท่ห์ดี   สำหรับวิธีทำก็บังเอิญไปเจอในกระทู้นี้

ส่วน Cover หรือที่ทุกคนเรียกกันว่า Head บล็อก ก็เป็นการวาดแบบอะไรเข้าหัวก็เอามาเลย จึงออกมาเป็นตู้คีบตุ๊กตานั่นล่ะ จงใจสื่อว่านินคุงคราวนี้เป็นรุ่นผลิตจำนวนมากนะ   ส่วนชื่อ NinkungZ Refresh! ได้แรงบันดาลใจมาจากไหน ไปค้นหาเอาเอง   สำหรับมาสคอตนินคุงแบบใหม่ จะสาธยายต่างหากในอีกเอ็นทรี่
 

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

อยากได้ก็เซฟไปใช้ได้เลยนะ (แต่จะมีคนเอาไปใช้เร้อ~ เบื่อหมีกันทั้งนั้น)

ทำไมสื่อถึงเสนอข่าวแพนด้าอย่างละเอียดยิบ แต่ไม่ค่อยเสนอข่าวช้าง (ตามที่คนเบื่อหมีคิด)  วิธีคิดมันง่าย ๆ ครับ ลองนึกถึงนกกระจอกที่บินมาเกาะตรงระเบียง ซึ่งมันก็มาเกาะอยู่ทุกวันตั้งแต่คุณยังไม่เกิดแล้ว แต่คุณดันไปเรียกเพื่อนพ้องพี่น้องปู่ย่ามาดู ใครจะสนฟระ!! เผลอ ๆ โดนเบิ๊ดกะโหลกอีกต่างหาก  แต่ถ้านกกระจอกดันมาตายหมู่หน้าระเบียง หรือกำลังใส่เสื้อสีมาชุมนุมกัน  ทุกคนต้องสนใจแน่  นี่แหล่ะครับ ช้างก็เหมือนกัน  ช้างมันอยู่ปกติของมัน มันจะเป็นข่าวไปทำไม ต้องมีอะไรที่เป็นข่าวได้สิ จริง ๆ สื่อก็เสนอข่าวช้างมาเรื่อย ๆ นะครับ ตั้งแต่ก่อนหมีมาอีก  ลองนึกดู คุณจำลูกช้างฝาแฝดได้มั้ยว่าชื่ออะไรบ้าง? (ป่านนี้คงโตกันหมดแล้ว)

ส่วนหมีแพนด้า มันก็เหมือนนกกระจอกเทศมาเกาะระเบียง ต้องแตกตื่นเป็นธรรมดา ไปเรียกคนมาดูเลยครับ ไม่โดนเบิ๊ดกะโหลกแน่ ๆ และถ้ามันดันมาวางไข่ออกลูกด้วย ผมเชื่อว่าใคร ๆ ก็อยากรอดูว่าเมื่อไหร่ไข่จะฟัก แล้วแม่นกกระจอกเทศจะเลี้ยงลูกมันตรงระเบียงอย่างไร  น่าสนใจใช่มั้ย? ถ้าคุณไม่ใช่คนที่สนใจเรื่องแบบนี้ ผมก็เชื่อว่าคุณจะไม่สนใจตามติดชีวิตช้างเช่นกัน  ดังนั้น... อย่ามาอ้างว่ารักช้าง!!

จริง ๆ ทุกครั้งทางสวนสัตว์เชียงใหม่ผุดไอเดียใหม่ ๆ มาจัดงานเกี่ยวกับหมี ผมก็เคืองเหมือนกันนะ ไม่รู้จะหาเรื่องให้คนด่าหมีไปถึงไหน แต่เอาน่ะ ตั้งแต่หมีมารายได้เขา +40% เลยนะ (รายได้นี้ก็เอาไปเลี้ยงสัตว์ทุกตัวน่ะแหล่ะ สวนสัตว์ไทยเคยอยู่ในภาวะขาดทุนเละเทะมานานแล้วนะครับ ตอนนั้นโคตรสงสารสัตว์เลย)

จบแล้ว โปรดติดตามเรื่องราวของนินคุงเวอร์ชั่นใหม่ได้ในโอกาสหน้า 

เอ็นทรี่และกระทู้ที่มีประโยชน์

• [บอร์ด] รวมบล็อกและกระทู้ที่มีประโยชน์
  
  
• [บอร์ด] เกี่ยวกับ #sidebar และ #sidebar 2 (เร่งความเร็วในการโหลดเนื้อหา)
  
  
• [บล็อก] แก้ CSS ให้บล็อกดูเป็นผู้เป็นคนใน IE
  
  
• [บล็อก] โครงสร้าง Theme ของ Exteen อย่างละเอียด