my.secret room's ห้องลับ สาวร้าย

ลำดับตอนที่ #1 : โค้ดธีม

 อ่า นี้คือโค้ดทั้งหมดที่หามานะคะ
**อู้ค่ะ ขี้เกียจใส่กล่องโค้ด 555555**

<style type="text/css">

ห้ามลบเด็ดขาด โดย SugarBlacked
เครดิตโค้ดต่างๆ HOWTWOTHEME,Theme4Fun,Mustachio{Code}
</style>

 

 

 <style type="text/css">

 

.head1 h1 {  color:#โค้ดสี !important;  }

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

border-bottom:1px solid #โค้ดสีกรอบล่าง;

border-top:1px solid #โค้ดสีกรอบซ้าย;

border-left:1px solid #โค้ดสีกรอบซ้าย;

border-right:1px solid #โค้ดสีกรอบขวา;  }

 

.head2 font {  color:#โค้ดสี;  }

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

border-bottom:1px solid #โค้ดสี;

border-top:1px solid #โค้ดสี;

border-left:1px solid #โค้ดสี;

border-right:1px solid #โค้ดสี;  }
span.small_title {  color: #โค้ดสี;  }
 

 

.tableBlack{  border-top:0px solid #ffffff;border-right:0px solid #ffffff;

border-bottom:0px solid #ffffff;border-left:0px solid #ffffff;  }   </style>

 

<style id="tantine" type="text/css">

table>tbody>tr>td>font>table>tbody>tr>td[align="left"],

img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #FFFFFF !important; } td[valign="middle"]>iframe { display:none }

</style>

 

<style type="text/css">

a:link {  color:#โค้ดสี;  }

a:visited {  color:#โค้ดสี;  }

a:hover {  color:#โค้ดสี;

background-color:#โค้ดสี;

border-top: 1px dashed #โค้ดสี;

border-bottom: 1px dashed #โค้ดสี;  }

a:active {  color:#โค้ดสี;  }   </style>

 

<style id="tantine" type="text/css">

.head2>img,img[align="absbottom"]

{ display:none !important; }

</style>

 

 

  

  <style type="text/css">

::selection{  background:#โค้ดสี; color:#โค้ดสี;  }

::-moz-selection{  background:#โค้ดสี; color:#โค้ดสี;  }

::-webkit-selection{  background:#โค้ดสี; color:#โค้ดสี;  }   </style>

 

<style type="text/css">

::-webkit-scrollbar {  width:12px;height:12px;  }

::-webkit-scrollbar-track {  background-color:#โค้ดสี;  }

::-webkit-scrollbar-thumb {  border-radius:10px;

background-color:#โค้ดสี; }   </style>    

   

 

<style type="text/css">

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

td {  background:none;border:0px;  }

body {  background: url(urlรูปภาพ);

background-repeat:repeat;

background-position:center;

background-attachment:fixed  }
hr {  visibility:hidden;  }  </style>

 

<style type="text/css">

td,th,div,body,li,ul,p {  color:#โค้ดสี!important;

font-family:Tahoma;font-size:11px;  }

td font {  color:#โค้ดสี!important;  }

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

span.desc_head {  font-weight: bold;

color:#โค้ดสี;  }   </style>

 

 

 <style id="tantine" type="text/css">

/*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/

input,select,textarea { background: #โค้ดสีพื้น !important; color: #โค้ดสีตัวอักษร !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }

</style>  
  

อธิบายส่วนของโค้ดนะคะ

.head1 h1 {  color:#โค้ดสีอักษร !important;  }

.head1 {  background:#โค้ดสีพื้น;

border-bottom:1px solid #โค้ดสีกรอบล่าง;

border-top:1px solid #โค้ดสีกรอบซ้าย;

border-left:1px solid #โค้ดสีกรอบซ้าย;

border-right:1px solid #โค้ดสีกรอบขวา;  }

 

ตรงนี้จะเป็นโค้ดสีตรงหัวเรื่องค่ะ ตรงที่มี solid สามารถเปลี่ยนเส้นได้เลยค่ะ ตามนี้เลย
ถ้าไม่อยากให้มีเส้นก็ตรง 1px เปลี่ยนเป็น 0 ให้หมดเลย
cr. ดร.ฟลู

.head2 font {  color:#โค้ดสีอักษร;  }

.head2 {  background:#โค้ดสีพื้น;

border-bottom:1px solid #โค้ดสี;

border-top:1px solid #โค้ดสี;

border-left:1px solid #โค้ดสี;

border-right:1px solid #โค้ดสี;  }
span.small_title {  color: #โค้ดสี;  }

ตรงนี้เป็นส่วนของชื่อตอนนะคะ ก็เหมือนใน h1
span.small_title คือโค้ดสีอักษรชื่อเรื่องค่ะ
ไม่ทราบเหมือนกันว่าทำไมต้องใส่ซ้ำ 555555555555
 

<style id="tantine" type="text/css">

table>tbody>tr>td>font>table>tbody>tr>td[align="left"],

img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #FFFFFF !important; } td[valign="middle"]>iframe { display:none }

</style>

ที่ทำพื้นหลังฟ้าไว้ให้ ตรงนี้เป็นส่วนของพื้นที่เขียนเนื้อหาค่ะ
เก็บโค้ดสีไว้ให้ดี เรายังต้องใช้อีก!

<style type="text/css">

a:link {  color:#โค้ดสีลิ้งค์;  }

a:visited {  color:#โค้ดสีลิ้งค์ที่ดูไปแล้ว;  }

a:hover {  color:#โค้ดสีลิ้งค์ที่ชี้ไว้;

background-color:#โค้ดสีพื้นหลังเมื่อชี้ลิ้งค์;

border-top: 1px dashed #โค้ดสีกรอบ;

border-bottom: 1px dashed #โค้ดสีกรอบ;  }
border-bottom: 1px dashed #โค้ดสีกรอบ;  }
border-left: 1px dashed #โค้ดสีกรอบ;  }
border-right: 1px dashed #โค้ดสีกรอบ;  }

a:active {  color:#โค้ดสีลิ้งที่คลิกค้าง;  }   </style>

ในส่วนนี้จะเป็นเรื่องของลิ้งค์ ซึ่งเราคิดว่ากำหนดสียากมากๆเลย = ='
ถ้าไม่อยากให้มีขอบต่างๆ เปลี่ยนขอบที่ไม่ต้องการจาก 1px ให้เป็น 0px
หรืออาจจะลบไปก็ได้ ไม่มีผลให้โค้ดเสียหาย
<style type="text/css">

::selection{  background:#โค้ดสี; color:#โค้ดสี;  }

::-moz-selection{  background:#โค้ดสี; color:#โค้ดสี;  }

::-webkit-selection{  background:#โค้ดสี; color:#โค้ดสี;  }   </style>

ในส่วนของโค้ดสีที่ก้อนนี้ ใช้สีเพียง 2 สีเท่านั้น
ฝั่งซ้าย สมมติใช้สีชมพู โค้ดอะไรก็ได้ 
ช่องที่ 2 , 3 นับจากข้างบนของโค้ดสีด้านซ้ายก็ใส่สีเดิม
ด้านขวาก็ เหมือนกัน

<style type="text/css">

::-webkit-scrollbar {  width:12px;height:12px;  }

::-webkit-scrollbar-track {  background-color:#โค้ดสี;  }

::-webkit-scrollbar-thumb {  border-radius:10px;

background-color:#โค้ดสี; }   </style>    

 

ส่วนนี้เป็นเรื่องของสกอร์บาร์ แสดงผลเพียงในโครมเท่านั้น
border-radius คือความโค้งมน ยิ่งโค้งมากก็จะดูหวานมากขึ้น เหมาะกับธีมน่ารักๆและธีมสีแสบๆ(?)

 

<style type="text/css">

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

td {  background:none;border:0px;  }

body {  background: url(URL บีจีที่ใช้ทำธีม);

background-repeat:repeat;

background-position:center;

background-attachment:fixed  }

hr {  visibility:hidden;  }  </style>

 

ในส่วนนี้เป็นเรื่องพื้นหลังค่ะ เพราะตรงนี้แหละ เราถึงให้เก็บโค้ดสีไว้ในแถบใกล้ๆที่ทำธีม
ที่ทำพื้นหลังโคดตรงก้อนนี้ไว้ นั่นแหละ วางโค้ดสีที่ก็อปไว้ในช่วงต้นลงไปเลย ^O^

 

<style type="text/css">

td,th,div,body,li,ul,p {  color:#โค้ดสี!important;

font-family:Tahoma;font-size:11px;  }

td font {  color:#โค้ดสี!important;  }

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

span.desc_head {  font-weight: bold;

color:#โค้ดสี;  }   </style>

ตรงที่ไฮไลท์ด้วยสีส้ม คือ สีอักษรทั้งหมดค่ะ
ที่ไฮไลท์ด้วยสีแดง คือ สีอักษรตรงเรทติ้ง,คนเข้าชมค่ะ
table.story คือ สีอักษรที่แนะนำเรื่องแบบย่อๆ
และ span.desc_head คือ สีอักษรตรงข้อมูลเบื้องต้นของเรื่องนี้ค่ะ
 

 <style id="tantine" type="text/css">

/*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/

input,select,textarea { background: #โค้ดสีพื้น !important; color: #โค้ดสีตัวอักษร !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }

</style>  
ส่วนนี้สำคัญมากๆค่ะ เรามาเดี้ยง(?)ตรงนี้ปหละ คือโค้ดสีในกล่องทุกๆชนิดค่ะ
เสร็จแล้ว!!!
สามารถเพิ่มเติมโค้ดต่างๆจากสองบทความนี้ได้ จิ้มไปเลยนะคะ
โค้ดแมวๆ