{My Bedroom} คนไม่สวยห้ามเข้า

ลำดับตอนที่ #4 : Code

พื้นหลังแบบใส่สี

<style type="text/css">
body {background:#โค้ดสี;
background-repeat:repeat;
background-position:center;
background-attachment:fixed}
</style>



พื้นหลังแบบใส่รูปภาพ


<style type="text/css">
body {background:url(http://....);
background-repeat:repeat;
background-position:center;
background-attachment:fixed}
</style>

กล่องเลื่อน
<div align="center">
<table cellspacing="0" cellpadding="0" border="0" align="center" style="width: 316px; height: 288px;">
    <tbody>
        <tr>
            <td>
            <div align="center">
            <div align="center" style="border-style: dotted solid dotted dotted; border-color: rgb(0, 0, 0); border-width: 1px; overflow: auto; font-size: 12px; float: left; width: 313px; color: rgb(102, 102, 102); line-height: 20px; letter-spacing: 2px; height: 278px;">พิมพ์ตรงนี้จ้ะ  ^w^</div>
            </div>
            </td>
        </tr>
    </tbody>
</table>
</div>
</span></font></div>

<style type="text/css">

.head1 { background:#โค้ดสี; }
.head2 {  background:#โค้ดสี; }
table.story {  border-color:#โค้ดสี; }
span.desc_head {font-weight: bold;  color:#โค้ดสี; }


table {background:#โค้ดสี;border:0px dashed #โค้ดสี}
td {background:#โค้ดสี;border:0px dashed #โค้ดสี}

A:hover {
color:#โค้ดสี;
background:# โค้ดสี;
border-top:#โค้ดสี 1px dashed;
border-bottom:#โค้ดสี 1px dashed;
}
A:active {color:#โค้ดสี;}
<style type="text/css">
BODY{
      color: #โค้ดสี;
            font-family: Tahoma;
            font-size: 12pt;
            }
a:link {text-decoration:none; color:#โค้ดสี; }
a:visited {text-decoration:none; color: #โค้ดสี; }
a:active {text-decoration:none; color: #โค้ดสี; }

td,th,div,body,li,ul,p {
    color: #โค้ดสี;
    font-size:12px;
    font-family: 'Tahoma';
  }</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:#โค้ดสี;
}

body {background:url(http://);
background-repeat:repeat;
background-position: center;
background-attachment:fixed}
BODY   {  
BORDER:15px inset  #โค้ดสี;
}</style>

<style type="text/css">
INPUT, SELECT, TEXTAREA {
background-color:#โค้ดสี;
color:#โค้ดสี;
font-family: tahoma;
font-size: 12px;
border: solid 1px #โค้ดสี;
padding: 0;
}</style>

<style type="text/css">

BODY{
color: #โค้ดสี;
font-family: Tahoma;
font-size: 11pt;
}

a:link {text-decoration:none; color:#โค้ด สี; }
a:visited {text-decoration:none; color: #โค้ดสี; }
a:active {text-decoration:none; color: #โค้ด สี; } 

td,th,div,body,li,ul,p {
    color: #โค้ด สี;
    font-size:11px;
    font-family: 'Tahoma';
  }</style>



อธิบายโค้ด

(1)
เปลี่ยนสีลิ้งค์หลัก

BODY{
☞ สีลิ้งค์หลัก color: #โค้ดสี;
           ☞ รูปแบบฟอนต์  font-family: Tahoma;
 ☞ ขนาดตัวอักษรลิ้งค์ font-size: 11pt;
}

(2)
เปลี่ยนสีลิ้งค์,ลิ้งที่ชี้อยู่,ลิ้งค์ที่กดไปแล้ว


  ☞ สีอักษรลิ้งค์ a:link {text-decoration:none; color:#โค้ด สี; }
 ☞ สีลิ้งค์ที่เคยกดไปแล้ว  a:visited {text-decoration:none; color: #โค้ดสี; }
  ☞ สีลิ้งค์ที่กำลังเอาเมาส์ไปชี้อยู่ a:active {text-decoration:none; color: #โค้ด สี; } 

(3)
อันสุดท้ายนี้ไม่เกี่ยวกับลิ้งค์นะค่ะ
เป็นโค้ดเปลี่ยนตัวอักษรทั้งหน้าบทความเลย
เช่น ชื่อบทความ ชื่อตอน เป็นต้น

td,th,div,body,li,ul,p {
   ☞ สีอักษรทั้งหน้า  color: #โค้ด สี;
    ☞ ขนาดตัวอักษร font-size:11px;
   ☞ รูปแบบฟอนต์ตัวอักษร font-family: 'Tahoma';
  }




head บทความ

<script>
document.images[0].src ="ใส่ url ของเฮดบทความตรงนี้";
document.images[0].width =500; document.images[0].height=70
</script>