วันอาทิตย์ที่ 7 มิถุนายน พ.ศ. 2552

ขีดเส้นใต้บทความ

สวัดดีค๊าป
วันนี้มาบอกเล่าเก้าสิบกัน ถึงเรื่องการขีดเส้นใต้บทความ
เพื่อเป็นการแบ่งบทความแต่ละอันให้เป็นสัดส่วน (เป็นท่อนๆ)
วิธีการนั้นก็แสนจะง๊ายย ง่าย
เพียงแค่เพิ่ม

<HR>

ไว้ตรงตำแหน่งที่เราจะขีดเส้นใต้ เพียงแค่นี้เอง

ลองเอาไปใช้กันดูนะเค๊อะ
เขียนโดย ที่ ไม่มีความคิดเห็น:
ป้ายกำกับ:

วันพฤหัสบดีที่ 4 มิถุนายน พ.ศ. 2552

การกำหนดขนาดตัวอักษร

หวัดดีค๊าปเพ่น้อง ช่วงนี้อากาศเริ่มมีฝนฟ้า ตกเกือบทุกวันเลย ยังไงก็ระวังเป็นหวัดกันเน้อ รักษาสุขภาพกันด้วย เด๋วจะหาว่าไม่เตือนนะ อิอิ
เอาละ คราวที่แล้วเราได้ทำการใส่สีให้ตัวอักษรกันไปแล้ว คราวนี้ เราจะมาปรับขนาดกัน โดยยังคงใช้ TAG อันเดิมคือเจ้า ....

<FONT> ...... </FONT>

นั่นเอง แอบทริบิวท์ตอนใส่สีคราวที่แล้วคือ color ลองเดาดูว่า ถ้าเป็นปรับขนาดจะใช้คำว่าอ่ะไร ติ๊กต๊อกๆๆ
..................... ปิ๊งป่อง
ถูกต้องนะค๊าป!! SIZE นั่นเอง
คราวก่อนโน่น เราได้ทำการเพิ่มขนาดตัวอักษร กับ ลดขนาดตัวอักษร ได้แค่ 1 ระดับ โดยใช้คำสั่งว่า

<BIG>......</BIG>
<SMALL>......</SMALL>

แต่เจ้า <FONT Size="......">......</FONT>
เราสามารถกำหนดขนาดของมันเองได้ถึง 7 ระดับ โดยกำหนดได้ด้วยตัวเลขเลย
หรือแบบที่2 กำหนดโดยใส่ค่า +/- แล้วกำหนดระดับอีกที อาจจะงง ลองมาดูตัวอย่างเช่น

<FONT Size="1">......</FONT>
<FONT Size="2">......</FONT>
<FONT Size="3">......</FONT>
<FONT Size="+1">......</FONT>
<FONT Size="+2">......</FONT>
<FONT Size="-2">......</FONT>
<FONT Size="-1">......</FONT> เป็นต้น

ถ้าอยากรู้ว่าระดับที่ 1-7 มีขนาดเท่าไรบ้าง ลองมาเทียบกันเลย

ปรับแต่งตัวอักษรระดับ 7 <--ลองทำดู Blogger มันกำหนดสูงสุดได้แค่ 5ง่ะ ปรับแต่งตัวอักษรระดับ 6 <--ลองทำดู Blogger มันกำหนดสูงสุดได้แค่ 5ง่ะ
ปรับแต่งตัวอักษรระดับ 5
ปรับแต่งตัวอักษรระดับ 4
ปรับแต่งตัวอักษรระดับ 3
ปรับแต่งตัวอักษรระดับ 2
ปรับแต่งตัวอักษรระดับ 1

***หมายเหตุ***
ระดับ 7 , 6 ลองทำดูเองนะใน Blogger มันกำหนดสูงสุดได้แค่ 5ง่ะเพราะอาจจะเป็นที่เขียน CSS ไว้หรือเปล่าผมก็ไม่ทราบแต่อย่างใด -*- ไว้ถึงตอนนี้ (เรียนรู้ไปถึง) ก็ค่อยมาแก้เน๊าะ

