" E i n l a n e a r ' s World "

ลำดับตอนที่ #1 : Theme ,, ทำธีม แอร๊ยยย

<style type="text/css">

.head1 { background:        ; } /*ควรเป็นสีที่เข้มที่สุดของ bg นะคะ*/

.head2 {  background:            ; } /*ควรเป็นสีที่เข้มรองลงมา อาจเป็นสีเดียวกับ .head1 ก็ได้*/

table.story {  border-color:           ; } /*สีตาราง ไม่ต้องเติมก็ได้ค่ะ*/

span.desc_head {font-weight: bold;  color:             ; } /*สี font ตรงคำอธิบายบทความ เป็นสีที่ไม่ต้องเข้มมากก็ได้*/

BODY {

scrollbar-face-color:             ; /*สีพื้นหน้าของสกอลบาร์  เป็นสีเดียวกับ .head1 ก็ได้ค่ะ*/

scrollbar-shadow-color:            ; /*เป็นสีที่อ่อนที่สุดของพื้นหลังค่ะ*/

scrollbar-highlight-color:           ; /*สีเดียวกับ shadow ช่องข้างบนค่ะ*/

scrollbar-3dlight-color:          ; /*สีเดียวกับ face*/

scrollbar-darkshadow-color:                 ; /*สีเดียวกับ face*/

scrollbar-track-color:         ; /*สีที่อ่อนที่สุดของพื้นหลัง สีเดียวกับ shadow และ highlight*/

scrollbar-arrow-color:                 ; /*สีที่อ่อนที่สุดของพื้นหลัง สีเดียวกับ shadow และ highlight*/

}

table {background:               ;border:none} /*สีตารางส่วนมากจะกำหนดให้เป็นสีที่อ่อนที่สุดของพื้นหลัง แต่อาจเป็นแบบโปร่งแสงก็ได้*/

td {background:                   ;border:none} /*ส่วนใหญ่เทมไม่ได้ใส่สีของขอบเลยค่ะ*/

A:hover {

color:                 ;  /*เป็นสีที่เด่นสุด แต่ไม่กลืนกับพื้นหลัง*/

}

A:active {color:                       } /*สีเดียวกับตัว .head ก็ได้*/

BODY   {

BORDER:15px inset #              ; /*สีที่เข้มที่สุดของพื้นหลัง หรือสีดำไปเลย*/

}</style>

<style type="text/css">

td,th,div,body,li,ul,p {color:   ; /*สี font ทั้งหน้าบทความ*/ 

font-size:11px; /* ขนาด font*/

font-family: Tahoma; /*จะเปลี่ยนรูปแบบ font แก้ที่นี่ได้เลย*/

}

a:link {

color:                ; /*สีที่ต่างจากสีตัวอักษรทั้งหมด แต่ไม่กลืนกับพื้นหลัง*/

}

a:visited {

color:               ; /*คนละสีกับสี link เพื่อให้ง่ายต่อการดูว่าเราเคยคลิกลิงค์ไหนไปแล้วบ้างค่ะ*/

}

</style>

<style type="text/css"> /*โค้ดเมาส์นี่เปลี่ยนกันตามสบายเลยนะคะ*/

<!--body  {

cursor:crosshair}

{a:crosshair}

// -->

</style>

<style type="text/css">

INPUT, SELECT, TEXTAREA {

background-color:            ; /*สีพื้นหลังของปุ่มกด และที่เขียนคอมเม้นท์ เป็นสีเดียวกับสีที่เข้มที่สุดของพื้นหลังค่ะ*/

color:          ; /*สีตัวอักษรของปุ่มและที่เขียนคอมเม้นท์ เทมชอบให้มันเป็นสีเดียวกับพื้นตารางอ่ะ*/

font-family: tahoma; /*รูปแบบตัวอักษร*/

font-size: 11px; /*ขนาดตัวอักษร*/

border: dashed 1px #             ;  /*สีและรูปแบบเส้นขอบ เทมมักจะให้อันนี้เป็นสีเดียวกับ color อ่ะค่ะ แหะๆ*/

padding: 0; /*ระยะห่างของตัวหนังสือกับเส้นขอบ ไม่ต้องปรับก็ได้ค่ะ*/

}

</style>


----------------------------------------------------------------------------------------------------------------------------



จาก ท่าน เทม


แบบละเอียดก็ตรงนี้..
http://writer.dek-d.com/dek-d/writer/viewlongc.php?id=365877&chapter=3

----------------------------------------------------------------------------------------------------------------------------





• dotted >> จุด
• dashed >> เส้นประ 
• solid >> เส้นเดี่ยว
• double >> เส้นคู่



