drupal themes : summary (ของ Drupal 4.7)

Topic: 
 

basett

ธีมนี้เกิดจากปัญหาลิขสิทธิ์ของธีมใน Drupal Themes ว่าส่วนใหญ่จะมีลิขสิทธิ์ในทำนองว่า เราต้องบอกว่าธีมนี้มาจากไหน และต้องโยงเครดิตไปหาผู้พัฒนา ซึ่งบางทีเราแก้ธีมเสียจนแทบไม่มีเค้าเดิม อีกประการหนึ่งคือ ธีมที่เป็นที่นิยม มักมีการดัดแปลงมาจาก cms อันอื่น (เช่น Wordpress) จึงทำให้ชื่อสไตล์ไม่คล้องกับธีมของ drupal เอง ทำให้งง

จึงเป็นเหตุให้พัฒนาธีมแบบง่าย ๆ สำหรับเป็นฐานที่จะพัฒนาต่อยอดออกไป โดยที่ไม่ต้องกังวลกับเรื่องลิขสิทธิ์เดิมอีกต่อไป เพราะเอาต้นแบบมาจาก bulemarine แต่ตัดส่วนของ <table> ทิ้งไป ใช้แท็ก <div> เข้ามาแทน

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

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

update: 2006-10-31 ปรับปรุงให้ใช้งานได้จริง

Download basett (2006-10-31)


blueboxie

ขมายมาจาก bluemarine ( ธีมตั้งต้นของ drupal ) แต่งนิดหน่อย ลบสีเทาด้านซ้ายขวาออก เพิ่มสีน้ำเงินและฟ้าตรึม
ที่เหลือแทบจะไม่ได้แตะต้องอะไร คงใช้งานได้เหมือน bluemarine น่ะ

Download blueboxie (2006-07-30)


bluebox2

เอามาจาก bluemarine เหมือนกัน แต่ได้ความคิดเรื่องสีและรูปแบบจาก www.stopdesign.com

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

Download bluebox2 (2006-08-03)
screenshot


bluebox3

เมื่อได้ลองใช้ tableblue กับ IE แล้ว พบว่าแสดงผลเพี้ยนมาก เลยต้องกลับมาหาตารางเหมือนเดิม เลยเอา bluebox2 มาล้างใหม่ แก้ปัญหาตารางล้นจอ แล้วอีกแต่งนิดหน่อย

Download bluebox3 (2006-08-06)

สำหรับธีมนี้ ลองแล้ว แสดงผลรวดเร็วดี เลยแต่งสีน้ำตาลพ่วงมาด้วย เผื่อได้ไช้เอง


palapanyo2

ปรับได้ทั้ง 2 และ 3 คอลัมน์ เหมือนเดิม

ทำเสร็จวันแม่พอดี ดูร้อนไปหน่อย เพราะตั้งใจจะให้เอารูปมาใส่ตรงส่วนหัว

เหลือข้อผิดพลาดกับ IE นิดหน่อย แต่ก็พอดูได้ (เว็บดัง ๆ ยังมีเลย นับประสาอะไรกับเราเนอะ :P )

Download palapanyo2 (2006-08-12)

palapanyo3

ตกแต่งให้ดูร้อนน้อยลง

แก้ข้อผิดพลาดกับ IE เรื่องสีล้น ด้วยการบังคับขอบคงที่

Download palapanyo3 (2006-08-19)

palapanyo4

พยายามประณีประนอมหลาย ๆ อย่างเข้าด้วยกัน

เนื้องจากต้องการความเข้ากันได้กับ IE รุ่นเก่า จึงใช้แท็ก <table> แทน

เติมความสามารถในการแสดงภาพแบบสุ่ม บวกการเปลี่ยนการแสดงผลแบบจางหาย ดังนั้น ธีมนี้จึงต้องเอาไปแก้ไขโค๊ดภายในเอาเองอีกมาก ไม่ใช่ธีมที่แตกไฟล์แล้วใช้ได้เลย

