THEME 4FUN,,สอนทำธีม

ลำดับตอนที่ #17 : All ]} โค้ดธีมแบบใส

pop_ Kato

เนื่องจากว่าบางคนต้องการธีมเเบบใสๆเเล้วยังงง ทำไม่เป็นแบบหน้านี้
pop_Kato ได้นำมาประยุกต์ให้ใสเห็นพื้นหลัง เพื่อนๆสามารถนำโค้ดที่อยู่
ข้างล่างไปใช้ได้ไม่ว่ากัน
แต่อย่าลืมพื้นหลังควรออกเเนวเรียบๆเวลาอ่านไม่ลายตาเยี้ยงนี้ -_<

ปล.ห้ามเปลี่ยนตรงที่เน้นสีเเดงเด็ดขาดไม่งั้นมันจะไม่ใส




<style type="text/css">/*โค้ดเริ่มต้น*

.head1 { background:#โค้ดสี; } /*ตรง ชื่อบทความ */
.head2 {  background:#โค้ดสี; } /*ตรง ชื่อตอน*/
table.story {  border-color:#โค้ดสี; } /*สีตารางแสดงชื่อตอนต่างๆ*/
span.desc_head {font-weight: bold;  color:#โค้ดสี; }/*ตรง สีตัวอักษรแนะนำเรื่องแบบย่อๆ*/


table {background: none/*ส่วนที่เขียนเนื้อหาลงไป*/    ;border:0px dashed #โค้ดสี}  /*ขอบๆ*/
td {background:none/*ส่วนที่เขียนเนื้อหาลงไป*/    ;border:0px dashed #โค้ดสี}  /*ขอบๆ*/



<style type="text/css">/*ส่วนนี้คือ ตัวอักษรทั้งหน้าบทความ*/

td,th,div,body,li,ul,p {color: #โค้ดสี;font-size:0px; /* ขนาด font*/
font-family: Tahoma; /*จะเปลี่ยน font แก้ที่นี่ได้*/
  }</style>

a:link {/*สีตัวอักษรที่เป็นลิ้งค์*/
    color:        #โค้ดสี       ;
  }
a:visited {/*สีตัวอักษรที่เคยลิ้งค์ไปเเล้ว*/
color:       #โค้ดสี       ;
}</style>

<style type="text/css">
BODY { /*ส่วนนี้เป็นโค้ดสกอบาร์*/
scrollbar-face-color:#โค้ดสี;
scrollbar-shadow-color:#โค้ดสี;  
scrollbar-highlight-color:#โค้ดสี;
scrollbar-3dlight-color:#โค้ดสี;
scrollbar-darkshadow-color:#โค้ดสี;
scrollbar-track-color:#โค้ดสี;
scrollbar-arrow-color:#โค้ดสี;
}


 
A:hover {/*สีตัวอักษรเวลาชี้ลิ้งค์*/
color:#โค้ดสี;
background:#โค้ดสี;
border-top: 0px solid  #โค้ดสี  ; /*เส้นประกบเวลาชี้ลิ้งค์ บน-ล่าง*/
border-bottom:0px solid  #โค้ดสี ;
}



A:active {color: #โค้ดสี }/*ตัวอักษรที่กำลังกดลิ้งค์*/

body {background:url(http://);  /*URL ของพื้นหลัง*/
background-repeat:repeat;
background-position: center;
background-attachment:fixed}
BODY   {  
BORDER:0px inset  #โค้ดสี;/*กรอบบทความ*/
}</style>

/*กล่องคอมเม้น*/
INPUT, SELECT, TEXTAREA {/*สีพื้นหลังของปุ่ม*/
background-color: #โค้ดสี;
color:#โค้ดสี; /*สีตัวอักษรเเละปุ่มคอมเม้น*/
font-family: tahoma;/*font เปลี่ยนได้*/
font-size: 0px; /*ขนาด font*/
border: solid 0px #โค้ดสี;/*เส้นขอบเเละสี*/
padding: 0;
}</style>




สามารถดูส่วนประกอบโค้ดธีมได้[5] JoB,, ว่าด้วยเรื่องส่วนประกอบเเละโค้ดธีม 100%