การใส่เงาตัวอักษาใน 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. เงาที่ได้ดังภาพ ก็ลองนำไปใช้กับข้อความอื่นๆ ดูนะครับ

คุณอาจสนใจ
การใช้งาน Layer
Mr.GuruZ (43,823 - 04 มิ.ย. 49)
ติดตั้งไม่ได้...เพราะไฟล์เสีย (Firefox)
เว็บไทยดีดี (16,143 - 03 พ.ค. 51)
การทำ selection ตัดภาพ
Lee (306,235 - 11 ก.ย. 49)
การวาดรูปโดยใช้ Basic Shapes
หมูขุน (16,006 - 04 ก.พ. 50)
บันทึกไฟล์ Flash เก็บเอาไว้ง่ายนิดเดียว
สุธีร์ นวกุล (39,489 - 15 ก.ย. 50)
เทคนิคการทำ drag & drop
Charoen (72,534 - 22 ม.ค. 51)
พิมพ์สูตรคณิตศาสตร์ด้วย Namo
Mr.GuruZ (23,865 - 26 พ.ย. 50)
เทคนิคการหมุนภาพแบบสั่งองศาได้
Lek (50,195 - 27 มิ.ย. 49)