เพื่อนๆ สามารถใส่ แอบทริบิวท์ ซ้อนกันได้ถ้าสมมุติว่า เราจะทำอักษรระดับ5 สีแดง ตัวหนา โดยหลักการเป็นดังนี้

<B><FONT Size="5" color="red">ตัวอักษรระดับ 5 <FONT> </B>

ตัวอักษรระดับ 5

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

วันพุธที่ 3 มิถุนายน พ.ศ. 2552

มาใส่สีตัวอักษรกันดีฝ่า

หายไป 3 วันไม่ได้หลบไปเที่ยวไหนนะครับ พอดีที่บ้านกำลังรื้อระบบไฟใหม่ เลยถูกตัดการเชื่อมต่อจากโลกไซเบอร์ *-* ตอนนี้ก็กลับเข้าสู่ภาวะปกติแล้ว (ประมาณ 80%) เอาละครับ ตามที่ตกลงกันไว้ว่า คราวนี้เราจะมาเรียนรู้การใส่สีตัวอักษร พร้อมๆกันเล๊ยยย

การใส่สีตัวอักษรมีหลายวิธีการ แต่ที่จะนำเอามาบอก เล่าสู่กันฟังมีอยู่ 2 วิธีการคือ

  • ใส่สีทั้งหน้าเพจ
  • ใส่สีให้ตัวอักษรบางกลุ่ม
เรามาลองดูวิธีการที่
1.ใส่สีตัวอักษรทั้งหน้าเพจกันก่อน สิ่งที่จำเป็นต้องรู้ในวรยุทธ์นี้คือ <BODY> ที่เคยเจอกันในบทแรกๆนั่นแหละครับ ยังจำได้ไหมว่ามันเอาไว้ทำอะไร ถ้าลืมก็กลับไปอ่านก่อน คลิกที่นี่

ขั้นตอนต่อมาคือการเพิ่ม แอทริบิว(attribute) TEXT="#ค่าสี" เข้าไปใน TAG BODY ลองมาดูวิธีการเขียนจริงๆกัน

<BODY Text="#ค่าสี">
......
<BODY>

แล้วค่าสีนั้นเอามาจากที่ไหน
  • ตารางค่าสี (ซื้อมาก็ได้)
  • โปรแกรมแต่งภาพต่างๆ Photoshop, Illustrator (เข้าที่โหมดเลือกสี)
  • Add-on ของ FireFox ColorZilla
  • เขียนชื่อแทนโค้ทสี เช่น สีแดงก็ red, darkred, maroon, crimson etc.
  • และอีกหลายวิธีการ ฯลฯ
อ่ะลืมถาม ยังจำเรื่องค่าสี RGB กันได้ไหมเนี๊ยะถ้าลืมก็กลับไปอ่านก่อน เด๋วจะไม่เข้าใจนะจ๊ะ

ค่าสี RGB

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

การใส่สีให้ตัวอักษรบางกลุ่มด้วย <FONT> + Attribute Color

เช่นการที่เราจะเน้นข้อความให้มีสีสันที่ หัวข้อ/บทความ/ชื่อผู้แต่ง ฯลฯ
สมมุติผมเขียนบทความมาอันนุง และจะให้เน้นสีเฉพาะคำว่า โค้งอันตราย

รูปแบบจะออกมาเป็นแบบนี้

<Font color="red"> โค้งอันตราย </Font>
หรือ
<Font color="#FF0000"> โค้งอันตราย </Font>

ก็ได้ อันนี้ไม่ยากเลยเหมือนกับการใส่ Link ใส่ ภาพนั่นเอง
ทีนี้ลองไปทำให้ตัวอักษรคำว่า โค้งอันตราย เป็นสีแดง + กระพริบ + ตัวหนา กันดูนะทำได้ป่าว

โค้งอันตราย

วันนี้แค่นี้ก่อนนะครับ ถ้ายังงงๆ สงสัยก็ถามเอาไว้ได้นะใน คอมเมนท์ แล้วจะมาตอบให้
เขียนโดย ที่ ไม่มีความคิดเห็น:
ป้ายกำกับ:
สมัครสมาชิก: บทความ (Atom)