♥ Small House ., Secret Room :'D

ลำดับตอนที่ #12 : ♥ Secret Room ll ธีม ' A Dot Pink and White

♥ Secret Room ll ธีม ' A Dot Soft Pink





ธีมนี้ความสะเพร่าบานเบอะ
แก้แล้วแก้อีก สุดท้ายก็ออกมาอย่างเรียบง่าย !
ทำขึ้นฉลองสอบเสร็จค่ะ รวบยอดคริสต์มาส ปีใหม่ไปเลยเนอะ ! 555555
ได้แรงบันดาลใจจาก (?) การแต่งไอดีค่ะ

ดาวน์ทาวน์
23/12/2011




โค้ด' โค้ด'

 <style type="text/css">

.head1 {
background:url(http://www.color-hex.com/colorimg.php?color=ff769b);
border-bottom:1px solid #FF769B ; /*สีขอบล่างของชื่อเรื่อง*/
border-top:1px solid #FF769B ; /*สีขอบบนของชื่อเรื่อง*/
border-left:1px solid #FF769B ;  /*สีขอบซ้ายของชื่อเรื่อง*/
border-right:1px solid #FF769B ;  /*สีขอบขวาของชื่อเรื่อง*/

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

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

}

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

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

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

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

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

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

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

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

INPUT,SELECT,TEXTAREA {
background-color: #FFFFFF ;
border:dotted 1px #FFB5C5 ;   /*เส้นขอบของ textarea และ input*/
color: #FF6EB4 /*ตัวอักษรภายใน*/
font-family:tahoma;   /*ชื่อแบบอักษร (font)*/
font-size:11px;   /*ขนาดแบบอักษร*/
}

body {
background:#000 url(http://image.dek-d.com/25/2269291/109107060) repeat fixed;
}

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

table,td,span.desc_head,tbody,tr {
background:url(http://image.dek-d.com/25/2269291/108395147);   /*พื้นหลังตาราง*/
border:none !important;
color: #000000 /*สีตัวอักษร*/
font-size:11px;   /*ขนาด font*/

}

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

}

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

</style>

แต๊ง แต๊ง วิธีทำค่า