| ดูโครงสร้างเว็บด้วย Firebug บน Firefox |
|
เห็นเว็บอันโน้นสวย อันนี้ก็สวย อยากรู้จัง ว่าเขาออกแบบ วาง LayOut อย่างไร หรือ ใช้ CSS แบบไหน จะมาเปิดนั่งดู Page Source ก็ไม่ไหว เห็นแต่ Code แล้ว CSS ที่ดูแลเรื่อง Graphic จะดูได้อย่างไร นีเลย เครื่องมือเทพๆสำหรับ คนทำเว็น Firebug ซึ่งเป็น Add-Ons เพิ่มบน Firefox ครับ
เริ่มต้นจากการที่จะต้องติดตั่ง Firebug ก่อนเปิด Firefox ออกมาเลยครับ แล้วเข้าไป เพิ่ม Add-Ons ที่ Tools > Add-Ons
จะได้หน้าตา Add-Ons แบบนี้
ตรง Search All Add-ons ให้ลอง Search หาคำว่า firebug
เมื่อพบแล้ว คลิก add to firefox เลยครับ
คลิก Install
เมื่อติดตั่ง Firebug เสร็จ Firefox จะขอ Restart แบบนี้
ลองเปิด Firefox ขึ้นมาใหม่ สังเหตุที่มุมขวาล่าง จะมี Icon รูปแมลงอยู่ ลองคลิกจะได้แบบนี้
จะเห็นหน้าต่างเปิดออกมาจากด้านล่าง โดยด้านซ้าย เป็น html code และ ด้านขวาเป็น CSS ที่กำหนดอยู่ HTML code
ส่วนนี่ CSS ที่ควบคุม สไตร์ อยู่
เห็นไหมครับ ทีนี้เราก็สามารถ ตรวจสอบ CSS หรือโครงสร้างเว็บได้แล้วครับ
|
อยากติดตั้ง google Map บน Joomla ต้องทำอ![]() อยากติดตั้ง google Map บน Joomla ต้องทำอย่างไร ? ก็ตามหัวข้อเลยครับ สมัยนี้จะให้เขียนแผนที่เอง ก็จะเป็นอะไรที่เราเข้าใจคนเดียว ลูกค้า ไม่เข้าใจ ถ้าเราสามารถใช้ google Map แล้ว spot ตำแหน่นงของบริษัทเราลงไป สามารถนำแผนที่ google Map นี้ไปแสดงบน Joomla แบบนี้ ติดตั้ง google Map บน Joomla ต้อง Phocamaps Plugin ... อ่านต่อ ... |
ทดสอบของใหม่ joomla 1.7.2 บน XAMPP![]() เห็นเขาลือกันว่า joomla 1.7.x สวยนัก สวยหน่า เดี๋ยวต้อง ทดสอบซะหน่อย หลังจากที่เราได้ไปโหลด joomla 1.7.2 มาเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้โหลด joomla 1.7.2 ไปโหลดมาได้จาก ที่นี่ ครับ) หลังจากโหลด Joomla 1.7.2 ผมได้ทำการ แตกไฟร์ และ เอาส่วนที่แตกได้ไปเก็บไว้ที่ /opt/lampp/htdocs/test17 ผมสร้างโฟวเดอร์ text17 เอาไว้ทดสอบ Joomla 1.7.2 ครับ ติดตั้ง Joomla ... อ่านต่อ ... |
จุดเริ่มต้นของการออกแบบ Template Joomla![]() {xtypo_info}จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ makewebthai.com ... อ่านต่อ ... |
ไฟร์ index.php บน Template Joomla ทำอย่า![]() {xtypo_info}จากครั้งที่แล้ว เราได้เรียนรู้ วิธีการ เตรียมความพร้อมสำหรับ การทำ Template Joomla ไปเป็นที่เรียบร้อยแล้ว ใครจำไม่ได้ ไปดู ที่นี่ ครับ มาวันนี้เราจะมาเรียนรู้ เรื่องการเขียนไฟร์ index.php ซึ่งเป็นหัวใจ รองจาก ไฟร์ css ที่ใช้ควบคุม การแสดงผลของ joomla เรามาลองเริ่มต้นเขียนไฟร์ index.php กัน{/xtypo_info} เปิด Editor ที่ใช้เขียน Code ที่ชื่นชอบครับ โดยส่วนตัวผมใช้ Quanta ... อ่านต่อ ... |