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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    HOLP THEME. {V.2}

    ลำดับตอนที่ #2 : HOLP THEME :: pastel dot yellow

    • อัปเดตล่าสุด 21 พ.ย. 57


    pastel dot yellow





    CODE THEME

    <style name="LOOKAOM" type="text/css">
    body{
    background:url(http://i.imgur.com/w5VUa.png)!important;
    background-repeat:repeat;
    background-position:center!important;
    background-attachment:fixed!important;
    }
    div#main.clear{
    background: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:#FFF!important;
    border:none!important;
    }
    .head1{
    background:#FFF!important;
    border:0px dashed #FFF;
    padding-top: 35px; 
    padding-bottom: 20px; 
    }
    p#big_text{
    color:#FFD247!important;
    font-family:tahoma;
    font-size:35px!important;
    border-radius: 38px 38px 0 0 ;
    }
    h2,.box04_head{
    background:#FFF!important; 
    }
    h2.box02,.box04_head2,.box04_head{
    border:1px dashed #FFF!important; 
    }
    h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{
    color:#000!important; 
    background:none!important;
    }
    a.box04_head03{
    height:23px;line-height:24px;
    float:right;text-indent:30px;width:150px;
    }
    .desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,
    p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,
    .owner-username,#usermenu .usernamename, .notifications .usernamename,
    .name-area,.icon-mail,.icon-ip,
    .comment-tabbable .comment-tabs .active button{
    color:#FFD247!important;
    }
    li{font-size:9px;}
    h3>span{   
    color:#FFD247!important;
    }
    .comment-order{font-size:25px!important;
    }
    P.vote_m{
    color:#FFD247!important;
    border-right:1px dashed #CDC5BF!important;
    } 
    ul.name_story li p{background:none!important;
    }
    div>a.review,div>a.name_sb01,div.name_storybox>a{ 
    color:#FFF!important;
    background:#FFE492!important;
    border:1px solid #FFF!important;
    }
    .bigname_sb01 ul.name_sb01_uu li{border:none!important;}  
    img[src*="/writer14_arow01.png"]{display:none!important;}  
    .bigname_sb01 ul.name_sb01_uu, .bigname_sb01 img.name_sb01_img{
    background:#FFE492!important;
    }
    ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa{
    background:none!important;text-indent:0px;font-size:12px;
    }  
    .b_fb_l_i01,ul.box_uu01 li a{background:none!important;} 
    ul.box_facebook li .b_fb_like a{
    background:#FFE492!important;
    border:1px solid #FFF!important;
    -webkit-box-shadow:none!important; 
    }
     
    div>a.review:hover, 
    div>a.name_sb01:hover,
    div.name_storybox>a:hover,
    ul.box_facebook li .b_fb_like a:hover{
    background:##FFE492!important;
    border:1px dashed #FFF!important;
    }
    ul.box_facebook li .b_fb_like a:hover{
    padding:1px 1px 1px 1px; 
    }
    .big_fb{
    border-top:1px dashed #CDC5BF!important;
    }
    .b_fb_l_font01,
    .box_facebook-right01{
    border-left:1px dashed #CDC5BF!important;
    }
    .ribbon{background:none!important;} 
    li.cur{background:none!important;} 
    .arrow_box:after,#drag-to-quote:after{border:none!important;} /*ลบลูกศรของกล่องเมนูของเฟือง*/
    .comment-setbubble{
    background:#FFF!important; 
    border:1px solid #FFE492!important; 
    -webkit-box-shadow:none!important; 
    }
    .comment-action:before{background:none!important;}
    .comment-action{
    background:#FFE492!important;
    border-radius:5px 5px 5px 5px!important; 
    }
    .arrow_box li{border:none!important;} 
    .cm-setting button{border:none!important;
    } 
    .icon-setting,.btn-social i{
    color:#FFF!important;
    text-shadow:none!important;
    }
    .icon-setting:hover,
    .btn-social i:hover{
    color:#FFE492!important;
    }
    .arrow_box{background:none!important;} 
    button{box-shadow:none!important;} 
    button{
    color:#FFF!important; 
    background:#FFE492!important;border:none!important; 
    border:none!important;
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    button:hover{
    color:#FFD247!important; 
    background:#FFF!important;border:none!important;  
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    /***อวาตาร์ของคนคอมเม้นท์***/
    .avatar{
    border-radius:50% 50% 50% 50%!important;
    background:#FFE492!important;
    border:1px dashed #FFD247!important;
    padding:7px!important; 
    -webkit-transition:linear 2s; 
    -moz-transition:linear 2s; 
    }
    .avatar:hover{
    -webkit-transform:rotate(360deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/
    border-radius:5% 5% 5% 5%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/
    background:#FFF!important;
    border:1px dashed #FFD247!important;
    -webkit-transition:linear 2s; 
    -moz-transition:linear 2s; 
    }
     
    /*รูปอวาตาร์*/
    img[src*='/1/newtoon/'],.user-pic-comment{
    width:85px;
    height:85px; 
    border-radius:50% 50% 50% 50%!important; 
    -webkit-transition:linear 2s; 
    -moz-transition:linear 2s; 
    }
    img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
    border-radius:50% 50% 50% 50%!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    span.cke_skin_kama{
    background:#FFF!important; 
    border-radius:5px 5px 5px 5px; 
    border:1px dashed #FFD247!important;
    padding:3px; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    .cke_skin_kama .cke_wrapper{
    background:#FFE492!important; 
    border-radius:5px 5px 5px 5px; 
    border:1px solid #FFD247!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    span.cke_skin_kama:hover{
    /*ใส่สไตล์ของพื้นหลังกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    .cke_skin_kama .cke_wrapper:hover{
    /*ใส่สไตล์ของพื้นตัวกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 1s;
    -moz-transition:linear 1s; 
    }
    .cm-box-area .comment-submit{
    border:1px dotted #FFF!important;
    }
    .cm-box-area .comment-submit:hover{
    border:1px dashed #FFF!important;
    }
    .btn-orange{
    width:140px!important; 
    padding:5px!important; 
    background:#FFE492!important; 
    color:#FFF!important; /
    text-shadow:none!important; 
    -webkit-box-shadow:none!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    .btn-orange:hover{
    background:#FFF!important; 
    color:#FFE492!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    input,select,textarea{
    color:#FFF!important;
    background:#FFE492!important;
    border-top:1px dotted #FFF!important;  
    border-bottom:1px dotted #FFF!important; 
    border-left:1px dotted #FFF!important;  
    border-right:1px dotted #FFF!important;  
    font-family:tahoma; 
    -webkit-box-shadow:none!important;  
    }
    .text-area,.select,.input-box{
    border:none!important;background:none!important;
    }
    .cm-box-area .cm-setcmbox,.cm-box-area .text-area{
    box-shadow:none!important;
    }
    *::selection{ /*สำหรับ browser IE*/
    background:#FFE492!important;
    color:#FFF!important;
    } 
    *::-moz-selection{ /*สำหรับ browser firefox*/
    background:#FFE492!important;
    color:#FFF!important;
    } 
    *::-webkit-selection{ /*สำหรับ browser chrome*/
    background:#FFE492!important;
    color:#FFF!important;
    }
    ::-webkit-scrollbar{width:9px;} /*ความกว้างของสกรอลล์บาร์ ปรับค่าได้*/
    ::-webkit-scrollbar-track{
    background:#FFF!important; 
    border-radius:0px; 
    }
    ::-webkit-scrollbar-thumb{
    background:#FFE492!important; 
    border:1px dashed #FFE492!important; 
    border-radius:3px; 
    }
    ::-webkit-scrollbar-thumb:hover{
    background:#FFE492!important;  
    border:3px solid #FFF!important;  
    border-radius:3px;  
    }
    a:link{
    color:#ใส่โค้ดสีของลิ้งค์;  /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/
    text-decoration:none!important;   
    -webkit-transition:1s; 
    -moz-transition:1s;  
    }
     
    a:active,a:visited{
    color:##FCFFB5!important;
    text-decoration:none!important;
    }
     
    a:hover{
    color:#FFF!important;   /*สีของลิ้งค์เวลาเม้าส์ชี้*/
    background:#FFE492!important;  /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ
    เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/
     
    background-repeat:no-repeat!important;   /*สำหรับพื้นหลังที่เป็นรูปภาพ
    no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน
    repeat คือ แสดงภาพซ้ำๆ ต่อกัน */
     
    position:relative; top:0px; left:0px;   
    padding:1px 2px 1px 2px;   
    border-radius:5px 5px 5px 5px;   
    border-top:1px solid #ใส่โค้ดสี!important;  
    border-bottom:1px solid #ใส่โค้ดสี!important;   
    border-left:7px solid #FFDF7F!important;   
    border-right:7px solid #FFDF7F!important;   
    -webkit-transition:1s; 
    -moz-transition:1s; 
    }
    .btn,div>div>div>div>div {
    background:#FFF!important; 
    border:none!important;
    }
    .active, {
    background:#FFF!important;  
    border:none!important;
    }
    div#auth-frame, -wrap{
    background:#FFF!important;  
    border:none!important;
    }
    .menu-main>a{
    background:#FFF!important;   
    border:none!important;
    }
    li>i:hover,ul.menu-list>li>a:hover{
    color:#FFF!important;
    background:#FFE492!important;
    border-top:1px solid #ใส่โค้ดสี!important;  
    border-bottom:1px solid #ใส่โค้ดสี!important; 
    border-left:1px solid #ใส่โค้ดสี!important;  
    border-right:1px solid #ใส่โค้ดสี!important;  
    }
    /***เมนูย่อยที่เลื่อนลงมาจากทูลบาร์***/
    .score.new,.score.new i,.score.new span,
    .score.down,.score.down i,.score.down span,
    .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:#FFE492!important;  
    border:none!important;
    }
    .submenu-home i{
    color:#FFF!important;
    background:#FFE492!important; /*พื้นหลังกลมๆ รอบไอคอน*/
    border:none!important;
    }
     
    /*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/
    /*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/
    .board-list a{
    background:#FFE492!important;
    border-top:1px dashed #FFE492!important;  
    border-bottom:1px dashed #FFE492!important; 
    border-left:1px dashed #FFE492!important;  
    border-right:1px dashed #FFE492!important; 
    }
    /*ไอคอนในเมนูบอร์ดเวลาเม้าส์ชี้*/
    .board-list a:hover{
    color:#FFF!important; 
    background:#FFE492!important; 
    border-top:1px solid #ใส่โค้ดสี!important;  
    border-bottom:1px solid #ใส่โค้ดสี!important; 
    border-left:1px solid #ใส่โค้ดสี!important;  
    border-right:1px solid #ใส่โค้ดสี!important; 
    padding:0px!important; 
    font-weight:normal!important; 
    }
     
    /*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/
    .submit{
    background:#FFF!important;
    color:#FFD247!important;
    }
    .screen-msg{border-bottom:1px dashed #FFF!important;
    }
    a.box06_link{border-top:1px dashed #FFF!important;
    }
    div>div>div {background:none!important;}
    .wrap-image{border:none!important;}
    .notifications .user-main>a{border:none!important;}
    .gotpromo{background:none!important;box-shadow:none!important;}
    .submit{box-shadow:none!important;}
    .board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,
    .board-hot,.ordinary-content,.board-main,.gamelist,
    .recommend{border:none!important;}
    li,.service-sms,.search{background:none!important;border:none!important;}
    .select,li{-webkit-box-shadow:none!important;}
    div>div>div {background:none!important;
    }
    ul.bigsize li span{
    border-right:1px dashed #D9D9D9;  
    }
    ul.bigsize li a{background:none!important; } 
    ul.next li a.next_color01{margin:0px;} 
    ul.next li a{
    background:none!important; 
    border-right:1px dashed #D9D9D9; 
    font-size:10px!important; 
    }
    ul.bigsize li a:hover,
    ul.next li a:hover{ background:#FFE492!important; 
    }
    .big_next1{  
    width:830px!important;  
    border-top:1px dashed #D9D9D9!important; 
    }
    .big_next2{ 
    width:835px!important;
    border-bottom:1px dashed ##D9D9D9!important;  
    }
    .vote_box{
    background:#FFF!important;
    border:1px dotted #FFD247!important;
    }
    .select-style{
    border-top:none!important; 
    border-left:none!important; 
    border-right:1px dashed #FFD247!important; 
    border-bottom:1px dashed #FFD247!important; 
    }
    .vote_box3{
    width:45px!important; 
    font-size:15px!important; 
    }
    .vote_box3{
    background:#FFE492!important; 
    border:1px dashed #FFD247!important; 
    }
    .vote_box3:hover{
    background:#FFF!important; 
    border:1px dashed #FFD247!important; 
    }
    .vote_box2{margin-left:5px!important;
    } </style>
    <style name="delete" type="text/css">
    /***ลบบางอย่างออกไป***/
    #head{display:none!important;} 
    #sec-head,.banner_menu,.menulist{display:none!important;} 
    #google_ads_comment1{display:none!important;} 
    p>a>img{display:none!important;} 
    .app-footer{display:none!important;} 
    .accord-big{display:none!important;} 
    .box01{display:none!important;}
    <style type="text/css">
    #content_name p{display:none !important}
    <style type="text/css">
    .desc_head{display:none !important}
    <style type="text/css">
    div.ranking{display:none !important}
    p#big_text {-webkit-transition: 0.7s;-moz-transition: 0.7s;font-family:Georgia,Tahoma; color: #FFD247 !important;} p#big_text:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #FFD247 !important; letter-spacing:8px; } p#big_text {-webkit-transition: 0.5s;-moz-transition: 0.5s;font-family:Tahoma;} p#big_text:hover {-webkit-transition: 0.5s;-moz-transition: 0.5s; font-family:Tahoma;letter-spacing:-3px;background:#FFE492!important;color:#FFF!important;}
    #content_name img
     
    {border:1px dashed  #dac6f9;padding: 5px ;width: 85px; height: 85px; border-radius:50%!important; -webkit-transition:.5s;-moz-transition:.5s;top:8px;left:8px;margin-right:28px;margin-bottom:10px;-webkit-transform:rotate(0deg);box-shadow: 0em 0em 1em #ffe492 ;}
     
     
     
    #content_name img:hover
     
    {-webkit-transform:rotate(720deg);
     
    -webkit-transition:1s;-moz-transition:1s;border-radius: 10%!important;border:1px dashed  #ffe492;
     
    padding: 5px ;box-shadow: 0px 0px 12px   #d5ace;top:8px;left:8px;margin-right:28px;margin-bottom:10px;} </style>
    <style name="captain" type="text/css">
    img {-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;} 
    img:hover {-webkit-filter: blur(1px);} </style>
    <div style="position: fixed;bottom:10px;right:30px;color:#000000;background:# !important;border:dashed 0px #000000!important;padding:5px;text-decoration: none;" target="_blank" title="CLICK!">
    <a href="http://my.dek-d.com/babybare/writer/view.php?id=1247681" target="_blank">HOLP THEME</a></div><style type="text/css">
    img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
     
    border-radius:50% 50% 50% 50%!important;
     
    -webkit-animation: rotation 0.3s infinite linear;-moz-animation: rotation 0.3s infinite linear;
     
    animation: rotation 0.3s infinite linear;}
     
    @-moz-keyframes rotation { 50% {-webkit-transform: translate(1px) rotate(10deg);}}
     
    {100%{-webkit-transform: translate(-5px)rotate(-15deg); }}
     
    @-webkit-keyframes rotation { 50% {-webkit-transform: translate(5px)rotate(10deg);}}
     
    {100%{-webkit-transform: translate(-5px)rotate(-10deg);</style>


    FREE!  CODE MOUSE
    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat996.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/tiny-star.html" target="_blank" title="Tiny Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Star" style="position:absolute; top: 0px; right: 0px;" /></a>




    อย่าลบเครดิต
    อย่าดัดแปลงโค้ด ไม่อนุญาตินะคะ!
    เม้นท์ให้กำลังใจด้วย
    แอดแฟบหรือโหวตให้ก็ขอบคุณนะคะ
    ไม่แปะแบนเนอร์แปะเครดิต ไม่แปะเครดิต แอย่าลบเครดิตออก


    Tiny Star


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

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

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

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

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

    ความคิดเห็น

    ×