2005/May/17

ไม่ได้อ่านหนังสือมาหลายวัน ที่จริงก็อ่านอยู่
แต่มันยังไม่จบ ก็เลยขอแนะนำของเก่าหลายปี
มาแล้ว "ธรรมดาและเรียบง่าย" ซู เบนเดอร์
เขียน : สุภาพร พงศ์พฤกษ์ แปล ประสบการณ์
ในการเดินทางเข้าสู่ชีวิตที่ธรรมดาและเรียบง่าย
เมื่อมีโอกาสผ่านเข้าไปเรียนรู้ชีวิตในชุมชน
ชาวอามิช



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

แต่บราวเซอรที่ใช้ต้องเป็นไฟร์ฟอกซ์นะครับ
friefox

บราวเซอร์ตัวนี้มีเอ็กซ์เทนชั่นที่ชื่อว่า
 web developer เมื่อติดตั้งแล้ว
ทำให้เราสามารถแก้ไขสไตล์ชีตได้สะดวก
มากขึ้น เมื่อเปิดหน้าเว็บ อย่างบล็อกของเรา
ที่เอ็กซ์ทีน แล้วคลิก edit css มันจะขึ้น
ไซด์บาร์ ทางด้านซ้ายมาให้ เลือกสไตล์ชีต
หรือ style.css แล้วค่อยๆไล่แก้ไข
ส่วนต่างๆในนั้น เช่นขนาดบอดี้
โลโก้ สี เส้น แบ๊คกราวนด์ ฯลฯ แก้ได้
หมด พอเราเปลี่ยนค่าของทางซ้าย
ตัวบล็อกทางด้านขวามือก็จะเปลี่ยน
ตามให้เห็นกันสดๆ (อาจจะไม่ร้อย
เปอร์เซ็นต์ เพราะไซด์บาร์เบียดตัว
บล็อกไปหน่อย แต่ก็โอเค ยกเว้นใน
บางกรณี)

แก้ได้เกือบทุกอย่างนั่นละครับ แต่ในกรณี
ภาพไม่ว่าจะโลโก้ หรือ แบ๊คกราวนด์
ต้องมีภาพนั้นอยู่ที่เว็บไหนสักแห่งบนเน็ต
อัพโหลดไว้ที่เอ็กซ์ทีนก่อนก็ได้

เมื่อแก้ไขจนเป็นที่พอใจ ก็ก็อปปี้ทั้งหมด
เอาไปเพสต์ทับบนสไตล์ชีตในหน้า
แอดมินของบล็อกเรา แต่ควรจะเซฟ
สไตล์ชีตเดิมเอาไว้ก่อน เผื่อออกมาไม่
เป็นที่พอใจ ก็เอาของเดิมใส่กลับไป

ทีนี้ลองดูตัวอย่างการเปลี่ยนแปลง
เมื่อเราแก้ไขสไตล์ชีตที่ไซด์บาร์
กับความเปลี่ยนแปลงที่บล็อก
(บนหน้าจอเราเท่านั้น)
เอาบล็อกของเว็บมาสเตอร์นะครับ
ในตัวอย่างนี้ไม่ได้แก้ไข แต่ก็อปปี้
สไตล์ชีตของผมทับสไตล์ชีตของ
เว็บมาสเตอร์ไปเลย


พอเพสต์ทับลงไปเท่านั้น บล็อกของ
เว็บมาสเตอร์หน้าตาไม่คุ้นเสียแล้ว
รูปแบบเปลี่ยนหมดยกเว้น เนื้อหา กับ
รูปโปรไฟล์ และ พวกลิงค์ทางด้านซ้าย
เท่านั้น

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

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

 
ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
อืมม...เทคนิคใหม่เหรอครับเนี่ยย~





...ยังไม่ค่อยเข้าใจแฮะ
#1  by  ปาม มี่ ♫ At 2005-05-17 18:21, 
ไม่ใหม่หรอกหนูปาล์ม แต่มันสะดวกดี
เพราะเราจะเห็นความเปลี่ยนแปลง
ของการแก้ไขได้ทันที ก่อนจะเอาจริง
เช่นเราอยากเปลี่ยน สีเส้นกรอบ
สักเส้น ก็เปลี่ยนโค้ดสี แล้วดูผลได้เลยโดยไม่ต้อง
คอยอัพเดตทุกครั้ง พอปรับค่าสีจนพอใจแล้วถึง
ค่อยไปเปลี่ยนของจริง

ยกตัวอย่างที่ง่ายอีกหน่อยเช่น จะปรับระยะ
เว้นบรรทัด เราไม่รุ้ว่า ระหว่าง 1.2 em กับ
1.5 em มันต่างกันแค่ไหน วิธีข้างบน
เราเปลี่ยนแล้วเห็นเลย เราก็สามารถไล่ไปเรื่อยๆ
อาจจะเริ่มจาก 1 ไป 1.1 """.2 .3.
ทีละเท่าไรก็ตาม จนกว่าจะได้ระยะที่พอใจจริง
ที่เราเห้นมันกับตา
ถึงค่อยไปเปลี่ยนของจริงที่หน้าจัดการบล็อก

วิธีเดิมเราก็ต้องกะๆเอาแล้วอัพเดต
แล้วรีเฟรชหน้าบล็อก ดูผล พอมันไม่ใช่ ก็ต้องมาปรับค่า
อัพเดต รีเฟรช ดูผล ซ้ำๆกันแบบนี้.... มันจึงไม่สะดวกครับ

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

#2  by  cyborg9 At 2005-05-17 18:57, 
อ้อ...พอจาเข้าใจคุณสมบัติของโปรแกรมนี้ล่ะครับ





ขอบคุณนะค้าบ~บ
#3  by  ปาม มี่ ♫ At 2005-05-18 09:06, 
โอ้ สาระๆ
ใช้โมซิลลากับไฟร์ฟ๊อกมาเป็นชาติแล้วยังปรับอะไรอย่างนี้ไม่เป็นเลย^^'
#4  by  โด่คุง..just one last song At 2005-05-18 11:58, 
โอ้ววว มันช่างอัศจรรย์มากเลยจอร์จ d
#5  by  inat : www.66un.net At 2005-05-19 21:13, 

<< Home