ท่าน เฟร


<style type="text/css">
.head1 { background-color: #โค๊ดสีชื่อเรื่องหลัก;  }              
.head2 {   background-color: #โค๊ดสีชื่อเรื่องรอง;          }                 
table.story {  border-color: #โค๊ดสีตาราง;           }                      
span.desc_head {font-weight: bold;  color: #โค๊ดสีตัวหนังสือ ข้อมูลเบื้องต้นของเรื่อง;          }                
table {           background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา;                border:#โค๊ดสีตาราง;     }                                  
td {                   background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา; border:#โค๊ดสีตาราง;  }</style>
<style type="text/css">
BODY{
background:url("Url รูปบีจี");
background-attachment:fixed;
}</style>
<style type="text/css">
a:hover { color:#โค๊ดสีตัวหนังสือบนไฮไลท์;
text-decoration:none; background:#โค๊ดสีพื้นหลังไฮไลท์;} </style>
<style type="text/css">
body {
scrollbar-track-color: #โค๊ดสี ;
scrollbar-face-color: #โค๊ดสี ;
scrollbar-3dlight-color: #โค๊ดสี;
scrollbar-highlight-color: #โค๊ดสี ;
scrollbar-darkshadow-color: #โค๊ดสี;
scrollbar-shadow-color: #โค๊ดสี;
scrollbar-arrow-color: #โค๊ดสี;
}</style>
<style type="text/css">
BODY{cursor:url("Url รูปเมาส์");}</style>
<style type="text/css">
<!--
a:hover {border-width : ขนาดเส้นpx;border-style :ลักษณะเส้น;border-color :#โค๊ดสี; }--></style>
<style type="text/css">
a:link { color: #โค๊ดสีลิงค์ตอนธรรมดา;text-decoration: none}
a:visited { color: #โค๊ดสีลิงค์ตอนที่เคยกดแล้ว; text-decoration: none}
a:active { color: #โค๊ดสีลิงค์ตอนที่กำลังกด; text-decoration: none}
a:hover { color: #โค๊ดสีลิงค์ตอนเอาเมาส์ชี้; text-decoration: none}</style>
<style type="text/css">
td,th,div,li,ul,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';}
body,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;}
ment,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;</style>


เวอร์ชั่นใส่รูปตรง head 1 ได้

<style type="text/css">
.head1 { background:url(ใส่ Url รูปบีจี);  }              
.head2 {   background:url(ใส่ Url รูปบีจี);          }                 
table.story {  border-color: #โค๊ดสีตาราง;           }                      
span.desc_head {font-weight: bold;  color: #โค๊ดสีตัวหนังสือ ข้อมูลเบื้องต้นของเรื่อง;          }                
table {           background:url(ใส่ Url รูปบีจี -- ตรงนี้ก็เปลี่ยนได้);                border:#โค๊ดสีตาราง;     }                                  
td {                   background:url(ใส่ Url รูปบีจี -- ตรงนี้ก็เปลี่ยนได้); border:#โค๊ดสีตาราง;  }</style>
<style type="text/css">
BODY{
background:url("Url รูปบีจี");
background-attachment:fixed;
}</style>
<style type="text/css">
a:hover { color:#โค๊ดสีตัวหนังสือบนไฮไลท์;
text-decoration:none; background:#โค๊ดสีพื้นหลังไฮไลท์;} </style>
<style type="text/css">
body {
scrollbar-track-color: #โค๊ดสี ;
scrollbar-face-color: #โค๊ดสี ;
scrollbar-3dlight-color: #โค๊ดสี;
scrollbar-highlight-color: #โค๊ดสี ;
scrollbar-darkshadow-color: #โค๊ดสี;
scrollbar-shadow-color: #โค๊ดสี;
scrollbar-arrow-color: #โค๊ดสี;
}</style>
<style type="text/css">
BODY{cursor:url("Url รูปเมาส์");}</style>
<style type="text/css">
<!--
a:hover {border-width : ขนาดเส้นpx;border-style :ลักษณะเส้น;border-color :#โค๊ดสี; }--></style>
<style type="text/css">
a:link { color: #โค๊ดสีลิงค์ตอนธรรมดา;text-decoration: none}
a:visited { color: #โค๊ดสีลิงค์ตอนที่เคยกดแล้ว; text-decoration: none}
a:active { color: #โค๊ดสีลิงค์ตอนที่กำลังกด; text-decoration: none}
a:hover { color: #โค๊ดสีลิงค์ตอนเอาเมาส์ชี้; text-decoration: none}</style>
<style type="text/css">
td,th,div,li,ul,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';}
body,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;}
ment,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;</style>