Li5ht Theme

ลำดับตอนที่ #16 : [2a] sweet pink

Sweet Pink

writer, 2A.01, up 23/02/2018 (c) B2'AC.N / @asunic1912 @dek-d.com 2018

สำหรับธีมนี้ หน้าหลักกับตอนย่อยจะแตกต่างกันตรงที่หน้าหลักจะมีแถบเมนู. ลิงค์แถบเมนูสามารถใส่ได้มากสุด 5ลิงค์(แต่ที่แจกไปใส่แค่ 4ลิงค์นะคะ). โค้ดส่วนของลิงค์จะเป็นประมาณนี้ <a class="nav" href="url ลิงค์1" target="blank">ชื่อลิงค์1</a> ตรง url ลิงค์1 ให้เปลี่ยนเป็น url ลิงค์ที่ต้องการนะคะ, ส่วน ชื่อลิงค์1 คือชื่อของลิงค์นั้นนะคะ. ส่วน เลขไอดีบทความ คือเลขไอดีบทความของคุณ (บทความเราคือไอดี 1422818). ถ้าคนไหนไม่เข้าใจหรือมีปัญหาเกี่ยวกับธีมนี้สามารถถามในตอนนี้หรือทางทวิตนะคะ เรายินดีตอบทุกคำถามค่ะ. 

โค้ดธีม