ภายในมีโค๊ดจาวาสคริปต์ (AJAX) ที่ไม่เกี่ยวกับธีมอยู่ด้วย แต่ขอเก็บรวมไว้ด้วยกัน เพราะขี้เกียจแยกน่ะ

Download palapanyo4 (2006-08-30)

palapanyo5

เอาต้นแบบจากธีม basett

พยายามทำให้ดูเรียบ โล่ง หรูเล็กน้อย

เป็นธีมแบบ fluid width ทั้งสามคอลัมน์ และบังคับว่าต้องมีคอลัมน์ขวา เพราะดัน secondary links และ search box รวมทั้ง mission ลงมาที่ sidebar ทางขวา

(เนื่องจากธีมที่จะใช้งานจริง จะนำรูปไปใส่ตรงนั้น จึงต้องทำส่วน header ให้โล่ง ๆ)

และก็เหมือนเดิม คือ IE แสดงไม่ค่อยดีนัก

Download palapanyo5 (2006-09-27)

palapanyo6

ธีมนี้เกิดจากการศึกษาการทำ tab แบบขอบมน เอาฐานจากธีม basett ลอกหน้าตาจากหลายแห่งมาประชุมกัน เพื่อจะทำให้ใช้กับ drupal-4.7

ธีมที่ทำหลัง ๆ มานี่ พยายามทำให้สามารถปรับได้ทั้ง 2 และ 3 คอลัมน์

ค่อนข้างตั้งใจทำมาก เพราะจะเอาไปใช้จริง แต่ก็ต้องยังมีข้อผิดพลาดอยู่อย่างแน่นอน

Download palapanyo6 (2006-12-14)

ข้อคิดที่ได้จากการทำธีมนี้

  • ทำไม IE7 มันถึงไม่ยอมรองรับ CSS2 ซะที
  • เขาก็มีข้อกำหนดมาให้ตั้งเยอะแยะ ทำไมถึงเขียนให้ใช้กับ IE7 ไม่ได้ ?
  • ทำไม น้ำถึงเชี่ยวยังงี้วะ
  • พายเรือยังไง ถึงผ่านน้ำเชี่ยวแค่นี้ไม่ได้ ?

storyteller

เหล้าเก่าในขวดใหม่ ขยายมาจาก tashmina อีกที ปรับนิดเดียว

Download storyteller (2006-08-01)

storyglass

แถมอีกหน่อยนึง ทำเป็นบล๊อกพื้นใส แต่ว่า... IE ดูไม่จืด :P

Download storyglass (2006-08-01)


tableblue

เอารูปแบบมาจาก bluebox2 แต่พยายามจะแก้ปัญหาตารางล้น ด้วยการใช้แท็ก <div> แทนตารางแบบเดิม แล้วแก้ปัญหาสีตารางด้วยการใช้ภาพพื้นหลังเป็นไฟล์ gif

แสดงได้ 3 คอลัมน์ ถ้าแสดงเพียง 2 คอลัมน์ จะชดเชยสายตาด้วยคอลัมน์ว่าง

การแสดงผลใน konqueror ช้า เนื่องมาจากการแสดงภาพพื้นหลังเป็นเปอร์เซนต์ การแสดงผลใน IE เพี้ยนมาก

Download tableblue (2006-08-06)
screenshot


table2

แก้ปัญหาแการแสดงผลช้า ด้วยการกำหนดคอลัมน์ซ้ายขวาให้ความกว้างคงที่

การแสดงผลใน konqueror เร็วกว่าเดิมมาก ๆ (แต่ยังช้ากว่าแบบใช้ตาราง) การแสดงผลใน IE เรื่อง overflow:auto เพี้ยน ดันขอบขวาตกจอ

Download table2 (2006-08-08)

นอกจากสีฟ้าแล้วยังทำสีน้ำตาล



และสีเขียวด้วย


table3

