••Free •แจกของทำธีมบทความ•

ลำดับตอนที่ #15 : Explain & Code || มาทำธีมบทความกัน !

Explain & Code || มาทำธีมบทความกัน !

สิ่งที่จะมานำเสนอก็คือ.. โค้ดที่ใช้ทำธีมบทความ !
ที่รวมโค้ดไว้แล้ว ;DD DD ที่ต้องทำก็แค่
ใส่ตรงสีแดง ให้ครบจ้า !แต่บางอันที่ไม่อยากใส่ก็เว้นไว้ได้เลยนะ
แล้วก็ตรงสีเขียวตอนที่ทำธีมเสร็จก็ลบมันออกไปด้วยนะ

เม้นด้วยนะ ! ตอนย่อยนี้เหนื่อย T^T~
เริ่มกันเลยเน้ออ

<style type="text/css"> 
.head1 { background: #โค้ดสีของหัวข้อบนสุดของบทความ ; } 
.head2 { background: #โค้ดสีของหัวข้อย่อยๆของบทความ ; } 
table.story { border-color: #โค้ดสีของตัวอักษรที่เขียนเป็นตัวเลขเรียงตอนย่อย และวันที่ที่ลง ; } 
span.desc_head {font-weight: bold; color: #โค้ดสีของตรง'แนะนำเรื่องแบบย่อๆ'ในหน้าบทความ ; } 
table {background: #โค้ดสีของพื้นที่ของเนื้อหา ;border:none} 
td {background: #โค้ดสีของพื้นที่ของเนื้อหา ที่ซ้อนทับกับด้านบนอีกที ;border:ขนาดเส้นpx ชนิดกรอบ #โค้ดสีของกรอบพื้นที่ของเนื้อหาไม่ใส่ก็เว้นไว้} 
A:hover { color: #โค้ดสีตัวอักษรเวลาชี้ลิ้ง ; 
background: #โค้ดสีที่จะไฮไลท์เมื่อชี้ลิ้ง ไม่ใส่ก็เว้นไว้ ; 
a:visited { color: #โค้ดสีเวลาที่กดลิ้งนั้นไปแล้ว ; }
A:active {color: #โค้ดสีเมื่อกดลิ้ง }
border-top: 1px solid #โค้ดสีเส้นขีดบนของเวลาชี้ลิ้ง ไม่ใส่ก็เว้นไว้ ; 
border-bottom: 1px solid #โค้ดสีเส้นขีดล่างของเวลาชี้ลิ้ง ไม่ใส่ก็เว้นไว้ ; }  
body {background: #โค้ดสีเวลากำลังรอรูปพื้นหลังขึ้น url(urlรูปของพื้นหลัง); 
background-repeat:repeat; 
background-position: left bottom; 
background-attachment:fixed}

ปอลอ. ตรง background position จะเปลี่ยนให้ bg เริ่มต้นที่ไหน,, เดี๋ยวจะสอนนะคะ

BODY { scrollbar-face-color: #โค้ดสีสกอบาร์ ; 
scrollbar-shadow-color: #โค้ดสีสกอบาร์ ; 
scrollbar-highlight-color: #โค้ดสีสกอบาร์ ; 
scrollbar-3dlight-color: #โค้ดสีสกอบาร์ ; 
scrollbar-darkshadow-color: #โค้ดสีสกอบาร์ ; 
scrollbar-track-color: #โค้ดสีสกอบาร์ ; 
scrollbar-arrow-color: #โค้ดสีสกอบาร์ ; }  
BODY { BORDER-top:15px solid #โค้ดสีของกรอบเว็ป ; 
BORDER-bottom:15px solid #โค้ดสีของกรอบเว็ป ; 
BORDER-right:15px solid #โค้ดสีของกรอบเว็ป ; 
BORDER-left:15px solid #โค้ดสีของกรอบเว็ป ; }
</style><style type="text/css"> 
td,th,div,body,li,ul,p {color: # ;font-size:12px; /* ขนาด font*/ 
font-family: Tahoma; /*เปลี่ยนฟอนต์ได้ที่ font-familyเลย*/ } 
a:link { color:#โค้ดสีลิ้ง ; } 
body { cursor:url(โค้ดเม้าส์);
 a{ cursor:url(โค้ดเม้าส์)}</style>

เพิ่มเติ่ม +
ชนิดกรอบ