<div class="li001"><a class="nav" href="url ลิงค์1" target="blank">ชื่อลิงค์1</a><a class="nav" href="url ลิงค์2" target="blank">ชื่อลิงค์2</a><a class="nav" href="newReview.php?id=เลขไอดีบทความ" target="blank">Review</a><a class="nav" href="ban_inform.php?id=เลขไอดีบทความ&chapter=0" target="blank">Report</a></div><!-- 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/v2/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/v2/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/v2/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/v2/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:#fcf4f1}::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background:#efc1c1}body{background:#5f120d url(https://is.gd/f6T9Pr) fixed}body{background:#fff url(https://i.imgur.com/cmGkHDU.png) fixed}#main-center{margin-top:0}#story-content,.content{padding-top:0}#story-content{margin-top:50px}body,html{scrollbar-darkshadow-color:#efc1c1;scrollbar-arrow-color:#efc1c1;scrollbar-shadow-color:#efc1c1;scrollbar-3dlight-color:#efc1c1;scrollbar-highlight-color:#efc1c1;scrollbar-face-color:#fcf4f1;scrollbar-track-color:#fcf4f1}#main{background:transparent url(https://i.imgur.com/3V8O8K1.png) repeat-y 50%}.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,.box04,.box06,a.name_sb01,a.review,li.cur,.cl_pagetab li,.reviews01,.reviews02,.story,.pack-item,.ebook-item-wrapper,.pack-chapters-wrapper,.pack-chapters-toggle:hover,.btn-green,a.chapter-link-mask:hover,.content{background:none!important}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}#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,#big_head,ul.chapter-metainfo-wrapper,.chapter-footer-box,.report-footer-box{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:#926666}.box03 *,.favor,.txt-link,a.box04_head03,textarea,a.box06_link p{color:#926666!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,.comment-action i,h3 .ribbon i,.cm-reply_list,.iteminfo,.chapter-status,.txt-gray-light{color:#b3907f!important}p#big_text{font-size:55px;font-family:'Sriracha',cursive,supermarket;text-shadow:1px 1px 0 #fff,2px 2px 2px #efc4b0;color:#ffd4c0;padding-top:30px;padding-bottom:40px;letter-spacing:1px;font-weight:normal}#chapter-list-section{background:transparent url(http://i.imgur.com/Pptfa2l.png) bottom center no-repeat}.publishWrap{background:none;border-top:1px solid #f8eae4;border-bottom:1px solid #f8eae4}.box04_head{border-bottom:3px double #ffe3d7!important}h2.chaptername,h2.box02 p{background:0 0!important;font-family:supermarket;font-size:18px;color:#efc7b4!important}h2.box04_head02{font-family:supermarket;font-size:15px;color:#efc7b4!important}a.favor{background:none!important;font-size:12px}.reviews01-left p.reviews01-i-text01,.reviews01-left p,ul.box03_uu{font-size:12px}h2.box02 p:before,h2.chaptername:before{content:"\f062";font-size:15px;font-family:"normai-icon";padding-right:5px}ul.box05_st li div,ul.box06_good li p,.reviews01-left .reviews01-l-icon,.reviews02-l-icon{filter:sepia(1) hue-rotate(300deg);-webkit-filter:sepia(1) hue-rotate(300deg);-ms-filter:sepia(1) hue-rotate(300deg)}.actionicon{color:#f8eae4!important}.chapterstatus-note{background:#f8eae4}a:visited{color:#daa2a2!important}a:link,a.box06_link p,.chapter-action-button .actiontxt,.txt-green,.txt-brown-red{color:#888!important;text-decoration:none!important;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s}a:hover{text-decoration:none!important;color:#e0ad92!important;background:none!important;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;border-bottom:1px dashed #f5e4dc}a#vote-submit-btn{background:#fff!important;border-radius:5px;border-color:#efc7b4;border-style:dashed;border-width:1px;}img{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}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;-webkit-box-shadow:0 0 3px #dcad96;-moz-box-shadow:0 0 3px #dcad96;box-shadow:0 0 3px #dcad96;filter:brightness(120%);-webkit-filter:brightness(120%);-ms-filter:brightness(120%)}.avatar,.reviews01-rigth a .reviews01-r-img{border:3px double #f3e0d7!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.avatar:hover,.reviews01-rigth a:hover .reviews01-r-img{border:3px double #eccab8!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:none!important}img.user-effect-tool{border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.chapter-action-section,.chapter-action-button,.select-style,span.cke_skin_kama,.chapter-box-wrapper.-footer{border-color:#f8eae4}.comment-setbubble{background:0;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:0;border-top:3px double #f7e8e0!important;border-bottom:3px double #f7e8e0!important}.comment-text,h2.box02 p span,.vote-sc,p.box05_text01,a.box06_link p{font-size:13px;text-shadow:none}.comment-tabbable .comment-tabs .active button{background:0;border-color:#f5e4dc;-webkit-box-shadow:0 -1px 2px #f5e4dc!important;-moz-box-shadow:0 -1px 2px #f5e4dc!important;box-shadow:0 -1px 2px #f5e4dc!important;color:#ab8989!important}.cm-box-area .guest,.cm-box-area .member{background:#f5e4dc;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 #f1e0d8!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;color:#dabcac!important;text-shadow:none!important}.btn-orange,.btn-orange:hover{filter:none!important}.sub-comment,.sub-comment>li:before{border-color:#f7e8e0}.comment-order{font-size:25px;color:#f0dacf}.cke_skin_kama{margin:auto}ul.bigsize li p{font-size:13px}ul.bn_boxlink li a p{padding-top:0}::selection{color:#fff;background:#ffe9de}::-moz-selection{color:#fff;background:#ffe9de}:focus{outline-color:#f5e4dc}p#big_text::before{content:url(https://i.imgur.com/JaQ246H.png?2);bottom:-40px!important;position:relative;left:15px}p#big_text::after{content:url(https://i.imgur.com/xjMId8G.png);top:-20px;position:relative;right:8px}a.nav{-webkit-transition:1.0s;-moz-transition:1.0s;margin:5px;display:inline-block;text-align:center;color:#715b5b!important;width:75px;padding:2px}a.nav:hover{color:#fff;-moz-box-shadow:inset 0 0 30px 30px #ffe9df;-webkit-box-shadow:inset 0 0 30px 30px #ffe9df;box-shadow:inset 0 0 30px 30px #ffe9df;border:none;color:#d29e82!important}.li001{text-align:center;border-top:3px double #ffe3d7;border-bottom:3px double #ffe3d7;position:absolute;top:140px;width:736px}ul.chapter-action-section{padding-top:0;border:none;margin:0}section.chapter-box-wrapper{border-top:3px double #ffe3d7;border-bottom:3px double #ffe3d7;margin-top:20px}h2.chaptername{margin-top:0!important}@media \0screen\,screen\9{.li001{top:110px}.input-box{border:1px dashed #f1e0d8!important}}@media screen and (max-width:480px){p#big_text{padding-top:20px!important;padding-bottom:0!important;font-size:30px!important}h2.box02{height:auto}h2.box02_1 p{height:auto;padding-top:5px}p#big_text::before,p#big_text::after{display:none}a.nav{width:20%!important}.li001{width:90%;top:70px}}.chapter .li001{display:none}#story-content.chapter{margin-top:0}a.besc{position:fixed;bottom:20px;padding:0 3px!important;background:#fdfdf9!important;padding:2px 6px;-webkit-box-shadow:0 0 3px 0 #9f9dac;-moz-box-shadow:0 0 3px 0 #9f9dac;box-shadow:0 0 3px 0 #9f9dac;color:#878594!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 ก่อนเพื่อทำให้ธีมแสดงผลได้ดีที่สุด

ชื่อลิงค์1ชื่อลิงค์2ReviewReport

LI5HT