many theme...

ลำดับตอนที่ #8 : ลายเส้นๆ

<style type="text/css">

.head1 {
background:   #FFCCFF  ;
border-bottom:5px dashed #FF6699 ; /*สีขอบล่างของชื่อเรื่อง*/
border-top:5px dashed #FF6699 ; /*สีขอบบนของชื่อเรื่อง*/
border-left:5px dashed #FF6699 ;  /*สีขอบซ้ายของชื่อเรื่อง*/
border-right:5px dashed #FF6699 ;  /*สีขอบขวาของชื่อเรื่อง*/

/*  1px คือขนาดของเส้นขอบ
---- dashed คือ รูปแบบของเส้นขอบ เปลี่ยนได้เป็น solid (เส้นตรง) ,
dotted (จุดๆ) เป็นต้น
------ 000000 คือโค้ดสี ต้องมีเครื่องหมาย # นำหน้าโค้ดสีเสมอนะ
และห้ามเว้นวรรคระหว่าง # และโค้ดสีเด็ดขาด

ตัวอย่างที่ผิด >> #  000000      
ตัวอย่างที่ถูก >>  #000000  */

}

.head1 h1 {
color:  #CC66FF   ; 
font-family: Angsana New  ;  /*เปลี่ยนแบบอักษรตรง head 1 ที่นี่ค่ะ*/
}

.head2 font {
color:   #000066  ;
font-size:20px;   /*เปลี่ยนขนาดตัวอักษรตรง head 2 ที่นี่ค่ะ*/
}

.head2 table,.head2,.head2 td {
background: #CCE9FD  ;   /*พื้นหลังส่วนของ head 2  และตารางในหน้า*/
}

a:link{
color:  #CC0099  ;  /*สีตัวอักษรที่เป็นลิงค์*/
}

A:active,a:visited {
color:  #6699CC  ;  /*สีตัวอักษรตอนที่คลิกลิงค์ และตอนที่ลิงค์แล้ว*/
}

A:hover {
color: #66FF66   ; /*สีตัวอักษรที่กำลังชี้ลิงค์*/
background:  #CCFF99   ;    /*สีพื้นหลังของตัวอักษรที่กำลังชี้ลิงค์*/

/*สามารถใส่กรอบตอนที่ชี้ลิงค์ได้ โดยเพิ่มโค้ดที่ไฮไลท์สีขาวข้างล่างนี้ ต่อท้ายส่วน background:  #FFFFFF   ;
border:2px solid #000000;*/
}

BODY {
scrollbar-darkshadow-color: #CCFFFF  ;
scrollbar-arrow-color:  #FFFFFF  ;
scrollbar-track-color:  #CCFFFF  ;
scrollbar-shadow-color:  #CCCCFF  ;
scrollbar-3dlight-color: #CCCCFF   ;
scrollbar-highlight-color: #CCFFFF  ;
scrollbar-face-color:  #CCFFFF  ;
}

INPUT,SELECT,TEXTAREA {
background-color: #FFCCCC ;
border:dotted 3px #FF6699;   /*เส้นขอบของ textarea และ input*/
color: #6600CC ;  /*ตัวอักษรภายใน*/
font-family: Angsana New ; /*ชื่อแบบอักษร (font)*/
font-size:20px;   /*ขนาดแบบอักษร*/
}

body {
background:#000 url(http://learners.in.th/file/potjarnart_mook/glitter_background_02.gif) repeat fixed;
}

table {
background: #BFEFFF  ;  /*พื้นหลังตาราง*/
border:none;
border-collapse:separate!important !important;
}

table,td,span.desc_head,tbody,tr {
background:  #BFEFFF  ;   /*พื้นหลังตาราง*/
border:none !important;
color: #009ACD  ; /*สีตัวอักษร*/
font-size:20px;   /*ขนาด font*/
}

table.story {
border:none;
color: #009ACD   ;  /*สีตัวอักษรใส่ตาราง*/
font-size:20px;   /*ขนาดตัวอักษร*/

}

td,th,div,body,li,ul,p {
color: #009ACD  ;   /*สีแบบอักษรทั้งหน้า*/
font-family:Angsana New ; /*ชื่อแบบอักษร (font)*/
font-size:20px;  /*ขนาดตัวอักษร*/
}

</style>