|
| 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | |
|
|
|
|
|
|
|
-ใส่สี & รูปแบบ ให้กับตัวอักษร-
สวัสดีค่ะทุกท่าน วันนี้เรามาเพิ่มสีสันให้กับบล็อกโดยการใส่สีตัวอักษรและใส่รูปแบบกันดีกว่าค่ะ
โค๊ด นะคะ (ไม่ยากอย่างที่คิดนะ)
เริ่มแรกเป็นโค๊ดการใส่สีก่อนนะคะ
โค๊ดการใส่สีนี่สามารถใส่ได้ 2 แบบนะคะ คือใส่ชื่อสี และรหัสสีนะคะ
ตัวอย่าง 1. การใส่สีเป็นชื่อสีนะคะ อย่างเช่นเราต้องการตัวอักษรสีแดง
เราก็ใช้ชื่อสีแดงที่เป็นภาษาอังกฤษ สีแดง = red
1.1 <font color="red"> ข้อความ </font>
หรือ
1.2 <font color="red" size=2> ข้อความ </font>
ผลที่ได้
ข้อความ
ข้อความ
นี้เป็นโค้ดสีสำหรับใส่ชื่อสี นะคะ
ปล. size=2 ที่อยู่ใน 1.2 นี้เป็นขนาดตัวหนังสือนะคะ ไม่ต้องใส่ก็ได้ค่ะ
-*-*-*-*-*-*-
และอีกวิธีหนึ่งการใส่สีเป็นชื่อรหัสสีนะคะ
ตัวอย่าง2 เราต้องการให้ตัวอักษรเป็นสีแดงนะคะ ก็ให้ใช้รหัสสีที่เป็นสีแดงค่ะ รหัสสีแดง = #FF0000
2.1 <font color="#FF0000"> ข้อความ </font>
หรือ
2.2 <font color="#FF0000" size=2> ข้อความ </font>
ผลที่ได้
ข้อความ
ข้อความ
นี้เป็นโค้ดสีสำหรับใส่ รหัสสี นะคะ
เป็นอย่างไรคะ ง่ายไหมเอ่ย สำหรับการใส่สีให้กับตัวอักษร
ต่อไปเรามาใส่รูปแบบตัวอักษรกันดีกว่าค่ะ
ตัวอย่าง 3 การใส่รูปแบบนะคะ
<i> ข้อความ </i> ตัวเอียง
<b> ข้อความ </b> ตัวหนา
<u> ข้อความ </u> ขีดเส้นใต้
<big> ข้อความ </big> ตัวใหญ่
<small> ข้อความ< /small> ตัวเล็ก
<sup> ข้อความ </sup> ยกสูงกว่าบรรทัด
<sub> ข้อความ </sub> ตัวต่ำกว่าบรรทัด
<p align=left> ข้อความ </p> ข้อความชิดขอบซ้าย
<p align=right> ข้อความ </p> ข้อความชิดขอบขวา
<center> ข้อความ </center> กึ่งกลางหน้ากระดาษ
สมมติว่า เราต้องการให้ตัวอักษรสีแดง ตัวหนา นะคะ ก็ใช้โค๊ดแบบนี้ค่ะ
3.1 <font color="#FF0000"><b> ข้อความ </b></font>
หรือใช้ชื่อสี
3.2 <font color="red"><b> ข้อความ </b></font>
ผลที่ได้
ข้อความ
ข้อความ
หรือเราต้องการให้ตัวหนังสือเป็นสีแดง ตัวใหญ่ และขีดเส้นใต้
โค๊ดก็คือ
<font color="#FF0000"><b><u> ข้อความ </u></b></font>
หรือใช้ชื่อสี
<font color="red"><b <u> ข้อความ /<u></b></font>
ผลที่ได้
ข้อความ
ข้อความ
จากโค๊ดต่างๆ จะสังเกตได้ว่า เวลาเราใช้โค๊ดไหนที่เป็นอันดับแรก โค๊ดนั้นต้องได้ปิดท้ายสุดเสมอ ส่วนโค๊ดที่ใช้อันดับ 2 ก็จะได้ปิดรองสุดท้ายเสมอค่ะ
ตามแผนผังที่นะคะ
123...ข้อความ.../3/2/1
หมายเหตุ 1 แทน โค๊ดที่ใช้อันดับที่ 1 2 แทน โค๊ดที่ใช้อันดับที่ 2 3 แทน โค๊ดที่ใช้อันดับที่ 3 / แทน สัญลักษณ์ปิด
โค๊ดจะเป็นลักษณะนี้ค่ะ โค๊ดไหนมาก่อน เวลาปิดก็ได้ไปอยู่อันดับสุดท้ายค่ะ
ปล. หากต้องการรหัสสี ให้คลิกตรงทางด้านขวามือของบล็อกเมเปิลนะคะ ตรงคำว่า page Link color code นะคะ ลองเลื่อนขึ้นไปข้างบนๆ ดูนะ คลิ๊กเข้าไปจะมีรหัสสีหลายหน้าเลยค่ะ
หรือไม่ก็
คลิกที่นี้เพื่อไปยัง รหัสสี (ตารางสี 1) ของคุณ KungGuenter
คลิกที่นี้เพื่อไปยัง รหัสสี (ตารางสี 2) ของคุณ KungGuenter
หมดแล้วค่ะ เป็นยังไงบ้างค่ะ ง่ายกันไหมเอ่ย คราวนี้เราก็จะได้ตัวอักษรสีสวยๆ และรูปแบบตัวอักษรที่เราต้องการ ไว้แต่งบล็อกให้ดูน่าอ่านกันแล้วค่ะ
Create Date : 20 กันยายน 2552 |
Last Update : 20 กันยายน 2552 11:43:20 น. |
|
39 comments
|
Counter : 74600 Pageviews. |
|
|
|
โดย: Elbereth วันที่: 23 กันยายน 2552 เวลา:18:00:21 น. |
|
|
|
โดย: RAKNAYARD♥ IP: 118.173.184.164 วันที่: 8 ตุลาคม 2552 เวลา:18:00:14 น. |
|
|
|
โดย: RAKNAYARD♥ IP: 118.173.184.164 วันที่: 8 ตุลาคม 2552 เวลา:18:06:00 น. |
|
|
|
โดย: เจมมิ๊ IP: 118.174.26.85 วันที่: 13 ตุลาคม 2552 เวลา:13:41:29 น. |
|
|
|
โดย: หนูเมเปิล วันที่: 26 ตุลาคม 2552 เวลา:13:01:33 น. |
|
|
|
โดย: o_o IP: 119.42.77.24 วันที่: 3 พฤศจิกายน 2552 เวลา:9:26:52 น. |
|
|
|
โดย: ดาวนี่จุ่บ บ IP: 125.24.247.47 วันที่: 26 กันยายน 2554 เวลา:20:21:36 น. |
|
|
|
โดย: PhueJa วันที่: 23 ธันวาคม 2554 เวลา:8:05:32 น. |
|
|
|
โดย: เธอรักฉันไหม IP: 61.90.121.72 วันที่: 14 สิงหาคม 2555 เวลา:12:55:08 น. |
|
|
|
โดย: อยากทำเปนอ่ะ IP: 27.55.31.11 วันที่: 8 มิถุนายน 2560 เวลา:9:20:55 น. |
|
|
|
โดย: A IP: 122.155.38.136 วันที่: 31 ธันวาคม 2560 เวลา:8:53:32 น. |
|
|
|
โดย: <font color="#00FF00"> ข้อความ </font> IP: 182.232.131.247 วันที่: 10 กรกฎาคม 2563 เวลา:0:37:41 น. |
|
|
|
โดย: 00 IP: 223.24.160.28 วันที่: 28 พฤษภาคม 2564 เวลา:2:38:32 น. |
|
|
|
โดย: คุณ IP: 182.232.180.185 วันที่: 5 มิถุนายน 2564 เวลา:1:07:24 น. |
|
|
|
โดย: Note IP: 49.228.187.77 วันที่: 30 กรกฎาคม 2564 เวลา:3:55:55 น. |
|
|
|
โดย: Art IP: 223.24.187.129 วันที่: 5 สิงหาคม 2564 เวลา:23:33:56 น. |
|
|
|
โดย: PRแพน IP: 27.55.77.240 วันที่: 14 สิงหาคม 2564 เวลา:5:46:03 น. |
|
|
|
โดย: มาร์ติน IP: 27.55.70.42 วันที่: 22 กุมภาพันธ์ 2565 เวลา:17:54:05 น. |
|
|
|
โดย: แมวเหมียว IP: 202.137.134.92 วันที่: 27 เมษายน 2565 เวลา:18:58:56 น. |
|
|
|
โดย: ʀɢғᴏʀᴇᴠᴇʀᴋᴀғ𝙭 IP: 125.26.236.14 วันที่: 18 พฤษภาคม 2565 เวลา:17:21:38 น. |
|
|
|
โดย: เจมส์ IP: 49.48.243.179 วันที่: 22 กรกฎาคม 2565 เวลา:15:08:48 น. |
|
|
|
โดย: สวัสดีครับ IP: 171.6.10.229 วันที่: 1 ธันวาคม 2565 เวลา:22:58:28 น. |
|
|
|
โดย: มองไรอ่ะ IP: 103.129.78.186 วันที่: 14 ธันวาคม 2565 เวลา:23:24:54 น. |
|
|
|
โดย: Preface IP: 124.122.29.136 วันที่: 6 มกราคม 2566 เวลา:7:57:39 น. |
|
|
|
โดย: 𝓢𝓙 IP: 118.175.138.66 วันที่: 7 มกราคม 2566 เวลา:17:23:25 น. |
|
|
|
โดย: สุดติ่ง IP: 223.24.164.101 วันที่: 3 กุมภาพันธ์ 2566 เวลา:22:03:47 น. |
|
|
|
โดย: อสุจิ IP: 223.24.164.101 วันที่: 3 กุมภาพันธ์ 2566 เวลา:22:06:35 น. |
|
|
|
โดย: อสุจิ IP: 223.24.164.101 วันที่: 3 กุมภาพันธ์ 2566 เวลา:22:07:07 น. |
|
|
|
โดย: PJV IP: 27.145.140.9 วันที่: 25 กุมภาพันธ์ 2566 เวลา:16:42:50 น. |
|
|
|
โดย: นาย IP: 180.183.75.183 วันที่: 7 มีนาคม 2566 เวลา:16:05:57 น. |
|
|
|
โดย: [#ffd200]༒さചヅ༒ IP: 49.229.173.146 วันที่: 19 เมษายน 2566 เวลา:13:11:16 น. |
|
|
|
โดย: D IP: 27.55.77.123 วันที่: 26 กรกฎาคม 2566 เวลา:14:59:36 น. |
|
|
|
โดย: Bank IP: 223.24.147.29 วันที่: 4 ตุลาคม 2566 เวลา:22:26:10 น. |
|
|
|
โดย: <i><b><color=#e12>บักมอส<color=#0bd>มันขี้ดื้อ`</a><u/a></b></i> IP: 49.230.176.2 วันที่: 13 พฤศจิกายน 2566 เวลา:19:08:24 น. |
|
|
|
โดย: Aoi IP: 49.228.245.232 วันที่: 10 ธันวาคม 2566 เวลา:17:34:29 น. |
|
|
|
โดย: Aoi IP: 49.228.245.232 วันที่: 10 ธันวาคม 2566 เวลา:17:34:48 น. |
|
|
|
โดย: Ton IP: 184.22.191.213 วันที่: 25 ธันวาคม 2566 เวลา:14:21:08 น. |
|
|
|
โดย: Ton IP: 184.22.191.213 วันที่: 25 ธันวาคม 2566 เวลา:14:21:10 น. |
|
|
|
โดย: โกจิ IP: 223.205.238.42 วันที่: 20 มีนาคม 2567 เวลา:13:10:01 น. |
|
|
|
|
|
|
|
Elbereth