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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Dear Diary Theme {เดียร์ไดอารี่} ธีม' v.2

    ลำดับตอนที่ #2 : DEAR DIARY ≈ Hello Ha Color

    • อัปเดตล่าสุด 3 ก.ค. 57







     


     

    Dear Diary
    { Code Theme }


    <style type="text/css">
    p#big_text {
    background: #a0715a !important;
    color: #fff7f0 !important;
    font-family: Georgia,tahoma;
    font-size: 30px; 
    font-weight: bold;
    height: 54px;
    padding-top: 24px;} <!--{ปรับขนาดคัวอักษรให้พอดีกับช่อง}-->
    <!--{ตรงเฮด1 นี่คือรูปแบบของกรอบชื่อเรื่องนะคะ}-->
    .head1{
    border-radius:50px 50px 0px 0px;} <!--{สามารถเปลี่ยนแบบได้นะคะ}-->
    <!--{สีตัวอักษรตรงแถบนิยาย Tags ผู้แต่ง  MY.ID}-->
    ul.name_story li p {
    color: #febea1 !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรตรง :| นิยาย - เรื่องยาว : _____ พูดง่ายๆตรง คำว่า ฟรีสไตล์ / อื่นๆ  ตามภาพเลยคะ}-->
    ul.name_story li a {
    color: #b8876c !important;
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{ส่วนนี้คือ สีของเครื่องหมายทับ  /  คั่นคำว่า ฟรีสไตล์ / อื่นๆ}-->
    ul.name_story li .slash {
    color: #b8876c !important;
    }
    <!--{ส่วนนี้คือรูปแบบของลิงค์เมื่อเราเอาเมาส์ไปชี้ที่  พวก ฟรีสไตล์ / อื่นๆ  http://my.dek-d.com/ }-->
    ul.name_story li a:hover {
    background: #fff7f0 !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: #a0715a  !important;
    border: 1px dashed #โค้ดสีของเส้นประรอบปุ่มด้านใน;
    }
    <!--{ส่วนนี้คือโค้ดสีของพวกปุ่ม รูปตา กล่องคำพูด  หัวใจ เมื่อเราเอาเมาส์ไปชี้มัน}-->
    ul.box_facebook li .b_fb_like a:hover {
    background: #feef95  !important;
    border: 1px dashed #fed1be;
    }
    <!--{ส่วนนี้คือโค้ดโค้ดสีรอบนอกของปุ่มนะคะ (ตัวเทาๆจางๆนั่นแหละ)}-->
    ul.box_facebook li .b_fb_l_i01 {
    background: #fff2e5  !important;
    }
    <!--{ส่วนนี้คือสีของตัวอักษรข้างๆปุ่ม ตา คำพูด หัวใจ}-->
    ul.box_facebook li .b_fb_like p {
    color: #febea1 !important;
    font-family: tahoma; /*รูปแบบฟอนต์*/
    font-size: 12px; /*ขนาดฟอนต์สามารถปรับได้นะคะ*/
    }
    <!--{ตรงนี้คือเปลี่ยนสีตัวอักษรคำว่า จำนวนแชร์}-->
    p.box_facebook-right2 {
    color: #b8876c !important;
    }
    <!--{ตรงนี้คือเปลี่ยนสีตัวอักษรคำว่า แชร์นิยายเรื่องนี้ บนปุ่มเฟสบุ๊ค ทวิต}-->
    .box_facebook-right01 p {
    color: #b8876c !important;
    }
    <!--{ส่วนนี้คือแก้สีตัวอักษรที่เพี้ยน a:link สีตัวอักษรที่เป็นลิงค์ by P-mild-ItimYen}-->
    a:link{
    color: #b8876c !important;
    }
    <!--{สีตัวอักษรทั้งหน้าในเนื้อหาทั้งหมด}-->
    body{
    color: #b8876c !important;
    }
    <!--{สีตัวอักษรทั้งหน้าในเนื้อหาทั้งหมด}-->
    p{
    color: #b8876c !important;
    }
    <!--{ถัดมาที่ปุ่มโหวต Review Vote กลมๆทางมุมด้านขวามือ }-->
    a.review {
    background: #fff2e5  !important;
    color: #b8876c !important;
    }
    <!--{ตรงนี้คือเมื่อเราเอาเมาส์ชี้ที่ปุ่ม Review Vote นะคะ }-->
    a.review:hover {
    background: #b8876c  !important;
    color: #fff2e5 !important;
    }
    <!--{ถัดมาที่ปุ่มโหวต Report ซึ่งอยู่ข้างๆปุ่ม Review Vote นั่นแหละคะ }-->
    a.name_sb01 {
    background: #fff2e5 !important;
    color: #b8876c !important;
    }
    <!--{ตรงนี้คือเมื่อเราเอาเมาส์ชี้ที่ปุ่ม Report ค่ะ}-->
    .bigname_sb01:hover a.name_sb01 {
    background: #b8876c  !important;
    color: #fff2e5 !important;
    }
    <!--{ส่วนนี้คือตัวเลขสีเขียวที่อยู่บนคำว่า Rating และ  Vote(s)}-->
    p.vote_m {
    color: #b8876c !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรคำว่า  Rating และ  Vote(s) }-->
    p.vote_m span {
    color: #b8876c !important;
    }
    <!--{คราวนี้มาที่ส่วนของ h2 แถบสีเหลืองจีวรพระกันบ้างคะ }-->
    h2.box02, .box01 {
    background: #a0715a !important;
    }
    <!--{ส่วนนี้คือสีตัวอักษรในแถบสีเหลืองจีวรนะคะ }-->
    h2.box02 p {
    color: #fff7f0 !important;
    font-size: 14px; /*ขนาดตัวอักษรสามารถปรับได้นะคะ*/
    }
    <!--{ตรงนี้เป็นสีตัวอักษร  คำว่าบันทึกเป็น Favorite}-->
    .favor {
    color: #fff7f0 !important;
    }
    <!--{ตรงนี้เป็นสีตัวอักษรพวกแถบ   ค้นหาบทความ  |   เว็บบอร์ด Writer | บลาๆ }-->
    ul.box_uu01 li a {
    color: #fff7f0 !important;
    font-family: tahoma;
    font-size: 14px;
    }
    <!--{ส่วนนี้คือเส้นคั่นระหว่างแถบ ค้นหาบทความ เว็บบอร์ด}-->
    ul.box_uu01 li a{
    background: none !important;
    border-right: 1px dashed #fff7f0;
    }
    <!--{ส่วนนี้คือสีตัวอักษรของแถบ ตอน หมวด คนเข้าชม โพสท์ คะแนน อัพเดท}-->
    ul.box03_uu li p {
    color: #b8876c !important;
    font-family: tahoma;
    font-size: 12px;
    }
    <!--{ตรงนี้คือแถบ เขียนบทวิจารณ์ , เขียนคำนิยม }-->
    .box04_head {
    background: #a0715a !important;
    }
    <!--{ตรงนี้คือในแถบเขียนบทวิจารณ์ , เขียนคำนิยมตรงช่องเล็กๆนะคะ}-->
    a.box04_head03 {
    background: #fff7f0 !important;
    color: #a0715a !important;
    font-family: tahoma;
    font-size: 14px;
    }
    <!--{ใส่ Url รูปภาพแบล็คกราวน์ }-->
    body { background:url(http://i.imgur.com/Ewfp68G.png) repeat fixed !important; }
    table.story {
    border:none;
    color: #fff2e5  ;
    font-size:11px;   
    }
    #main {
    background: none !important;
    margin: auto;
    width: 987px;
    }
    <!--{ตัวนี้เป็นโค้ดสกอบาร์ค่ะของกูเกิ้ลโครม }-->
    ::-webkit-scrollbar { height: 15px; width: 12px; background: #fff7f0; }
    ::-webkit-scrollbar-thumb:vertical { background-color: #a0715a; height: 5px; border: 1px dashed #a0715a;}
    ::-webkit-scrollbar-thumb:hover{background:#a0715a;border: 1px dashed #a0715a;
    }
    <!--{ส่วนนี้คือเมื่อเราคลุมดำตัวอักษรทั้งหน้านะคะ}-->
    ::selection { background: #fed1be;color: #fff2e5;}::-moz-selection { background: #fed1be ;color: #fff2e5;
    }
    <!--{ตรงนี้เป็นสีของปุ่มตัวเลขคอมเม้น}-->
    .cl_pagetab li.cur {
    background: #febea1 !important;
    color: #fff7f0 !important;
    }
    <!--{โค้ดสีตัวอักษรตรง แถบด้านบน  ตรงลิงค์นี้ตรงเดียวนะคะ  My.iD :http://my.dek-d.com}-->
    ul.name_story li a.st-color {
    color: #b8876c !important;
    }
    <!--{โค้ดสีตัวอักษรที่เป็นลิงค์ }-->
    ul.box03_uu li a {
    color: #febea1 !important;
    font-family: tahoma;
    font-size: 12px; 
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{โค้ดสีตัวอักษรที่เคยคลิกแล้ว}-->
    a:active,a:visited {
    color:#feef95 !important;
    font-family: tahoma;
    font-size: 12px;
    -webkit-transition: 0.7s;-moz-transition:0.7s;
    }
    <!--{รูปแบบเมื่อชี้ลิงค์}-->
    A:hover {
    color:#b8876c !important;
    background: #fdf4bd !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: #a0715a !important;
    }
    <!--{สีเส้นขอบรอบความคิดเห็น และ สีเนื้อหาในกล่อง}-->
    .comment-setbubble {
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
    }
    <!--{สีตัวเลขจำนวนคนมาคอมเม้น}-->
    .comment-order {
    color: #a0715a !important;
    font-size: 14px;
    }
    <!--{ตรงนี้ลงไปคือสีหน้าของเนื้อหาที่เป็นสีขาวนะคะ สามารถเปลี่ยนเป็นสีอื่นได้}-->
    #big_head {
    background: #ffffff  !important;
    }
    .content {
    background: #ffffff  !important;
    }
    .box03 {
    background: #ffffff !important;
    }
    .box04_page {
    background: #ffffff !important;
    }
    <!--{ เปลี่ยนสีตัวอักษรคำว่า ยังไม่มีบทวิจารณ์ของเรื่องนี้}-->
    .no-data {
    color: #febea1 !important;
    }
    <!--{สีตัวอักษรในช่องคนมาวิจารณ์}-->
    p.box05_text01 {
    color: #b8876c !important;
    }
    p.box05_text02 {
    color: #b8876c !important;
    }
    <!--{แถบช่องเห็นด้วย หรือไม่เห็นด้วยในช่องคนมาวิจารณ์}-->
    .box06 {
    background: #fed1be  !important;
    }
    <!--{โค้ดสีใต้แถบเห็นด้วยไม่เห็นด้วย}-->
    .view_st {
    border-bottom: 1px dashed #ffffff;
    }
    <!--{ส่วนนี้คือโค้ดของตอนย่อยนะคะ}-->
    <!--{สีตัวอักษรพวก ตอนก่อนหน้า  กลับไปหน้าหลักนิยาย  บันทึกเป็น Favorite ตอนถัดไป}-->
    ul.next li a.next_color01 {
    color: #a0715a !important;
    }
    ul.next li a {
     
    color: #b8876c !important;
    }
    <!--{ส่วนนี้คือชื่อของตอนย่อย}-->
    p.font_nu01 {
    color: #b8876c !important;
    font-size: 16px;
    }
    <!--{ส่วนนี้คือเส้นประใต้ชื่อตอนย่อย}-->
    .big_next2 {
    border-bottom: 1px dashed #b8876c;
    }
    .big_next1 {
    border-top: 1px dashed #b8876c;
    }
    <!--{โค้ดสีของวัน/เดือน/ปี}-->
    p.font_nu02 {
    color: #b8876c !important;
    }
    <!--{ตรงหัวมุมกล่องคอมเม้น}-->
    <!--{อันนี้ตรงกล่องสมาชิกค่ะ}-->
    .comment-tabbable .comment-tabs .active button {
    border-top: 5px solid #b8876c;
    box-shadow:0px -3px 4px #b8876c !important;
    color: #b8876c !important;
    }
    <!--{อันนี้ตรงกล่องบุคคลทั่วไป}-->
    .cm-box-area .member, .cm-box-area .guest {
    background-color: #a0715a !important;
    color: #b8876c !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>
    <!--{เพิ่มเติมโค้ดส่วนนี้แนะนำอย่าลบออกอย่าปรับตัวเลขนะคะ}-->
     
     
     
     
     
    <style type="text/css">
    div.story {
    background-color: #ffffff;}</style>
    <style type="text/css">#head
    {display:none !important}</style>
    <style type="text/css">p>a>img
    {display:none !important;}</style>
    <style type="text/css">.accord-big
    {display:none !important}</style>
    <style type="text/css">.app-footer
    {display:none !important}</style>
    <style type="text/css">#main {
    background: url(ใส่ url รูปภาพพื้นหลัง) !important;
    margin: auto;
    width: 987px;}</style>
    <style type="text/css">#content_name {border: 1px solid #ffffff;}</style>
     
        <style type="text/css">h2.box02 p {
        background: none !important;}</style>
     
         <style type="text/css">.favor {
         background: none !important;}</style>
     
       <style type="text/css">ul.box_uu01 li a{
        background: none !important;
        border-right: 1px dashed #ffffff;}</style>
     <style type="text/css">#sec-menu {display:none !important;}</style>
    <style type="text/css">#sec-head {display:none !important;}</style>
    <style type="text/css">ul.banner_menu li a 
    {display:none !important;}</style>
     
    <style type="text/css">#sec-menu {display:none !important;}</style>
    <style type="text/css">#sec-head {display:none !important;}</style>
     
     
     
     
    <style type="text/css" name="P-mild-ItimYen">
    <!--{แบล็คกราวของแถบทูลบาร์}-->
    .btn,
    div>div>div>div>div {background:#ffffff !important;
    border-left:none !important;
    border-right:none !important;
    }
    div>div>div {background:none!important;}
    .notifications .user-main>a{
    border:none!important;
    }
    .btn,
    DIV>DIV>DIV>DIV>DIV {
    BACKGROUND:#ffffff!IMPORTANT;
    border-left:none !important;
    border-right:none !important;
    }
    .active,
    {
    background:#555555 !important;
    border:none!important;
    }
    -wrap,
    .menu-main>a{
    background:#ffffff !important;
    border:none!important;
    }
    ul,li,.screen-title,.submenu-supersub,.board-hot,.ordinary-content,.board-main,.gamelist,.recommend{border:none!important;
    }
    .score.steady,.score.up,.score.steady i,.score.up i,
    .steady span,.up span,.ordinary-content,
    .lookback,.seemore,.board-list,.submenu-home,
    .submenu-leftside,.submenu-main,.service,.dropdown-panel,.popup-panel{
    background:#ffffff !important;
    border:none!important;
    }
    <!--{สีเวลาชี้ลิ้งค์หัวข้อหลักบนทูลบาร์}-->
    li>i:hover,ul.menu-list>li>a:hover{
    color:#a0715a !important;
    background:#fff2e5 !important;
    }
    <!--{สีไอคอนเมนูย่อยของหน้าแรก}-->
    .submenu-home i{color:#a0715a !important;
    background:none!important;
    border:none!important;
    }
    .submenu-home i:hover{color:#fababa !important;
    background:none!important;
    border:none!important;
    }
    <!--{สีของไอคอนในเมนูบอร์ด เวลาชี้เม้าส์}-->
    .board-list a i:hover{
    color:#a0715a !important;
    }
    li,.service-sms,.board-list a,.search{
    background:none!important;
    border:none!important;
    } 
    <!--{สีพื้นหลังของกล่องเนื้อหา ควรใส่สีขาว}-->
    .story,#big_head,.content,#content_name,.box03,
    .box06,.box04_page,.cm-box-area,
    .comment-tabbable .comment-tabs .active button,
    .cm-box-area .member,.cm-box-area .guest,.reviews01,.reviews02,.more_review{
    background:#ffffff!important;
    border:none!important;
    }</style>
     
    <!--{เปลี่ยนสีคำนิยม}-->
    <style type="text/css">h2.box04_head02 {background: none !important;color: #ffffff;font-size: 14px;}</style>
     
    <!--{เปลี่ยนสีกล่อง Report เมื่อเมาส์ชี้}-->
     <style type="text/css">.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu { background: #ffffff;}</style>
    <!--{เปลี่ยนสีตัวอักษรในกล่อง}-->
    <style type="text/css">.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa { color: #ffffff;}</style>
     
     
    <!--{เปลี่ยนเส้นขอบสีเทา แถบโมดูล}-->
    <style type="text/css">
    .big_fb {border-top: 1px dashed #ffffff;}</style>
     
    <style type="text/css">
    p.vote_m {
        border-right: 1px dashed #ffffff;}</style>
     
    <style type="text/css">ul.box_facebook li .b_fb_like p.b_fb_l_font01 {
        border-left: 1px dashed #ffffff;}</style>
     
    <style type="text/css">
    .box_facebook-right01 {
        border-left: 1px dashed #ffffff;}</style>
     
     
    <!--{เปลี่ยนไอค่อนตรงหน้าชื่อนิยาย}-->
    <style type="text/css">ul.name_story li p 
    {background: url(http://i.imgur.com/5tT9sAu.png)no-repeat scroll 0 -0px ;padding:0px 0px 0px 5px ; 
    background-repeat:no-repeat;}</style>
     
    <!--{ลบขอบ}-->
    <style type="text/css">
    img{border:none!important;}</style>
     
     
    <style type="text/css">
    ul.next li a{background: none !important;
    border-right: 1px solid #FFFFFF;
    }
    p.font_nu02 {
    background: none !important;
    }
    .vote_box {background: none !important;
    }
    ul.bigsize li a {
    background: none !important;
    }</style>
     
    <!--{เปลี่ยนสีไอคอนในกล่องเม้น}-->
    <style type="text/css">
    .icon-mail:before,.icon-ip:before,.icon-facebook:before,.icon-twitter:before, .icon-google:before,.icon-setting:before {color:#ffffff;}/*ใส่โค้ดสีตรงนี้*/
    /*betting-bet*/</style><!--{เปลี่ยนสีสีของตัวเลข จำนวนแชร์}-->
    <style type="text/css">
    /*สีของตัวเลข จำนวนแชร์*/
    p.box_facebook-right2 strong {
    color:#b8876c; /*สีของตัวอักษร*/
    }
    /*betting-bet*/
    </style>
    <style type="text/css">.icon-comment_dash:before {display:none !important;}</style>
    <style type="text/css">h3 .ribbon {background: none !important;}</style>
    <!--{betting-bet}-->
     
    <!--{เปลี่ยนสีโหวตในตอนย่อย}-->
    <style type="text/css">
    .vote-sc {color: #a0715a; /*โค้ดสีตัวอักษร*/}
    </style>
     
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×