การใส่เงาตัวอักษาใน Dreamweaver จัดทำโดย : Mr.GuruZ พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------
  เทคนิคการใส่เงาให้กับตัวอักษร หลายคนอาจจะใช้ Photoshop เข้ามาช่วยแต่ Dreamweaver สามารถสร้างเงาขึ้นมาให้เราได้เลยโดยใช้ CSS Style มาดูวิธีการสร้างกันเลย

ขั้นตอนการสร้าง

1. สร้างเอกสารที่เราต้องการสร้างเงาให้กับตัวอักษร พร้อมกับสร้างตารางขึ้นมารองรับข้อความนั้น ดังภาพ


2. หลังจากนั้นเราก็มาสร้าง CSS เพื่อกำหนดเงาให้กับตัวอักษร โดย click ขวา เลือก CSS Styles --> New Style ดังภาพ


3. กำหนดชื่อให้กับ CSS ที่เราจะสร้างในที่นี้ผมใช้ Shadow_text


4. หลังจากนั้นเลือกที่หัวข้อ Extensions


5. เลือกที่เครื่องมือ Shadow เพื่อใส่เงา


6. กำหนดค่าสีเงา และระยะของเงาตามที่เราต้องการ


7. นำไปใช้ที่ตัวอักษรโดย click ขวาที่ตารางแล้วเลือกที่ CSS ที่เราสร้างแล้วลองกด F12 เพื่อดูว่าเงาที่เราใส่ถูกใจไหม


8. เงาที่ได้ดังภาพ ก็ลองนำไปใช้กับข้อความอื่นๆ ดูนะครับ

คุณอาจสนใจ
การทำ Login Session แบบไม่ใช้ฐานข้อมูล
Mr.GuruZ (59,748 - 03 มิ.ย. 49)
วิธีการพิมพ์หน้าเว็บไซต์ต่าง ๆ ให้พอดีหน้ากระดาษ
เว็บไทยดีดี (18,265 - 19 ม.ค. 51)
การทำอัปโหลดรูปชนิด gif และ jpg ลงดาต้าเบส ฉบับสมบูรณ์
Zerohate (80,650 - 22 ก.ย. 50)
เครื่องมือกลุ่ม Drawing
หมูขุน (15,006 - 04 ก.พ. 50)
ชนิดข้อมูลของตัวแปร
Mr.POP (63,511 - 05 พ.ย. 49)
การใช้แบบฟอร์ม Text&Chart
หมูขุน (12,288 - 04 ก.พ. 50)
การสร้าง animation จาก Image Ready ตอน 2
ดินสอ (107,258 - 05 ต.ค. 49)
ทำความรู้จักกับ java
Mr.POP (40,135 - 05 พ.ย. 49)