1. ปรับขนาดรูปแสดงหน้าแรกของบทความ Blog
1. เลือกเมนูรูปแบบแสดงผลอิสระ
2. จากนั้น คลิก Add Blog module หรือคลิกแก้ไข Blog Module ที่ต้องการ
3. จะปรากฎหน้าต่าง Dynamic Layout เลือกกลุ่มบทความที่ต้องการ ที่หัวข้อ "ขนาดภาพทั่วไป" ให้เลือก "กำหนดเอง" กำหนด Width และ Heigh เท่ากับ 1 และคลิก บันทึก
2.เทคนิคการทำพื้นหลังแบบ 3 มิติ
1. สร้างเอกสารใหม่ขึ้นมาขนาดประมาณ 500 x 500 pixels (สามารถปรับขนาดได้ตามต้องการ)
2. จากนั้นให้เลือกเครื่องมือ
3. เมื่อทำการไล่สีเรียบร้อยแล้วให้ไปที่เมนู Filter -->Stylize --> Extrude... และปรับค่าดังนี้
Type = Blocks
Size = 20 Pixels
Depth = 30, Random
เพียงเท่านี้เราก็จะได้พื้นหลัง แบบ 3 มิติ แบบเก๋ ๆ เอาไว้ตกแต่งเว็บไซ์ให้สวยงามแล้วคะ
ผลลัพธ์
3.การใส่ลูกเล่นให้ช่องใส่ comment ด้วย CSS
1. ไปที่ แก้ CSS ด้วยตัวเอง แล้วหาคำว่า input ดังข้างล่าง
input{
font:11px Tahoma,"MS Sans Serif";}
2. ต่อไปมาดูส่วนประกอบต่าง ๆ ที่เราสามารถจะเพิ่มไปใน input ได้ค่ะ
- font: ได้แก่ color, font-size, font-weight, font-family, font-style
- border: ได้แก่ border, border-top-color, border-left-color, border-right-color, border-bottom-color,
- background: ได้แก่ background-color, background-image
3. ตัวอย่างการเปลี่ยนปุ่มหลาย ๆ แบบ
Before: 
After:
| input {
border:2px solid;
border-top-color: #FF0000; /*สีแดง ขอบบนของปุ่ม*/
border-right-color: #FFFF00; /*สีเหลือง ขอบขวาของปุ่ม*/
}
 |
input {
font-size: 14px;
color: #990099; /*สีม่วง*/
font-family: Tahoma;
font-weight: bold;
}
 |
| input {
background-color: #FF9999;
border: 1px solid;
}
  |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น