•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥
สำหรับคนที่ต้องการจะทำธีมด้วยตัวเองจริงๆนะคะ
ต้องศึกษากันนานนิดหนึ่ง
ต้องมีความรู้พื้นฐานเรื่องโค้ดอยู่ด้วยนะคะ ถึงจะได้ไม่งงมากนัก
แต่ใครที่ขี้เกียจก็หาตามบทความนี้ก็ได้ค่ะ
◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•
จะอธิบายเป็นส่วนๆไปนะคะ
.head1 { background: ffe36e; } >>> เป็นสีของชื่อเรื่องค่ะ
.head2 { background: ffbe8f; } >>> เป็นสีของหัวเรื่องย่อยค่ะ
table.story { border-color:ffffff; }
span.desc_head {font-weight: bold; color: #e4dc31; } >>> เป็นสีตัวอักษรคำว่าแนะนำเรื่องแบบย่อๆ
BODY {
scrollbar-face-color:ff99a2;
scrollbar-shadow-color: ff99a2;
scrollbar-highlight-color:ff99a2;
scrollbar-3dlight-color:f2e7bc;
scrollbar-darkshadow-color:f2e7bc;
scrollbar-track-color: f2e7bc;
scrollbar-arrow-color: ffffff;
}
ตรงสีเทาใส่โค้ดสีลงไปค่ะ
รูปนี้เป็นส่วนประกอบของscollbarนะคะ
ตรงที่เป็นไฮไลท์สีส้มนะคะที่แสดงส่วนประกอบ
table {background:f7efcc;border:none} >>> สีเส้นตาราง td {background:f7efcc;
border:none;} >>> สีบีจีของคำอธิบย ตอนต่างๆของบทความ คอมเมนต์
A:hover {
color: ffe26a; >>> สีอักษรตอนลิงค์
background:f7c88b; >>> สีพื้นหลังตอนลิงค์
border-bottom: 2px dotted #ff6d7a; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านล่าง)
border-top: 1px solid #ff6d7a; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านบน)
}
A:active {color: #ff6d7a;} >>> สีตอนกดลิงค์
body {background-image: url(http://diary.yenta4.com/diary_folder/104131/104131_uploaded/bg/orange6.gif);
background-repeat:repeat;
background-position: center;
background-attachment:fixed} >>> urlของบีจี
BODY { BORDER-RIGHT: #dbbd42 14px ridge;
BORDER-TOP: #ffea94 14px ridge;
BORDER-LEFT: #ffea94 14px ridge;
BORDER-BOTTOM: #dbbd42 14px ridge }
| 2px solid | 2px dotted
| 2px dashed
| 2px ridge
| 2px groove
| 2px outset
| 2px inset | 5px double |
|
|
ใส่โค้ดสีของกรอบค่ะ
ใส่ความหนาของกรอบค่ะ
ใส่ลักษณะเส้น ดูจากข้างบน
<style type="text/css"> BODY{
color: #ff9495; >>> สีของลิงค์
font-family: Tahoma;
font-size: 12pt;
}
a:link {text-decoration:none; color:#ff9495; } >>>สีของลิงค์
a:visited {text-decoration:none; color: #ff9495; } >>> สีของลิงค์ที่เข้าชมแล้ว
a:active {text-decoration:none; color:#ff9495; } >>> สีตอนกดลิงค์
</style> |
|
การลงธีมบทความแบบง่ายๆ
Update By:: ADmin.Kae
04/10/51
ความคิดเห็น