FREE THEME ((WRITER)) บริการธีมงามๆ ♥

ลำดับตอนที่ #10 : FREE TRICK ll ทำธีมเอง สไตล์เฟรนิกซ์คุง (100%)

fre nix

Let's make THEME !

ก็อปโค๊ดนี้ไปค่ะ

fre<style type="text/css">
.head1 { background-color: #โค๊ดสีชื่อเรื่องหลัก

;  }              
.head2 {   background-color: #โค๊ดสีชื่อเรื่องรอง;          }                 
table.story {  border-color: #โค๊ดสีตาราง;           }                      
span.desc_head {font-weight: bold;  color: #โค๊ดสีตัวหนังสือ ข้อมูลเบื้องต้นของเรื่อง;          }                
table {           background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา;                border:#โค๊ดสีตาราง;     }                                  
td {                   background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา; border:#โค๊ดสีตาราง;  }</style>
<style type="text/css">
BODY{
background:url("Url รูปบีจี");
background-attachment:fixed;
}</style>
<style type="text/css">
a:hover { color:#โค๊ดสีตัวหนังสือบนไฮไลท์;
text-decoration:none; background:#โค๊ดสีพื้นหลังไฮไลท์;} </style>
<style type="text/css">
body {
scrollbar-track-color: #โค๊ดสี ;
scrollbar-face-color: #โค๊ดสี ;
scrollbar-3dlight-color: #โค๊ดสี;
scrollbar-highlight-color: #โค๊ดสี ;
scrollbar-darkshadow-color: #โค๊ดสี;
scrollbar-shadow-color: #โค๊ดสี;
scrollbar-arrow-color: #โค๊ดสี;
}</style>
<style type="text/css">
BODY{cursor:url("Url รูปเมาส์");}</style>
<style type="text/css">
<!--
a:hover {border-width : ขนาดเส้นpx;border-style :ลักษณะเส้น;border-color :#โค๊ดสี; }--></style>
<style type="text/css">
a:link { color: #โค๊ดสีลิงค์ตอนธรรมดา;text-decoration: none}
a:visited { color: #โค๊ดสีลิงค์ตอนที่เคยกดแล้ว; text-decoration: none}
a:active { color: #โค๊ดสีลิงค์ตอนที่กำลังกด; text-decoration: none}
a:hover { color: #โค๊ดสีลิงค์ตอนเอาเมาส์ชี้; text-decoration: none}</style>
<style type="text/css">
td,th,div,li,ul,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';}
body,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;}
ment,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;</style>nix

ปล.โค๊ดธีมนี้สามารถนำไปเพิ่มโค๊ดลูกเล่นอย่างอื่นได้อีก เช่นโค๊ดแฟลช ชี้ลิงค์แล้วขีดบน-ล่าง ซึ่งบางครั้งเจ้าของบทความก็มีการเปลี่ยนแปลงโค๊ดตามธีมเพื่อความสวยงาม แต่หลักๆคือแบบนี้เจ้าค่ะ

Let's make THEME !

อธิบายโค๊ดจ้า

ส่วนหลักๆของธีม
<style type="text/css">
.head1 { background-color: #โค๊ดสีชื่อเรื่องหลัก;  }              
.head2 {   background-color: #โค๊ดสีชื่อเรื่องรอง;          }                 
table.story {  border-color: #โค๊ดสีตาราง;           }                      
span.desc_head {font-weight: bold;  color: #โค๊ดสีตัวหนังสือ ข้อมูลเบื้องต้นของเรื่อง;          }                
table {           background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา;                border:#โค๊ดสีตาราง;     }                                  
td {                   background-color: #โค๊ดสีพื้นหลังส่วนเนื้อหา; border:#โค๊ดสีตาราง;  }</style>
เปลี่ยนตรงส่วนที่เป็น สีชมพูอ่อน ได้เลยจ้า นี่จะเป็นส่วนหลักๆของธีมนะคะ ต้องการ โค๊ดสี จิ้ม! *ถ้าไม่ต้องการใส่ตารางก็เปลี่ยนให้เป็นสีเดียวกับพื้นหลังส่วนเนื้อหา


ส่วนบีจี
<style type="text/css">
BODY{
background:url("Url รูปบีจี");
background-attachment:fixed;
}</style>
เปลี่ยน Url รูป สีม่วงอ่อน ของบีจีได้เลยจ่ะ 


ส่วนไฮไลท์ลิงค์
<style type="text/css">
a:hover { color:#โค๊ดสีตัวหนังสือบนไฮไลท์;
text-decoration:none; background:#โค๊ดสีพื้นหลังไฮไลท์;} </style>
เปลี่ยนตรง สีฟ้าอ่อน ได้เลยจ้า ต้องการ โค๊ดสี จิ้ม!


ส่วนสกรอบาร์
<style type="text/css">
body {
scrollbar-track-color: #โค๊ดสี ;
scrollbar-face-color: #โค๊ดสี ;
scrollbar-3dlight-color: #โค๊ดสี;
scrollbar-highlight-color: #โค๊ดสี ;
scrollbar-darkshadow-color: #โค๊ดสี;
scrollbar-shadow-color: #โค๊ดสี;
scrollbar-arrow-color: #โค๊ดสี;
}</style>
เปลี่ยนตรง สีเหลืองอ่อน ดูรูปด้านล่างประกอบจ้า ต้องการ โค๊ดสี จิ้ม!

ขอขอบคุณ Glitteryourway.com


ส่วนเมาส์
<style type="text/css">
BODY{cursor:url("Url รูปเมาส์");}</style>
เปลี่ยนตรง Url รูปเมาส์ สีเขียวอ่อน โดย Url ของเมาส์ ต้องมีสกุลไฟล์เป็น .cur หรือ .ani เท่านั้นจ้า!


ส่วนชี้ลิงค์มีกรอบ
<style type="text/css">
<!--
a:hover {border-width : ขนาดเส้นpx;border-style :ลักษณะเส้น;border-color :#โค๊ดสี; }--></style>
เปลี่ยนตรง สีแดงอ่อน นะคะ ส่วนลักษณะเส้นนั้น มีดังนี้...
 • dotted >> จุด
 • dashed >> เส้นประ {เฟรใช้อันนี้บ่อย!}
 • solid >> เส้นเดี่ยว
 • double >> เส้นคู่
ต้องการ โค๊ดสี จิ้ม!


ส่วนลิงค์
<style type="text/css">
a:link { color: #โค๊ดสีลิงค์ตอนธรรมดา;text-decoration: none}
a:visited { color: #โค๊ดสีลิงค์ตอนที่เคยกดแล้ว; text-decoration: none}
a:active { color: #โค๊ดสีลิงค์ตอนที่กำลังกด; text-decoration: none}
a:hover { color: #โค๊ดสีลิงค์ตอนเอาเมาส์ชี้; text-decoration: none}</style>
เปลี่ยนตรง สีน้ำเงินอ่อน ต้องการ โค๊ดสี จิ้ม!


เย้! สุดท้ายละ ส่วนตัวหนังสือทั้งหน้า
<style type="text/css">
td,th,div,li,ul,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';}
body,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;}
ment,p {
color: #โค๊ดสี;;
font-size: ขนาดตัวหนังสือpx;
font-family: 'ชื่อฟอนต์';
letter-spacing:0px;</style> 
เปลี่ยนตรง สีเทาอ่อน นะจ๊ะ ฟอนต์ที่เราใช้ก็คือ Tahoma นะ ต้องการ โค๊ดสี จิ้ม!

รวมเว็บแนะนำ ช่วยในการทำธีม

   www.wallcoo.com :: วอลเปเปอร์สวยๆงามๆ (ภาษาจีน)
   www.wallcoo.net :: วอลเปเปอร์สวยๆงามๆ (ภาษาอังกฤษ)
   www.cursors-4u.com :: เมาส์สวยๆงามๆ
   www.ladylony.com :: มีเมาส์งามๆ



เครดิตในหน้านี้

   ขอบคุณ yenta4 สำหรับของตกแต่งสวยๆ >..<
   ขอบคุณ zalim-code สำหรับกรอบเจ๋งๆ >,.<
   ขอบคุณธีมสวยๆจาก Fredroria Frenix (อ้าวไอ้นี่ ไม่ค่อยจะโฆษณาเลยเนอะ=[]=