Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #58 : [advance] วิธีรวมและเก็บ code ให้เป็นสัดส่วน #css

ก่อนอื่น... บอกไว้ก่อนว่างานนี้ใครอยากลอง ต้องกล้าทำ กล้าทดลองกันหน่อยนะคะ


1. เตรียม code css ที่ต้องการทั้งหมดไว้ copy ไปวางใน notepad หรือโปรแกรม text editor อื่น ๆ


2. รวมโค้ดเข้าด้วยกัน (อ่านวิธีรวมโค้ดได้ที่ [general] ความรู้เบื้องต้นเกี่ยวกับโค้ด) แล้วลบส่วนที่เป็น

<style type='text/css'>
.
.
.
</style>

ออกทั้งหมด


3. เซฟไฟล์ แล้วตั้งชื่อเป็น name.css

เปลี่ยน name เป็นชื่ออะไรก็ได้ที่ต้องการ ขอให้เป็นภาษาอังกฤษด้วยนะ

4. หา / สมัครเว็บโฮสต์ที่ให้อัพโหลดไฟล์ขึ้นไปได้ แล้วอัพไฟล์ .css ของเราขึ้นไป


5. ก็อป url ของไฟล์ที่อัพขึ้นไปไว้


6. จากเดิมที่โค้ดไอดีของเราเคยยาว ๆ รกหน้าก็เหลือเขียนแค่นี้ก็พอ

<style type="text/css">
url("http://www.geocities.com/sajjana23/name.css");
</style>

ตรงตัวอักษรสีแดงเปลี่ยนเป็นที่อยู่ไฟล์ที่ก็อปไว้ในข้อห้าแทน


7. เวลาต้องการจะเปลี่ยนแปลงโค้ดก็แก้โค้ดเดิม แล้วอัพขึ้นไปแทนที่ไฟล์เก่าได้เลย