ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    テスコデ✿

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

    • อัปเดตล่าสุด 14 พ.ค. 57



     Lesson one |

    <style type="text/css">
    p#big_text {
    background: #ใส่โค้ดสีของชื่อเรื่อง !important;
    color: #สีตัวอักษรของชื่อเรื่อง !important;
    font-family: Georgia,tahoma;
    font-size: ขนาดฟอนต์px; 
    font-weight: bold;
    height: ความสูงของกล่องpx;
    padding-top: 25px;} <!--{ปรับขนาดคัวอักษรให้พอดีกับช่อง}-->
    <!--{ตรงเฮด1 นี่คือรูปแบบของกรอบชื่อเรื่องนะคะ}-->
    .head1{
    border-radius: 25px 10px / 10px 25px;} <!--{สามารถเปลี่ยนแบบได้นะคะ}-->
    <!--{สีตัวอักษรตรงแถบนิยาย Tags ผู้แต่ง  MY.ID}-->
    ul.name_story li p {
    color: #ใส่โค้ดสี !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรตรง :| นิยาย - เรื่องยาว : _____ พูดง่ายๆตรง คำว่า ฟรีสไตล์ / อื่นๆ  ตามภาพเลยคะ}-->
    ul.name_story li a {
    color: #ใส่โค้ดสี !important;
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{ส่วนนี้คือ สีของเครื่องหมายทับ  /  คั่นคำว่า ฟรีสไตล์ / อื่นๆ}-->
    ul.name_story li .slash {
    color: #ใส่โค้ดสี !important;
    }
    <!--{ส่วนนี้คือรูปแบบของลิงค์เมื่อเราเอาเมาส์ไปชี้ที่  พวก ฟรีสไตล์ / อื่นๆ  http://my.dek-d.com/ }-->
    ul.name_story li a:hover {
    background: #ใส่โค้ดสี !important;
    -webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #ใส่โค้ดสี; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 
    text-decoration: none;
    }
    <!--{ตรงนี้ไม่ต้องไปยุ่งกับมัน}-->
    .name_storybox {
    color: #FFFFFF ;
    }
    <!--{โค้ดสีของพวกปุ่ม รูปตา กล่องคำพูด หัวใจ}-->
    ul.box_facebook li .b_fb_like a {
    background: #ใส่โค้ดสีของปุ่ม  !important;
    border: 1px dashed #โค้ดสีของเส้นประรอบปุ่มด้านใน;
    }
    <!--{ส่วนนี้คือโค้ดสีของพวกปุ่ม รูปตา กล่องคำพูด  หัวใจ เมื่อเราเอาเมาส์ไปชี้มัน}-->
    ul.box_facebook li .b_fb_like a:hover {
    background: #ใส่โค้ดสีของชื่อเรื่อง  !important;
    border: 1px dashed #โค้ดสีของเส้นประรอบปุ่มด้านใน;
    }
    <!--{ส่วนนี้คือโค้ดโค้ดสีรอบนอกของปุ่มนะคะ (ตัวเทาๆจางๆนั่นแหละ)}-->
    ul.box_facebook li .b_fb_l_i01 {
    background: #ใส่โค้ดสีของปุ่ม  !important;
    }
    <!--{ส่วนนี้คือสีของตัวอักษรข้างๆปุ่ม ตา คำพูด หัวใจ}-->
    ul.box_facebook li .b_fb_like p {
    color: #โค้ดสีตัวอักษร !important;
    font-family: tahoma; /*รูปแบบฟอนต์*/
    font-size: 12px; /*ขนาดฟอนต์สามารถปรับได้นะคะ*/
    }
    <!--{ตรงนี้คือเปลี่ยนสีตัวอักษรคำว่า จำนวนแชร์}-->
    p.box_facebook-right2 {
    color: #ใส่โค้ดสีตัวอักษร !important;
    }
    <!--{ตรงนี้คือเปลี่ยนสีตัวอักษรคำว่า แชร์นิยายเรื่องนี้ บนปุ่มเฟสบุ๊ค ทวิต}-->
    .box_facebook-right01 p {
    color: #ใส่โค้ดสีตัวอักษร !important;
    }
    <!--{ส่วนนี้คือแก้สีตัวอักษรที่เพี้ยน a:link สีตัวอักษรที่เป็นลิงค์ by P-mild-ItimYen}-->
    a:link{
    color: #ใส่โค้ดสี !important;
    }
    <!--{สีตัวอักษรทั้งหน้าในเนื้อหาทั้งหมด}-->
    body{
    color: #ใส่โค้ดสี !important;
    }
    <!--{สีตัวอักษรทั้งหน้าในเนื้อหาทั้งหมด}-->
    p{
    color: #ใส่โค้ดสี !important;
    }
    <!--{ถัดมาที่ปุ่มโหวต Review Vote กลมๆทางมุมด้านขวามือ }-->
    a.review {
    background: #ใส่โค้ดสีของปุ่ม  !important;
    color: #โค้ดสีตัวอักษรในปุ่ม !important;
    }
    <!--{ตรงนี้คือเมื่อเราเอาเมาส์ชี้ที่ปุ่ม Review Vote นะคะ }-->
    a.review:hover {
    background: #ใส่โค้ดสีของปุ่ม  !important;
    color: #โค้ดสีตัวอักษรในปุ่ม !important;
    }
    <!--{ถัดมาที่ปุ่มโหวต Report ซึ่งอยู่ข้างๆปุ่ม Review Vote นั่นแหละคะ }-->
    a.name_sb01 {
    background: #ใส่โค้ดสีของปุ่ม !important;
    color: #โค้ดสีตัวอักษรในปุ่ม !important;
    }
    <!--{ตรงนี้คือเมื่อเราเอาเมาส์ชี้ที่ปุ่ม Report ค่ะ}-->
    .bigname_sb01:hover a.name_sb01 {
    background: #ใส่โค้ดสีของปุ่ม  !important;
    color: #โค้ดสีตัวอักษรในปุ่ม !important;
    }
    <!--{ส่วนนี้คือตัวเลขสีเขียวที่อยู่บนคำว่า Rating และ  Vote(s)}-->
    p.vote_m {
    color: #ใส่โค้ดสี !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรคำว่า  Rating และ  Vote(s) }-->
    p.vote_m span {
    color: #ใส่โค้ดสี !important;
    }
    <!--{คราวนี้มาที่ส่วนของ h2 แถบสีเหลืองจีวรพระกันบ้างคะ }-->
    h2.box02, .box01 {
    background: #ใส่โค้ดสี !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรในแถบสีเหลืองจีวรนะคะ }-->
    h2.box02 p {
    color: #ใส่โค้ดสี !important;
    font-size: 14px; /*ขนาดตัวอักษรสามารถปรับได้นะคะ*/
    }
    <!--{ตรงนี้เป็นสีตัวอักษร  คำว่าบันทึกเป็น Favorite}-->
    .favor {
    color: #ใส่โค้ดสี !important;
    }
    <!--{ตรงนี้เป็นสีตัวอักษรพวกแถบ   ค้นหาบทความ  |   เว็บบอร์ด Writer | บลาๆ }-->
    ul.box_uu01 li a {
    color: #ใส่โค้ดสี !important;
    font-family: tahoma;
    font-size: 14px;
    }
    <!--{ส่วนนี้คือเส้นคั่นระหว่างแถบ ค้นหาบทความ เว็บบอร์ด}-->
    ul.box_uu01 li a{
    background: none !important;
    border-right: 1px dashed #ใส่โค้ดสี;
    }
    <!--{ส่วนนี้คือสีตัวอักษรของแถบ ตอน หมวด คนเข้าชม โพสท์ คะแนน อัพเดท}-->
    ul.box03_uu li p {
    color: #ใส่โค้ดสี !important;
    font-family: tahoma;
    font-size: 12px;
    }
    <!--{ตรงนี้คือแถบ เขียนบทวิจารณ์ , เขียนคำนิยม }-->
    .box04_head {
    background: #ใส่โค้ดสีแบล็คกราว !important;
    }
    <!--{ตรงนี้คือในแถบเขียนบทวิจารณ์ , เขียนคำนิยมตรงช่องเล็กๆนะคะ}-->
    a.box04_head03 {
    background: #ใส่โค้ดสีแบล็คกราว !important;
    color: #โค้ดสีตัวอักษรในช่องเล็กๆ !important;
    font-family: tahoma;
    font-size: 14px;
    }
    <!--{ใส่ Url รูปภาพแบล็คกราวน์ }-->
    body { background:url(ใส่ url รูปภาพพื้นหลัง) repeat fixed !important; }
    table.story {
    border:none;
    color: #ใส่โค้ดสีพื้นหลัง  ;
    font-size:11px;   
    }
    #main {
    background: none !important;
    margin: auto;
    width: 987px;
    }
    <!--{ตัวนี้เป็นโค้ดสกอบาร์ค่ะของกูเกิ้ลโครม }-->
    ::-webkit-scrollbar { height: 15px; width: 12px; background: #สีพื้นหลังสกอบาร์; }
    ::-webkit-scrollbar-thumb:vertical { background-color: #สีสกอบาร์เมื่อยังไม่คลิก; height: 5px; border: 1px dashed #สีเส้นประสกอบาร์เมื่อยังไม่คลิก;}
    ::-webkit-scrollbar-thumb:hover{background:#สีสกอบาร์เมื่อคลิก;border: 1px dashed #สีเส้นประสกอบาร์เมื่อคลิก;
    }
    <!--{ส่วนนี้คือเมื่อเราคลุมดำตัวอักษรทั้งหน้านะคะ}-->
    ::selection { background: #ใส่โค้ดสีเมื่อคลุมดำ;color: #ใส่โค้ดสีตัวอักษร;}::-moz-selection { background: #ใส่โค้ดสีเมื่อคลุมดำ ;color: #ใส่โค้ดสีตัวอักษร;
    }
    <!--{ตรงนี้เป็นสีของปุ่มตัวเลขคอมเม้น}-->
    .cl_pagetab li.cur {
    background: #ใส่โค้ดสี !important;
    color: #ใส่โค้ดสีตัวเลข !important;
    }
    <!--{โค้ดสีตัวอักษรตรง แถบด้านบน  ตรงลิงค์นี้ตรงเดียวนะคะ  My.iD :http://my.dek-d.com}-->
    ul.name_story li a.st-color {
    color: #ใส่โค้ดสี !important;
    }
    <!--{โค้ดสีตัวอักษรที่เป็นลิงค์ }-->
    ul.box03_uu li a {
    color: #ใส่โค้ดสี !important;
    font-family: tahoma;
    font-size: 12px; 
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{โค้ดสีตัวอักษรที่เคยคลิกแล้ว}-->
    a:active,a:visited {
    color:#ใส่โค้ดสี !important;
    font-family: tahoma;
    font-size: 12px;
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{รูปแบบเมื่อชี้ลิงค์}-->
    A:hover {
    color:#ใส่โค้ดสีตัวอักษร !important;
    background: #สีพื้นหลัง !important;
    -webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #ใส่โค้ดสีที่มีอีกสีนึงยื่นออกมา; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
    }
    <!--{เปลี่ยนสีตรงแถบด้านล่างความคิดเห็น}-->
    .comment-action {
    background-color: #โค้ดสี !important;
    }
    <!--{สีเส้นขอบรอบความคิดเห็น และ สีเนื้อหาในกล่อง}-->
    .comment-setbubble {
    border: 2px solid #โค้ดสี !important;
    background-color: #ใส่โค้ดสี !important;
    }
    <!--{สีตัวเลขจำนวนคนมาคอมเม้น}-->
    .comment-order {
    color: #ใส่โค้ดสี !important;
    font-size: ขนาดตัวเลขpx;
    }
    <!--{ตรงนี้ลงไปคือสีหน้าของเนื้อหาที่เป็นสีขาวนะคะ สามารถเปลี่ยนเป็นสีอื่นได้}-->
    #big_head {
    background: #ใส่โค้ดสี  !important;
    }
    .content {
    background: #ใส่โค้ดสี  !important;
    }
    .box03 {
    background: #ใส่โค้ดสี !important;
    }
    .box04_page {
    background: #ใส่โค้ดสี !important;
    }
    <!--{ เปลี่ยนสีตัวอักษรคำว่า ยังไม่มีบทวิจารณ์ของเรื่องนี้}-->
    .no-data {
    color: #ใส่โค้ดสี !important;
    }
    <!--{สีตัวอักษรในช่องคนมาวิจารณ์}-->
    p.box05_text01 {
    color: #ใส่โค้ดสี !important;
    }
    p.box05_text02 {
    color: #ใส่โค้ดสี !important;
    }
    <!--{แถบช่องเห็นด้วย หรือไม่เห็นด้วยในช่องคนมาวิจารณ์}-->
    .box06 {
    background: #ใส่โค้ดสี  !important;
    }
    <!--{โค้ดสีใต้แถบเห็นด้วยไม่เห็นด้วย}-->
    .view_st {
    border-bottom: 1px dashed #ใส่โค้ดสี;
    }
    <!--{ส่วนนี้คือโค้ดของตอนย่อยนะคะ}-->
    <!--{สีตัวอักษรพวก ตอนก่อนหน้า  กลับไปหน้าหลักนิยาย  บันทึกเป็น Favorite ตอนถัดไป}-->
    ul.next li a.next_color01 {
    color: #ใส่โค้ดสีตัวอักษร !important;
    }
    ul.next li a {
     
    color: #ใส่โค้ดสีตัวอักษร !important;
    }
    <!--{ส่วนนี้คือชื่อของตอนย่อย}-->
    p.font_nu01 {
    color: #ใส่โค้ดสี !important;
    font-size: 16px;
    }
    <!--{ส่วนนี้คือเส้นประใต้ชื่อตอนย่อย}-->
    .big_next2 {
    border-bottom: 1px dashed #ใส่โค้ดสีของเส้นประ;
    }
    .big_next1 {
    border-top: 1px dashed #ใส่โค้ดสีเส้นประเช่นเดียวกับโค้ดด้านบน;
    }
    <!--{โค้ดสีของวัน/เดือน/ปี}-->
    p.font_nu02 {
    color: #ใส่โค้ดสี !important;
    }
    <!--{ตรงหัวมุมกล่องคอมเม้น}-->
    <!--{อันนี้ตรงกล่องสมาชิกค่ะ}-->
    .comment-tabbable .comment-tabs .active button {
    border-top: 5px solid #ใส่โค้ดสี;
    box-shadow:0px -3px 4px #ใส่โค้ดสีของเงา !important;
    color: #ใส่โค้ดสีตัวอักษรคำว่าสมาชิก !important;
    }
    <!--{อันนี้ตรงกล่องบุคคลทั่วไป}-->
    .cm-box-area .member, .cm-box-area .guest {
    background-color: #ใส่โค้ดสีแบล็คกราว !important;
    color: #ใส่โค้ดสีตัวอักษรคำว่าบุคคลทั่วไป !important;}
    </style>
     
    <!--{เพิ่มเติม  เปลี่ยนพื้นหลังเนื้อหา และตัวอักษร ตรง ข้อมูลเบื้องต้นของเรื่องนี้ แนะนำให้ใช้สีขาว }-->
    <style type="text/css">
    div.story {
    background-color: #ffffff !important;
    }
    div.story .desc_head {
    color: #ffffff !important;
    }
    ul.next {
    width: 600px;
    }
    a.box04_head03 {
    width: 200px;
    }
    ul.box_uu01 li a.box_uu_icon00 {
    text-indent: 20px;
    }
    .favor {
    padding-right: 50px;
    }
    .vote_box2 {
    width: 163px;
    }
    a.vote_box3 {
    width: 65px;
    }
    </style>
    <!--{เพิ่มเติมโค้ดส่วนนี้แนะนำอย่าลบออกอย่าปรับตัวเลขนะคะ}-->



    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×