[MAYURA theme]เเจกธีมบทความค่ะ^o^///

ลำดับตอนที่ #1 : [MAYURA theam] ธีมลายดอกกุหลาบสีดำ

โค้ดดิบ

<style type="text/css">

.head1 {

background:   #898E8C   ;

border-bottom:1px dashed #D1D1C6 ; /*สีขอบล่างของชื่อเรื่อง*/

border-top:1px dashed #D1D1C6 ; /*สีขอบบนของชื่อเรื่อง*/

border-left:1px dashed #D1D1C6 ;  /*สีขอบซ้ายของชื่อเรื่อง*/

border-right:1px dashed #D1D1C6 ;  /*สีขอบขวาของชื่อเรื่อง*/

/*  1px คือขนาดของเส้นขอบ

---- dashed คือ รูปแบบของเส้นขอบ เปลี่ยนได้เป็น solid (เส้นตรง) ,

dotted (จุดๆ) เป็นต้น

------ 000000 คือโค้ดสี ต้องมีเครื่องหมาย # นำหน้าโค้ดสีเสมอนะ

และห้ามเว้นวรรคระหว่าง # และโค้ดสีเด็ดขาด

ตัวอย่างที่ผิด >> #  000000      

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

}

.head1 h1 {

color:  #565959   ; 

font-family:   Tahoma    ;  /*เปลี่ยนแบบอักษรตรง head 1 ที่นี่ค่ะ*/

}

.head2 font {

color:    #565959 ;

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

}

.head2 table,.head2,.head2 td {

background: #BABFB7  ;   /*พื้นหลังส่วนของ head 2  และตารางในหน้า*/

}

a:link{

color:  #898E8C  ;  /*สีตัวอักษรที่เป็นลิงค์*/

}

A:active,a:visited {

color:  #FFFFFF  ;  /*สีตัวอักษรตอนที่คลิกลิงค์ และตอนที่ลิงค์แล้ว*/

}

A:hover {

color: #FFFFFF    ; /*สีตัวอักษรที่กำลังชี้ลิงค์*/

background:  #BABFB7   ;    /*สีพื้นหลังของตัวอักษรที่กำลังชี้ลิงค์*/

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

border:1px solid #000000;*/

}

BODY {

scrollbar-darkshadow-color: #D1D1C6  ;

scrollbar-arrow-color:  #DDDBD1 ;

scrollbar-track-color: #A3A8A3   ;

scrollbar-shadow-color:  #898E8C  ;

scrollbar-3dlight-color: #565959   ;

scrollbar-highlight-color: #494C49  ;

scrollbar-face-color: #919693;

}  

INPUT,SELECT,TEXTAREA {

background-color:  #D1D1C6 ;

border:dotted 1px #A3A8A3 ;   /*เส้นขอบของ textarea และ input*/

color: #898E8C  ;  /*ตัวอักษรภายใน*/

font-family:tahoma;   /*ชื่อแบบอักษร (font)*/

font-size:11px;   /*ขนาดแบบอักษร*/

}

body {

background:#000 url(http://i0006.photobucket.com/albums/0006/findstuff22/Backgrounds/patterns1.jpg) repeat fixed;

}

table {

background: #D1D1C6 ;  /*พื้นหลังตาราง*/

border:none;

border-collapse:separate!important !important;

}

table,td,span.desc_head,tbody,tr {

background: #D1D1C6   ;   /*พื้นหลังตาราง*/

border:none !important;

color:#A3A8A3   ; /*สีตัวอักษร*/

font-size:11px;   /*ขนาด font*/

}

table.story {

border:none;

color: #A3A8A3   ;  /*สีตัวอักษรใส่ตาราง*/

font-size:11px;   /*ขนาดตัวอักษร*/

}

td,th,div,body,li,ul,p {

color:#565959   ;   /*สีแบบอักษรทั้งหน้า*/

font-family:Tahoma;  /*ชื่อแบบอักษร (font)*/

font-size:11px;  /*ขนาดตัวอักษร*/

}

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

a:hover { position: relative; top: 1px; left:1px; }

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

img { filter: alpha(opacity=100); opacity:1.0; }

img:hover { filter: alpha(opacity=70); opacity:.7; }

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

.left,.right{border:none;}

.mainborder{ border:none;}

table {border:none;}

</style>

นี่เฮ้ดบทความค่ะจะใส่ก็ได้นะหรือจะเปลี่ยนเป็นภาพอื่นก็ได้ค่ะ^^

<script>

document.images[0].src ="http://i927.photobucket.com/albums/ad115/ecnelisterger/Wallpapers/491822.jpg";

document.images[0].width =620; document.images[0].height=465

</script>




เฮ้ดนี้เหมือนที่หน้าบทความนะค่ะ^^


เเล้วก็นี่ค่ะโค้ดเเฟลชมายูระไม่ได้รวมกับโค้ดธีมนะค่ะเเล้วเเต่จะใส่^^

<embed style="left: 0px; width: 820px; position: absolute; top: 0px; height: 370px;" src="http://imgfree.21cn.com/free/flash/1.swf" type="application/octet-stream" wmode="transparent" quality="high" align="3" height="370" width="1"></embed>

ปล.ต้องขอโทษด้วยนะค่ะที่มายูระไม่ได้ใส่โค้ดเมาส์ให้เพราะมันไม่มีโค้ดเมาส์อันไหนเลยที่เหมาะกับธีมนี้TT