SMF Responsive Theme Download ฟรี!

เขียนบทความเกี่ยวกับ SMF Responsive อยู่ 2-3 บทความ พร้อมๆกับการเขียนก็ต้องลงมือทำไปด้วย เพื่อให้สามารถมาเขียนได้และทำได้จริง

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

หลายครั้งที่ผมอ่านบทความ how to และลองทำตาม แต่เมื่อขั้นตอนสุดท้ายผลลัพท์กลับไม่ได้ตามตัวอย่าง

วันนี้ผมเลยนำธีม SMF Responsive มาให้ดาวน์โหลดเอาไปโม เอาไปศึกษา หรือเอาไปใช้งานได้เลยครับ

ขอความกรุณาเก็บเครดิตเล็กๆของผมที่ Footer ไว้ให้ด้วยนะครับ :o


ธีม SMF ตัวนี้ชื่อ Justified เปลี่ยนโครงสร้างของ SMF เป็น Bootstrap เพื่อให้เป็น Responsive ที่สามารถแสดงผลได้ทั้งในพีซี โน๊ตบุค แท็บเล็ต และโทรศัพท์มือถือ (ไม่ support โทรศัพท์บ้าน:o )


ดูตัวอย่างจริง

ดาวน์โหลด


หมายเหตุ : เนื่องจากเว็บตัวอย่างที่ผมไปฝากไฟล์ไว้เป็นโฮสท์ฟรี ก็จึงมีแบนเนอร์ผลุบๆโผล่ๆบ้าง
แบนเนอร์อันนั้นไม่ใ่ช่ของผมครับ เป็นของโฮสท์ฟรีเขา และมันจะไม่ติดไปกับธีมครับ

หากพบข้อผิดพลาด หรือสงสัยติ-ชมโพสต์ในกระทู้ได้ หรือเมล์มาที่ nevikupแอดhotmail.com

[smf]แจกธีม smf 2.0 เรียบง่ายสบายตา

วันนี้มีธีม smf เวอร์ชั่น 2.0 มาแจกครับ
ธีมตัวนี้เหมาะสำหรับนำไปโมดิฟาย ง่ายต่อการแก้ไข ปรับปรุง เปลี่ยนแปลง แก้ไข ฯลฯ


ตัดแปลงมาจากธีมsmf Default ของเวอร์ชั่น 2 แต่ได้เพิ่มพื้นหลังเป็นแกลเลอรี่ หมุนเวียนสลับเปลี่ยนไปเรื่อยๆตามจำนวนภาพที่เราได้ใส่ไป

ถ้าต้องการเพิ่มหรือเปลี่ยนภาพพื้นหลัง ให้เปิดไฟล์ index.template.php บรรทัดที่ 405 หรือค้นหาคำว่า
 id="slideshow" ท่านจะเห็นรายชื่อภาพ ดังนี้


 <img src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/300813_193622397380685_100001987785137_445274_1599363279_n.jpg" alt="Slideshow Image 1" class="active" />
<img src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/319177_193910440685214_100001987785137_445875_286526053_n.jpg" alt="Slideshow Image 1"/>
<img src="http://image.ohozaa.com/i/382/isa2K.JPG" alt="Slideshow Image 2" />
<img src="http://image.ohozaa.com/i/41b/bUHDf.JPG" alt="Slideshow Image 3" />
<img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/310987_10150354398662762_702047761_8356920_1947153730_n.jpg" alt="Slideshow Image 4" />

นั่นคืำอจำนวนภาพทั้งหมด หากต้องการภาพอื่นก็แค่ไปหา url ของภาพมาเปลี่ยน

อันดันต่อไปมาดูหัวของธีมตัวนี้ "ชุมชนออนไลน" ชาวพฤกษาทาวน์ 
ตัวนี้ใช้ cufon นะครับ ตัวหนังสือที่อยู่ภายใต้แท็ก h1 , h2 และคลาส .sub-title จะกลายร่างเป็นฟ้อนท์ลักษณะแบบนี้หมด ผมเลือกใช้แค่่ส่วนหัวของบอร์ด

อันสุดท้ายมาดูที่ส่วนfooter ด้านล่างสุดมีการดึงข่าวrss มาแสดงด้วย ท่านสามารถเปลี่ยนแหล่งข่าวจากที่อื่นได้ด้วยตัวเอง โดยสามารถเปิดไฟล์ index.template.php

ค้นหาคำว่า feedrss() วิธีใช้งานก็แค่เอา rss จากเว็บที่เราต้องการแสดงมาใส่ เช่น ผมดึงข่าวจากไทยรัฐ ก็จะได้แบบนี้ feedrss('http://www.thairath.co.th/rss/news.xml')

สุดท้ายอยากให้ลองไปดาวน์โหลดมาใช้กันดูครับ เจอปัญหาตรงไหนก้อโพสต์ถามได้ครับ

ดาวน์โหลดที่นี่


ดูตัวอย่างจริงที่นี่