::::::::::::::::::::: L'esclave de Dieu :::::::::::::::::::::

สิ่งที่จะต้องเตรียม

1. รูปที่ต้องการขนาด 451x235px **ควรให้เข้ากะสีของบลอคและตัวอักษรจะได้ไม่กลืนหายไปกะรูป

2. ความต้องการส่วนตัวในการปรับแต่ง อันนี้จำเป็นมากๆ เพราะถ้าไม่รู้ว่าตัวเองต้องการแบบไหนก็จบเห่

3. ไอเดียนิดๆ

form{

border:1px solid #000000;

background-image: url('ใส่URLของรูป');

margin:10px;

font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma, MS Sans Serif; padding-left:20px; padding-right:5px; padding-top:2px; padding-bottom:2px

}

input{

font:11px Tahoma,"MS Sans Serif";

background-color:#FFFFFF;filter:Alpha(opacity=40) <<อันนี้ใส่เพื่อทำให้ปุ่มกดในฟอร์มมีความกลมกลืนกับภาพ ก็คือทำให้สีแบคฯจางลงนั่นเอง เปลี่ยนสีแบคฯของปุ่มได้ และopacityก็ปรับได้เช่นกัน

}

textarea{

background-color:#FFFFFF;filter:Alpha(opacity=50) <<อันนี้คือส่วนที่ทำให้ช่องพิมพ์ข้อความมีรูปแบคฯจางๆของฟอร์ม ถ้าไม่ชอบเราสามารถตัดส่วนนี้ออกได้

}

อันนี้เป็นส่วนของที่แสดงข้อความคอมเมนท์

.comment{

background-image: url('ใส่URLของรูป'); <<รูปสูงตามใจชอบ เพราะมันก็แสดงแค่เท่าที่มีข้อความแต่ควรจะกว้าง 451 นะ จะเอารูปของฟอร์มมาทำให้จางลงก็ได้

padding:2px 5px 2px 5px;

margin:10px;

border:2px dotted #000000;

border-left:2px dotted #000000;

}

TRICK!!

1. เราสามารถทำให้สกอร์ลบาร์ในฟอร์มกับของบลอคต่างกันได้ โดยใส่ HTML ของสกอร์ลบาร์ที่ต้องการลงไปในฟอร์ม

ข้อควรระวัง : เมื่อเราปรับให้พื้นที่พิมพ์ข้อความมีรูปจางๆของแบคฯฟอร์มตามวิธีข้างบนแล้ว สีของสกอร์ลฯจะกลืนไปด้วย เพราะฉะนั้นควรเลือกสีให้โดดออกมานะ จะได้ไม่กลืนกัน

form{

BODY {scrollbar-face-color:#FFFFFF;

scrollbar-shadow-color:#3C82A4;

scrollbar-highlight-color:#3C82A4;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

scrollbar-arrow-color:#17bddb;

border:1px solid #000000;

background-image: url('xxx');

margin:10px;

font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma, MS Sans Serif; padding-left:20px; padding-right:5px; padding-top:2px; padding-bottom:2px

}

2. ตามที่หลายๆคนเคยไปโพสไว้ในบลอคที่สอนHow to making BLOGทั้งหลายในexteen ว่าจะหาโค้ดสีมาจากไหน คำตอบคือ หาได้จาก MS Frontpage,Macromedia Dreamweaver,Macromedia Flash ในPhotoshopก็ใช้ได้แต่ค่าที่ได้จะออกมาเป็น RGBซึ่งต้องไปแทนค่าในFrontpage อีกทีอยู่ดี

ถ้ามีข้อสงสัยก็ทิ้งคอมเมนท์ไว้ได้ วันจันทร์จะมาตอบ เสาร์-อาทิตย์หยุดทำการ วันศุกร์ทำงานแต่เช้าเลยไม่ว่าง

หรือถ้าสงสัยมากๆต้องการคำตอบด่วนก็

ท่านมาสเตอร์สุดหล่อ

คุณinat

คุณipats

หรือไม่ก็ลองไปค้นที่ http://www.w3schools.com/css/default.asp ไปพลางๆก่อน...แต่ถ้าท่านเหล่านั้นไม่สามารถให้คำตอบที่ต้องการได้ ก็จงรอเรามาตอบวันจันทร์นะจ๊ะ :p