ใช้หลักการเดิมของ table2 มาปรับแต่ง เลือกใช้สีจากสีตั้งต้นคือ #112266 เอามาปรับเปอร์เซนต์ความใสใน gimp แล้วเอาสีมาตัดกัน เลยทำให้ไม่อยากใส่รูปในส่วนหัว เพราะดูแล้วไม่ค่อยเข้า

เนื่องจากหลีกเลี่ยงคำสั่ง css คือ position: relative; การแสดงผลใน konqueror และ IE จึงเร็วดี การแสดงผลใน IE เพี้ยนเล็กน้อย คอลัมน์ขวาสุด เลื่อนมาทางซ้ายเล็กน้อย

เลือกได้ทั้ง 2 และ 3 คอลัมน์ (ผมชอบแบบเอาคอลัมน์ขวาไว้ สีมันเข้มสวยดี)

Download table3 (2006-08-14)


tashmina

ลองทำจากรูปผ้าพาชมินา ปรับมาจากธีม slashin แต่แปลงเยอะมาก

Download tashmina (2006-07-31)


tt2


ดัดมาจาก basett ปรับเป็น 2 คอลัมน์แบบความกว้างคงที่

Download tt2 (2006-09-12)


tt2-act


เอาสไตล์ชีตจากธีม tt2-inv
เอาหน้าตามาจาก เว็บ Activate ของคุณ Steve Leggat

เป็นธีมแบบ fixed width สองคอลัมน์ (sidebar-left มาอยู่บน sidebar-right)
ทีแรกจะแต่งให้สวย แต่บังเอิญขี้เกียจเสียก่อน เลยออกมาเหลี่ยม ๆ
Download tt2-act (2006-10-24)


tt2-inv

ลอกรูปแบบมาจาก OpenWebDesign: Invention Template

เขียนขึ้นมาจากธีม tt2 โดยพยายามแต่งรูปให้น้อยที่สุด

การศึกษาครั้งนี้ได้รู้ว่า

  • ธีมยอดนิยม มักเป็น ธีมที่มีความกว้างคงที่ มีสองคอลัมน์
  • การตกแต่งใส่ shade เล็ก ๆ น้อย ๆ ทำให้ดูดีขึ้น

Download tt2-inv (2006-09-22)


tt2-zl


เอาสไตล์ชีตจากธีม tt2-inv
เอาหน้าตามาจาก openwebdesign: Zenlike1.0 by NodeThirtyThree

เป็นธีมแบบ fixed width สองคอลัมน์ (sidebar-left มาอยู่บน sidebar-right)
พยายามทำให้เป็นธีมสำเร็จรูป ไม่ต้องแก้แล้วก็สามารถใช้งานได้เลย
ออกแนวลิเกนิดหน่อย เลยแก้ด้วยรูปที่ดูจริงจังหน่อย ;D
Download tt2-zl (2006-10-09)


เดี๋ยวจะทยอยเอาอันอื่นมารวม :)

ช่วงนี้วิญญาณออกแบบเข้าสิง รีบ ๆ ทำไว้หลาย ๆ ธีม ต้องได้ไช้จริงซักธีมนึงละน่า

Comments

 

ธีมนี้สีสบายตาดีครับ
พอแหง่ะดูขวามือ เอ๋!มีโพสต์จากบล็อกผมด้วยนิ
อ.ก็โปรโมตผมจัง เดี๋ยวคนอื่นก็หมั่นใส้ผมอ่ะดิ ...

:-P

( หมายเหตุ : คุณสมเจตน์หมายถึงธีม blueboxie นะครับ
พอดีจัดหน้าเนื้อเรื่องใหม่ หมายเหตุไว้เพื่อป้องกันสับสน - wd )

 

ของคุณสมเจตน์ ใจจริงผมจะทำให้โพสต์ขึ้นเป็น content แต่ว่าทำไม่เป็ง :P
รอศึกษา drupal ก่อนครับ ถ้าได้เรื่องแล้วจะไปขออนุญาตเป็นทางการ :)

 

Syndicate

Subscribe to Syndicate

Who's online

There are currently 0 users online.