Drupal Colourise Theme Project

ปล่อยของ : Drupal Colourise 6.x-2.1 ออกแล้วจ้า

ในที่สุด "สงคราม Drupal Colourise CVS" ก็จบสิ้นอีกรอบ เชลยศึกถูกปล่อยตัว คงไว้แต่อนุสรณ์ของทหารผ่านศึก ไปดูได้เลยที่ : Drupal Colourise Project

รู้สึกภูมิใจ เวลาได้เขียนอะไรเว่อร์ๆ เพราะผมเพิ่งไปต่อ ใบอนุญาติเขียนบทกวี จากขุมนรกมาน่ะ
โอเคจ้ะ ถ้าไม่ขำ ก็จริงจังกันดีกว่า อ่านต่อซะ!

แบบดั้งเดิม

แบบทำใหม่

คุณสมบัติในธีม

  • ชื่อเว็บไซต์
  • สโลแกน/คำโปรย
  • บล็อคประกาศภารกิจ
  • กล่องค้นหาต้านบน
  • โอค่อนประจำเว็บไซต์ (favicon)
  • ลิ้งค์เมนูหลัก
  • ใช้รูปภาพของผู้ใช้ในโพสต์และคอมเมนต์ได้
  • พื้นที่บล็อคด้านบนและล่างเนื้อหา
  • พื้นที่บล็อคส่วนท้าย 3 คอลัมน์
  • เมนูช่วยข้ามไปสู่เนื้อหาหลัก
  • ไม่ใช้ตารางจัดเลย์เอาต์หน้าเว็บ
  • W3C XHTML 1.0 strict และ CSS 2.1 ที่ตรวจสอบความถูกต้องแล้ว *
  • ทดสอบการแสดงผลแล้ว ใน IE6/7, Opera, Safari, and Firefox

( * ถ้าลองตรวจสอบ CSS ที่ jigsaw.w3.org แล้วเจอ ERROR ก็อย่าตกใจ เพราะตัว Validator มันไม่รู้จัก property บางตัวที่ระบุให้ใช้เฉพาะสำหรับเรนเดอร์เอนจีนแต่ละตัวครับ เช่น property สำหรับกำหนดความโค้งของเส้นขอบ -moz-border-radius (Mozilla) หรือ -webkit-border-radius (Webkit) หรือแม้แต่ border-radius ใน CSS3 เองก็ต้องระบุว่าจะใช้ตัว Validator สำหรับ CSS3 ครับ ดังนั้นไม่ต้องเชื่อมันมาก เพราะช่วงหลังๆ บางคนใช้มันเป็นแค่คำโฆษณา แบบที่ผมกำลังทำอยู่นี้ไง!)

คุณสมบัติใหม่่ใน Colourise-6.x-2.x

  • ส่วนตั้งค่าการใช้งานเฉพาะในธีม
  • ไซด์บาร์ซ้าย, ขวา, สองข้าง หรือ ไม่มีก็ได้
  • ความกว้างหน้าเว็บ 6 ระดับ จาก 780px ถึง ไม่จำกัดความกว้าง (เลือกในส่วนตั้งค่าของธีม)
  • jQuery Transparent PNG Fix สำหรับ IE6 และรุ่นต่ำลงมา (เลือกในส่วนตั้งค่าของธีม)
  • เพิ่ม/ปลด สไตล์ชีตที่คุณจัดการเองได้ (เลือกในส่วนตั้งค่าของธีม)
  • เพิ่ม/ปลด Breadcrumb (เลือกในส่วนตั้งค่าเฉพาะในธีม)
  • รวมไฟล์ CSS สำหรับ การพิมพ์ไว้ด้วย
  • มีหน้า "ปิดปรับปรุง" เป็นของธีมเอง
  • รองรับการแสดงผลภาษาและเลย์เอาต์แบบสองทาง - BiDi (ยังต้องการคำแนะนำจากผู้ใช้ภาษาที่เขียนจากขวาไปซ้าย เช่น อาหรับ, เปอร์เชีย, อูรดู, ฮิบรู และอื่นๆ)
  • มีคำแปลภาษาไทยเรียบร้อยแล้วสำหรับอินเตอร์เฟสส่วนตั้งค่าของธีม

ที่มาของแรงบันดาลใจ

Colourise 1.0 ของ Erwin Aligam : ดีไซน์โทนมืดที่พื้นหลังส่วนหัวเล่นกับสีสันจนดูโดดเด่น ดีไซน์ดั้งเดิมจะที่เป็นเลย์แบบความกว้างตายตัว และมีไซด์บาร์ด้านขวาข้างเดียว และเป็น XHTML/CSS ที่ตรวจสอบความถูกต้องแล้ว ในเวอร์ชั่นสำหรับดรูปอล ผมได้ทำการปรับเปลี่ยนการแสดงลักษณะตัวอักษรให้อ่านได้ง่ายขึ้น และให้เหมาะกับทั้งภาษาไทยและภาษาอังกฤษ

ในเวอร์ชั่นแรกๆของธีมสำหรับดรูปอลธีมนี้ ได้ปรับใช้ 960 Grid System ของ Nathan Smith ในการจัดเลย์เอาต์ แต่สำหรับเวอร์ชั่น 6.x-2.x จำเป็นต้องเอาเฟรมเวิร์คดีๆแบบนั้นออกไป เพื่อให้รองรับหน้าเว็บได้หลายระดับ อนึ่ง 960 Grid System คือ CSS เฟรมเวิร์คที่จะช่วยให้นักออกแบบสามารถเริ่มต้นพัฒนาเว็บไซต์ได้ง่ายขึ้น เพราะได้เตรียมส่วนพื้นฐานต่างๆไว้ให้เราเรียบร้อยแล้ว โดยใช้ความกว้าง 960 พิกเซลเป็นฐาน แนะนำให้นักออกแบบเว็บไซต์ลองศึกษาดูครับ


Colourise Screenshot

ถ้าคุณอยากซื้อกางเกงในให้ผม!

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

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





2 Replies

Please help me!
Check my site: dimensiontechnics.com
Mozilla - no problem
Internet Explorer 7 - the text does not put the pictures on an alley.
What may be the problem? How can I solve it?

Thanks!

Add Your Reply.

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

Theme

Twitter Update

Restless Engine

Powered by Drupal, an open source content management system

Back to content.