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

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 2506
    จำนวนคนให้กำลังใจ : 3 ครั้ง
    28 พ.ค. 53



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


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


ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 3 ครั้ง

4,449 ความคิดเห็น

  1. #4354 krerkkiat (@krerkkiat) (จากตอนที่ 58)
    วันที่ 19 กรกฎาคม 2558 / 13:55
    ชอบๆ ยังไม่เคยลองวิธีนี้แหะ
    #4354
    0
  2. #3962 re_an (@-rean-) (จากตอนที่ 58)
    วันที่ 4 พฤษภาคม 2556 / 13:32
    สุดยอด -0-
    ขอบคุนน้าาา
    #3962
    0
  3. #3477 - ' Araletanz (@namtan-tanz) (จากตอนที่ 58)
    วันที่ 10 กรกฎาคม 2555 / 22:58
    ขอบคุณค้า
    #3477
    0
  4. #1727 JlFAh hh. h . (@stai2rynight) (จากตอนที่ 58)
    วันที่ 28 มีนาคม 2554 / 22:10
    ขอบคุณค้าบ :)
    #1727
    0
  5. #1380 *_* เฟีย >_< ☂ (@feergirl) (จากตอนที่ 58)
    วันที่ 29 ธันวาคม 2553 / 21:18
    โห...เก่งงงงงงจางงงง 
    #1380
    0
  6. #912 ✖ Fanclub-extream✖ (@all-extream) (จากตอนที่ 58)
    วันที่ 3 กันยายน 2553 / 18:21
    รับแซ่บ!!
    ตอนนี้ดูมันทำท่าจะเจ๊งอยู่พอดี!!
    #912
    0