โทนสีดำ ตัวหนังสือมีสีสัน ภาพจากฮอลแลนด์

Code บล็อกสำเร็จ ท่านสามารถ Copy Code ไปใช่ได้เลยค่ะ

สวัสดีค่ะ ทุกท่าน วันนี้เป็นโทนดำค่ะ

แต่มีีเติมแต้ม สีสัน เล็กน้อยค่ะ

 

ดูหน้าตาเมื่อนำโค๊ตสำเร็จไปใช่ค่ะ จะได้หน้าบล็อกเป็นแบบนี้ค่ะ

 

 

และท่านสามารถปรับแต่งใหม่ตามที่ท่านชอบได้ด้วยเปลี่ยนแปลงในโค๊ดเหล่านี้ค่ะ

1. Code BG ชั้นนอน

body{background: โค๊ตสีที่ต้องการ; background-image:url(http:ภาพที่ต้องการใช่);}

2. Code BG ตรงขอบรอบบล็อก

div#page-wrapper {background-image:url(http:ภาพที่ต้องการใช่);}

3. Code สำหรับหัวบล็อก

div#title{padding: 18px 4px 35px;font-size:0;color:โค๊ตสีที่ต้องการ; background:โค๊ตสีที่ต้องการ;background-image:url(http:ภาพที่ต้องการใช่); background-repeat:no-repeat;background-position:center;height:280px;}

4. Code container

div#container {width: 840px; background: โค๊ตสีที่ต้องการ;}

5. Code subtitle

div#subtitle { background:โค๊ตสีที่ต้องการ;}

6. Code ribbon

div#ribbon{background:โค๊ตสีที่ต้องการ;}

7.Code เส้นกรอบรอบๆ บล็อก และ BG บริเวณในบล็อก

div#page{border: solid โค๊ตสีที่ต้องการ 0px; background:โค๊ตสีที่ต้องการ;border-bottom:solidโค๊ตสีที่ต้องการ 0px;}

8.Code BG ในกล่องคอมเม้นท์

form{border: ridge 4px โค๊ตสีที่ต้องการ; background-image:url(http:ภาพที่ต้องการใช่);
background-repeat:repeat;}

9. Code กรอบ พื้นที่ ที่เป็นฟอร์มไว้พิมพ์

form{border:2px ridge โค๊ตสีที่ต้องการ;}

10. Code เมาส์

div{ cursor:crosshair; }

Code สำเร็จของบล็อกนี้ copy ไปใช่ได้เลยจ๊ะ

body{background:#FFFFFF; background-image:url(http://i130.photobucket.com/albums/p269/NuiErnik/bg_152929.png);} div#page-wrapper {background-image:url(http://i181.photobucket.com/albums/x73/learn4travel/1000%20BG/bg_147476.png);} div#title{padding: 18px 4px 35px; font-size:0;color:#362D1E; background:#FFFFFF;background-image:url(http://i130.photobucket.com/albums/p269/NuiErnik/Holland2.jpg); background-repeat:no-repeat;background-position:center;height:280px;} div#subtitle { background:#2B261E;} div#container {width: 840px; background: #AFBAB2;} div#ribbon{background:#050403;} div#page{border: solid#02283A 0px; background:#FFFFFF;border-bottom:solid#02283A 0px;} form{border: ridge 4px #69573A; background-image:url(http://i130.photobucket.com/albums/p269/NuiErnik/bg_152936.png); background-repeat:repeat;} form{border:2px ridge #000000;} div { cursor:crosshair; }

[บวร]

ตามมาชม เรียนรู้ และขออนุญาตนำไปใช้ด้วยนะครับ ขอบพระคุณมากครับ