★ How to Theme; สอนทำธีมแบบง่ายๆ

ลำดับตอนที่ #4 : ; หน้าตาของโค้ดธีม

k.elvin



เอาล่ะ นี่คือหน้าตาของโค้ดธีมทั้งหมดที่รวมไว้แล้วนะครับ :)
ยาวบรื๋อเลยยยย ~

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

<style type="text/css">

.head1 { background: โค้ดสี; }

.head2 { background: โค้ดสี; } 

table.story {  border-color:  โค้ดสี; }

span.desc_head {font-weight: bold;  color: โค้ดสี; }

body {

scrollbar-base-color: โค้ดสี;

scrollbar-arrow-color: โค้ดสี;

scrollbar-3dlight-color: โค้ดสี;

scrollbar-darkshadow-color: โค้ดสี;

scrollbar-face-color: โค้ดสี;

scrollbar-highlight-color: โค้ดสี;

scrollbar-shadow-color: โค้ดสี;

scrollbar-track-color: โค้ดสี;

} 

table {background:  โค้ดสี; border:none}  

td {background: โค้ดสี;border:none}  

A:hover {

color:โค้ดสี; 

background: โค้ดสี;

border-top: ขนาดขอบpx รูปแบบขอบ โค้ดสี;

border-bottom: ขนาดขอบpx รูปแบบขอบ โค้ดสี;

}

A:active {color: โค้ดสี}

body {background: โค้ดสี;

background-repeat:repeat;

background-position: ตำแหน่ง;

background-attachment:fixed}

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:10px; /* ขนาด font*/

font-family: รูปแบบฟ้อนต์; }

a:link {

    color:โค้ดสี;

  }

a:visited {

color: โค้ดสี;

}

<!--body { cursor:crosshair}// --> a{ cursor:crosshair}</style>

<style type="text/css">

input{color: สีตัวหนังสือ;

border:ขนาดขอบpx รูปแบบขอบ โค้ดสี;

background-color: สีพื้น ;

padding: 0px 3px 0px 3px;

;width: ขนาความยาวpx;height: ความสูงpx

; font-size:ขนาดฟ้อนท์px;

}</style>

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



เราไม่จำเป็นต้องจำได้หรอกครับ
เพราะในโค้ดจะมีตัวบอกใบ้ว่าอันนี้คืออะไร แล้วเราก็แค่แก้ไขมันเท่านั้นเอง
เดี๋ยวในตอนหน้าผมจะแยกโค้ดไว้ว่าแต่ละอันนั้นหมายถึงอะไรบ้าง
เอาล่ะ. นั่งจ้องโค้ดข้างบนให้สนุกนะครับ ฮา :D