Li5ht Theme

ลำดับตอนที่ #4 : [1b] spring day, art drawing (white, green, brown)

Spring Day

writer, 1b.01, up 08/08/2017, edit 18/09/2017 (c) B2'AC.N / @asunic1912 @dek-d.com 2017

ธีมนี้เป็นธีมที่ใช้เวลาทำนานมาก เพราะติดตรงโค้ดภาพพื้นหลังเต็มหน้าจอ เพราะอยากให้มันดูดีในโทรศัพท์ด้วย

โค้ดธีม

<!-- db LI5HT THEME (c) B2'AC.N/'aSu.lLi --><a href="http://writer.dek-d.com/dek-d/writer/view.php?id=1422818" class="besc" target="_blank">LI5<style name="asunic1912">/*ขอบคุณที่ใช้ธีม,ให้เครดิตและทำตามกฏของบทความ LI5HT THEME ค่ะ(c) B2'AC.N/'aSu.lLi*/@font-face{font-family:'Sriracha';font-style:normal;font-weight:400;src:local('Sriracha'),local('Sriracha-Regular'),url(https://fonts.gstatic.com/s/sriracha/v1/CB6rOAcr_-ZXr5Yhxg3NjxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0E01-0E5B,U+200B-200D,U+25CC}@font-face{font-family:'Sriracha';font-style:normal;font-weight:400;src:local('Sriracha'),local('Sriracha-Regular'),url(https://fonts.gstatic.com/s/sriracha/v1/5A5pd-f3FegbjUoJFORlfBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Sriracha';font-style:normal;font-weight:400;src:local('Sriracha'),local('Sriracha-Regular'),url(https://fonts.gstatic.com/s/sriracha/v1/ahnk-wwIxFObXGasteTQUhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Sriracha';font-style:normal;font-weight:400;src:local('Sriracha'),local('Sriracha-Regular'),url(https://fonts.gstatic.com/s/sriracha/v1/5n5E0eHGf0wLWMJoAPwgVPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track-piece{background:#d2de96;border:3px solid #f7faed}::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background:#d2de96;border-radius:1px}body,html{scrollbar-darkshadow-color:#f7faed;scrollbar-arrow-color:#f7faed;scrollbar-track-color:#f7faed;scrollbar-shadow-color:#f7faed;scrollbar-3dlight-color:#f7faed;scrollbar-highlight-color:#f7faed;scrollbar-face-color:#d2de96}html{background:url(https://goo.gl/TWqqvF) no-repeat fixed;}html{background:url(http://i.imgur.com/JqeD6tE.jpg) no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;overflow:hidden}#main-center{margin-top:0;padding-top:5px}.box03,.content{margin:10px auto}#main{background:transparent url(http://i.imgur.com/bTvEmET.png) repeat-y 50%}body{height:100%;-webkit-overflow-scrolling:touch;background:none;overflow:auto}.box04_page,.cke_skin_kama .cke_wrapper,.cm-box-area .comment-submit,.comment-action,.favor,.ribbon,.vote_box,a.box04_head03,h2.box02,h2.box02 p,h2.box04_head02,p#big_text,ul.bigsize li a,ul.name_sb01_uu li a,ul.name_story li p,#main>div,a.more_review,.reviews02 a,#big_head,#chapter-list-section,.box04,.box06,a.name_sb01,a.review,li.cur,.cl_pagetab li,.reviews01,.reviews02,.pack-item,.ebook-item-wrapper,.pack-chapters-wrapper,.pack-chapters-toggle:hover,.btn-green{background:none!important}.content,h2.box02.head2,#comment-all{background:transparent url(http://www0.dek-d.com/assets/article/images/shadow_comment-action.png) no-repeat top center!important}.box03{background:transparent url(http://www0.dek-d.com/assets/article/images/shadow_comment-action.png) no-repeat bottom center!important}.story{background:transparent url(http://i.imgur.com/YUoDtf7.png)!important}#CM_viewlong,#content_name,#head,#sec-head,#DDmob_W_top_multisize,[ id*=banner],#suggest-list,.accord-r,.app-footer,.banner,.banner-area,.box01_1,.chapter-list-header,.desc_head,.banner_top_mobile,.ranking,a.action-view-link.txt-link,.new_box01,.big_fb,.new_boxviews,.panorama,[ id=menu],#DDmob_W_mid_multisize,#DDmob_M2_slot1,.chapter-box-wrapper.-footer .chapter-metainfo-wrapper{display:none!important}h2.box02,.vote_box p,.v_b_s03{display:none}h2.box02_1{display:block!important}.bigname_sb01:hover ul.name_sb01_uu li,.chapter-item,.cm-retweet .arrow_box li,.cm-setting:before,.view_st,ul.bigsize li span{border:none!important}#big_head *,.comment-text,.editted,body,div,p{color:#6d674d}.box03 *,.favor,.txt-link,a.box04_head03,textarea,a.box06_link p{color:#6d674d!important;font-size:13px!important}.box05_link,.box05_text01,.box05_text02,.box06 p,.chapter-item-update,.cm-like_list,.cm-time,.name-area,.name-area *,li.cur,ul.bigsize li p,p.reviews01-i-text01,.reviews01-rigth a p,.reviews01-left p,select,.iteminfo,.chapter-status{color:#6d674d!important}p#big_text{font-size:55px;font-family:'Sriracha',supermarket,cursive;padding-top:75px;padding-bottom:50px;text-shadow:1px 1px 0 #fbfbf8,2px 2px 0 rgba(173,170,152,0.8);color:#adaa98!important;letter-spacing:1px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;font-weight:normal;}p#big_text:hover{text-shadow:1px 1px 0 #fbfbf8,3px 3px 0 rgba(188,204,134,0.7);color:#bccc86!important;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;transition:all .4s ease-in}h1{background:transparent url(http://i.imgur.com/Pptfa2l.png) bottom center no-repeat}.publishWrap{background:none;border-top:1px solid #f1f5d6;border-bottom:1px solid #f1f5d6}#big_head{height:70px}a.review,a.review:hover,a.name_sb01,a.name_sb01:hover{border:1px dashed #cedc97!important}p.vote_m{border-right:1px dashed #cedc97!important}.bigname_sb01:hover ul.name_sb01_uu,a.name_sb01:hover ul.name_sb01_uu{background:#fff;background:rgba(255,255,255,.4)}h2.chaptername,h2.box02 p{background:0 0!important;font-family:supermarket;font-size:18px;color:#9b9683!important;text-shadow:1px 1px 0 #f3f7e1,2px 2px 0 rgba(176,202,72,0.4)}h2.box04_head02{font-family:supermarket;font-size:15px;color:#9b9683!important}.actionicon{color:#aac742!important}.chapterstatus-note{background:rgba(254,254,254,0.5)}ul.box05_st li div,ul.box06_good li p,.reviews01-left .reviews01-l-icon,.reviews02-l-icon{filter:sepia(0.8) hue-rotate(30deg);-webkit-filter:sepia(0.8) hue-rotate(30deg)}.chapter-action-section,.cke_skin_kama,.chapter-box-wrapper.-footer{border-color:#ecf3d2!important}.box04{margin-top:0;margin-bottom:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}a:visited{color:#A29982!important}a:link,.chapter-action-button .actiontxt,.txt-green,.txt-brown-red{color:#89a22d!important;text-decoration:none!important;-webkit-transition:.8s linear;-moz-transition:.8s linear;-o-transition:.8s linear;transition:.8s linear;border-bottom:1px dashed transparent}a:hover{text-decoration:none!important;color:#a0bf24!important;background:none!important;border:none!important;border-bottom:1px dashed #d2de96!important;-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out}img{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out;}img:hover{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;opacity:.8;filter:alpha(opacity=80);-webkit-box-shadow:0 0 3px #b8db77;-moz-box-shadow:0 0 3px #b8db77;box-shadow:0 0 3px #b8db77;}.avatar,.reviews01-rigth a .reviews01-r-img{border:1px solid #e2e9bc!important;-webkit-border-radius:5px 0;-moz-border-radius:5px 0;border-radius:5px 0;-webkit-box-shadow:0 0 2px #d2de96;-moz-box-shadow:0 0 2px #d2de96;box-shadow:0 0 2px #d2de96;background:none!important}.avatar:hover,.reviews01-rigth a:hover .reviews01-r-img{border:1px solid #e2e9bc!important;-webkit-box-shadow:0 0 2px #d2de96;-moz-box-shadow:0 0 2px #d2de96;box-shadow:0 0 2px #d2de96;background:none!important;-webkit-border-radius:0 5px;-moz-border-radius:0 5px;border-radius:0 5px}img.user-effect-tool{border-color:transparent;-webkit-border-radius:5px 0;-moz-border-radius:5 0;border-radius:5px 0;-webkit-box-shadow:0 0 3px #d2de96;-moz-box-shadow:0 0 3px #d2de96;box-shadow:0 0 3px #d2de96}.comment-setbubble{background:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;border-top:2px solid #ecf3d2!important}.comment-text{font-size:13px}.comment-tabbable .comment-tabs .active button{background:none!important;border-color:#d7e2ad!important;-webkit-box-shadow:0 -1px 2px rgba(215,226,173,0.8)!important;-moz-box-shadow:0 -1px 2px rgba(215,226,173,0.8)!important;box-shadow:0 -1px 2px rgba(215,226,173,0.8)!important;color:#c0cc87!important}.cm-box-area .guest,.cm-box-area .member{background:#d7e2ad;color:#fff}.cm-box-area .comment-submit,.text-area,.cm-box-area .cm-setcmbox,input,.tb-btn-orange,.select-style,a.vote_box3,.sub-more,.cm-box-area .comment-submit:active,.cm-box-area .comment-submit:disabled,.cm-box-area .comment-submit.disabled{background:none!important;border:1px dashed #d7e2ad!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;color:#9ca572!important;text-shadow:none!important}.btn-orange,.btn-orange:hover{filter:none!important}.sub-comment,.sub-comment>li:before{border-color:#d7e2ad}.comment-order{font-size:25px;color:#d2de96}.cke_skin_kama{border:1px dashed #d7e2ad;margin:auto}.vote-sc{text-shadow:none}ul.bigsize li p{font-size:13px}.comment-action i,h3 .ribbon i,.cm-reply_list{color:#d2de96!important}::selection{color:#969674;background:#e8f3b5}::-moz-selection{color:#969674;background:#e8f3b5}:focus{outline-color:#d2de96}@media screen and (max-width:480px){html{background-size:100% 100vh}p#big_text{padding-top:20px!important;padding-bottom:20px!important;font-size:30px!important}h2.box02{height:auto}h2.box02_1 p{height:auto;padding-top:5px}}a.besc{position:fixed;bottom:20px;padding:0 3px!important;border:1px dashed #d7e2ad!important;color:#6D674D!important;right:15px;font-size:13px;text-align:center;}a.besc:hover{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;border:0;padding:2px 6px;margin-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}</style>HT</a><!-- fn LI5HT THEME by B2.AC'N -->

กฏในการใช้ธีม

• คอมเม้นท์และห้ามลบเครดิตเมื่อนำธีมไปใช้.
• ห้ามดัดแปลงหรือก็อปโค้ดไปแจกต่อเด็ดขาด(อย่ายุ่งกับโค้ดทุกตัวของนิ เพราะนิหวงโค้ดมาก นิไม่ปล่อยคนก็อปไปง่ายๆ)
• ธีมเสีย,โค้ดพัง เม้นท์บอกในตอนนั้นได้เลยค่ะ.
- ก่อนจะนำธีมไปใช้ ควรอ่านตอนที่ 2 ก่อนเพื่อทำให้ธีมแสดงผลได้ดีที่สุด

LI5HT