ดูโครงสร้างเว็บด้วย 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 หรือโครงสร้างเว็บได้แล้วครับ

 

 

 

 

Deprecated: Assigning the return value of new by reference is deprecated in /home/makeweb/domains/makewebthai.com/public_html/modules/mod_news_pro_gk1/mod_news_pro_gk1.php on line 45

อยากติดตั้ง google Map บน Joomla ต้องทำอ

News image

อยากติดตั้ง google Map บน Joomla ต้องทำอย่างไร ? ก็ตามหัวข้อเลยครับ สมัยนี้จะให้เขียนแผนที่เอง ก็จะเป็นอะไรที่เราเข้าใจคนเดียว ลูกค้า ไม่เข้าใจ ถ้าเราสามารถใช้ google Map แล้ว spot ตำแหน่นงของบริษัทเราลงไป สามารถนำแผนที่ google Map นี้ไปแสดงบน Joomla แบบนี้     ติดตั้ง google Map บน Joomla ต้อง Phocamaps Plugin ...

อ่านต่อ ...

ทดสอบของใหม่ joomla 1.7.2 บน XAMPP

News image

เห็นเขาลือกันว่า 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

News image

{xtypo_info}จะสร้างงานศิลป์ ต้องมีแรงบัลดารใจ เริ่มจากต้องการทำ Template Joomla ของเว็บไซด์ makewebthai.com ในเวอร์ชั่นปี 2011 เลยอยากนำมาทำเป็น case stady สำหรับเพื่อนๆ พี่ๆ น้องๆ ที่ต้องการ ทำ Template Joomla ใช้เอง ครับ makewebthai.com ...

อ่านต่อ ...

ไฟร์ index.php บน Template Joomla ทำอย่า

News image

{xtypo_info}จากครั้งที่แล้ว เราได้เรียนรู้ วิธีการ เตรียมความพร้อมสำหรับ การทำ Template Joomla ไปเป็นที่เรียบร้อยแล้ว ใครจำไม่ได้ ไปดู ที่นี่ ครับ มาวันนี้เราจะมาเรียนรู้ เรื่องการเขียนไฟร์ index.php ซึ่งเป็นหัวใจ รองจาก ไฟร์ css ที่ใช้ควบคุม การแสดงผลของ joomla เรามาลองเริ่มต้นเขียนไฟร์ index.php กัน{/xtypo_info} เปิด Editor ที่ใช้เขียน Code ที่ชื่นชอบครับ โดยส่วนตัวผมใช้ Quanta ...

อ่านต่อ ...