THE ORA ♔ THEME V.2

ลำดับตอนที่ #3 : ♔ {{ THE ORA }} :: THE Blue Nighttime Darkness ::

...THE Blue Nighttime Darkness...

How to… คลิกในกล่องโค้ดแล้วกด Ctrl + A หลังจากนั้นกด Ctrl + C เพื่อคัดลอกเปิดหน้าตอนที่ต้องการใส่โค้ด กด Ctrl + F จะมีกล่องขึ้นมาด้านขวาบนสุด วางโค้ดลงในกล่องนั้นแล้วกดCtrl + A หลังจากนั้นกด Ctrl + C เพื่อคัดลอกอีกครั้ง แล้วนโค้ดไปวางใน HTML  (ดูรูปประกอบคลิก)

::Code::   <style type="text/css"> body{ background:url(http://image.dek-d.com/27/0363/0226/116323961)!important; background-repeat:repeat; background-position:center!important; background-attachment:fixed!important; } #big_head , .content, .box03, .box04_page { background:#none repeat; } #main { width: 980px; 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,.writer-section-body{ background:#000!important; border-radius: 10px 10px 10px 10px ;!important; border:border:f4ff00!important; } div.clear.content,div#big_head{ box-shadow: 0 0 5px #5eaecc,0 0 10px #5eaecc; } .head1{ background:#000!important; border:1px dashed #5eaecc; border-radius:10px; padding-top: 27px; padding-bottom: 20px; box-shadow: 0 0 0.2em #5eaecc, 0 0 0.2em #fff; -webkit-transition:1s;-moz-transition:1s;} .head1:hover{background:#000!important; border:1px dashed #000!important; box-shadow: 0 0 5px #5eaecc,0 0 20px #5eaecc, 0 0 30px #5eaecc; letter-spacing: 3px; -webkit-transition:1s;-moz-transition:1s;} p#big_text{ text-shadow: 0.1em 0.1em #0d2845; color:#5eaecc!important; font-family:tohoma!important; font-size:32px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } p#big_text:hover{ letter-spacing:3px; color:#000!important; text-shadow: 0 0 0.2em #0b93c6, 0 0 0.2em #fff; -webkit-transition:linear 1s; -moz-transition:linear 1s; } h2,.box04_head{ background:#000!important; } .box04{background:none!important;} h2.box02,.box04_head2,.box04_head{ border:1px dashed #5eaecc!important; border-radius: 10px ; } h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#5eaecc!important; background:none!important; } a.box04_head03{ height:23px;line-height:24px; float:right;text-indent:30px;width:250px; } .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,.comment-order,.icon-mail,.icon-ip, .comment-tabbable .comment-tabs .active button{ color:#6ea3b5!important;} h3>span{ color:#6ea3b5!important; } .comment-order{font-size:30px!important; } P.vote_m{ color:#6ea3b5!important; border-right:1px dashed #73a9bd!important; } ul.name_story li p {background:none;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#6aa2af!important; background:#000!important; border:1px solid #6aa2af!important; box-shadow:2px 0 0 0.2em #75a5b9, 0 0 0.2em #fff; } .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:#000!important; border:1px dashed #75a5b9!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .bigname_sb01 ul.name_sb01_uu li:hover{ -webkit-transition:linear 1s; -moz-transition:linear 1s; } 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; } /***ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์***/ .story-action-wrapper>.actionbutton.-disabled>.staticon{color:#fff!important;}.b_fb_l_i01,ul.box_uu01 li a{background:none!important; border:1px solid none} ul.box_facebook li .b_fb_like a,.story-action-wrapper>.actionbutton.-disabled{ background:#000!important; border:1px solid #000!important; box-shadow: 0 0 15px #0b93c6, 0 0 20px #fff!important; letter-spacing: 5px!important; } /*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/ ul.box_facebook li .b_fb_like a:hover{ -webkit-transform:rota(180deg); color:#ba1214!important; background:#6da0b3!important; border:1px dashed #bbd48a!important; box-shadow: 0 0 15px #0b93c6, 0 0 20px #fff, 0 0 30px #0b93c6; letter-spacing: 5px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } div>a.name_sb01:hover, div>a.review:hover, div.name_storybox>a:hover{ border-radius:20% 0% 20% 0%!important; color:#082f50!important; background:#6da0b3!important; border:1px dashed #fff!important; box-shadow: 0 0 15px #0b93c6, 0 0 20px #fff, 0 0 30px #0b93c6; letter-spacing: 1px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px; } /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:1px dashed #73a9bd!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #5eaecc!important; } /******โซนคอมเม้นท์******/ .ribbon{background:none!important;} li.cur{background:none!important;} .arrow_box:after,#drag-to-quote:after{border:none!important;} .comment-setbubble{ background:#000!important; border:3px solid #5eaecc!important; -webkit-box-shadow:none!important; box-shadow: 0 0 5px #5eaecc,0 0 10px #5eaecc; } /*ฐานคอมเม้นท์*/ .comment-action:before{background:none!important;} .comment-action{ background:#5eaecc!important; border-radius:0px 0px 10px 10px!important; box-shadow: 0 0 5px #5eaecc,0 0 10px #5eaecc; } .arrow_box li{border:none!important;} .cm-setting button{border:none!important;} /*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/ .icon-reply,.icon-setting,.btn-social i,.comment-action,.cm-like_list,.comment-action,.cm-reply_list{ color:#000!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#fff!important; background:none!important; border:none!important;} /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} button{box-shadow:none!important;} button{ color:#000!important; background:#6ea1b4!important; border:1px dashed #000!important; border:none!important; border-radius:0px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } button:hover{ color:#6ea1b4!important; background:#000!important;border:none!important; border:none!important; border-radius:20px 0px 20px 0px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } /***อวาตาร์ของคนคอมเม้นท์***/ .avatar{ border-radius:20px 0px 20px 0px!important; background:#6ea1b4!important; border:2px solid #5eaecc!important; padding:20px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; margin-bottom:5px; } .avatar:hover{ -webkit-transform:rotate(180deg); border-radius:0px 20px 0px 20px!important; background:#6ea1b4!important; border:1px dashed #fff!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; box-shadow: 0 0 15px #0b93c6, 0 0 20px #fff, 0 0 30px #0b93c6; } /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],.user-pic-comment{ width:75px; height:75px; border-radius:20px 0px 20px 0px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ -webkit-transform:rotate(180deg); border-radius:0px 20px 0px 20px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } /***กล่องพิมพ์คอมเม้นท์***/ span.cke_skin_kama{ background:#000!important; border-radius:0% 20% 0% 20%; border:1px dashed #09304d!important; padding:5px; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .cke_skin_kama .cke_wrapper{ background:#73a6b9!important; border-radius:0% 20% 0% 20%; border:1px solid #09304d!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } span.cke_skin_kama:hover{ background:#000!important; border:1px dashed #09304d!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .cke_skin_kama .cke_wrapper:hover{ background:#000!important; border:1px dashed #09304d!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } /***ปุ่มส่งความเห็น***/ .cm-box-area .comment-submit{ border:1px dashed #09304d!important; } .cm-box-area .comment-submit:hover{ border:1px dashad #09304d!important; } .btn-orange{ width:150px!important; padding:5px!important; background:#73a6b9!important; color:#000!important; border:1px dashed #09304d!important; text-shadow:none!important; -webkit-box-shadow:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .btn-orange:hover{ background:#000!important; color:#09304d!important; border:1px dashed #09304d!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; }/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/ input,select,textarea{ color:#6ea3b5!important; background:#000!important; border-top:1px dashed #09304d!important; border-bottom:1px dashed #09304d!important; border-left:1px dashed #09304d!important; border-right:1px dashed #09304d!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:#73a6b9!important; color:#fff!important; } *::-moz-selection{ /*สำหรับ browser firefox*/ background:#73a6b9!important; color:#fff!important; } *::-webkit-selection{ /*สำหรับ browser chrome*/ background:#73a6b9!important; color:#fff!important; } input:hover , select:hover , textarea:hover { color:#000!important; background:#6ea3b5!important; border:1px dashed #0a2e50!important; border-radius:0px!important; -webkit-transition: linear 1s ; -moz-transition: linear 1s ; } /***สกรอลล์บาร์***/ ::-webkit-scrollbar{width:12px;} ::-webkit-scrollbar-track{ background:#7cacc0!important; border-radius:20px; border:1px dashed #052e4e; } ::-webkit-scrollbar-thumb{ background:#000!important; border:1px dashed #052e4e!important; border-radius:20px; } ::-webkit-scrollbar-thumb:hover{ background:#6ea1b4!important; border:1px dashed #000!important; border-radius:50px 0px 50px 0px; } /******ลิ้งค์สไตล์******/ a:link{ color:#6ea3b5; text-decoration:none!important; -webkit-transition:1s; -moz-transition:1s; } a:active,a:visited{ color:#6ea3b5!important; text-decoration:none!important; } a:hover{ color:#6ea1b4!important; background:none!important; border-top:1px dashed #6ea1b4!important; border-bottom:1px dashed #6ea1b4!important; border-left:1px dashed #6ea1b4!important; border-right:1px dashed #6ea1b4!important; -webkit-transition:1s; -moz-transition:1s; border-right:none!important; -webkit-transition: 0.6s;-moz-transition: 0.6s;color:#6ea1b4;padding-left:2px;font-weight:bold;box-shadow:-8px 0px 0px #6ea1b4; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-decoration: none; } /***ลิ้งเมื่อเม้าส์ชี้ My.dek-d อื่นๆ***/ ul.name_story li a:hover { color:#6ea1b4!important; background:none!important; border-top:1px dashed #6ea1b4!important; border-bottom:1px dashed #6ea1b4!important; border-left:1px dashed #6ea1b4!important; border-right:1px dashed #6ea1b4!important; -webkit-transition: 0.6s;-moz-transition: 0.6s;color:#6ea1b4;padding-left:2px;font-weight:bold;box-shadow:-8px 0px 0px #6ea1b4; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-decoration: none; -webkit-transition:1s; -moz-transition:1s; } /**********แถบทูลบาร์**********/ .toolbar{ background:#000!important; text-shadow:none!important; box-shadow:0 .1em .1em #0b93c6!important; -webkit-box-shadow:0 .1em .1em #0b93c6!important; } .toolbar-user-menu, .toolbar-container{ border-radius:5px; border:none!important; border-left:none!important; box-shadow:none!important; -webkit-transition:0s;-moz-transition:0s; } .toolbar-submenu-item .tb-icon-submenu, .icon-fa-smile, .toolbar-submenu-item span{ color:#6ea3b5!important; } .toolbar-submenu-item:hover span{ color:#6ea3b5!important; } /**โลโก้Dek-d**/ .tb-logo { background-image:url(https://image.dek-d.com/27/0363/0226/123801731)!important; background-repeat:no-repeat!important; background-position:center!important; } .tb-logo:hover{ background-image:url(https://image.dek-d.com/27/0363/0226/123801731)!important; background-repeat:no-repeat!important; background-position:center!important; } li{ background:none!important; border:none!important; } h1{margin:0px!important;} .action-view-link {display:none!important;} .chapter-item-update{color:#5eaecc;} .chapter-item { border:none!important; padding:8px 0 0 0!important; } /**สีตัวอักษรแถบทูลบาร์**/ a.tb-menulink{ color:#6ea3b5!important; } a.tb-menulink:hover{ color:#6ea3b5!important; } .tb-badge-style,.tb-badge-menu{ background:#6db7dc!important; color:#6ea3b5!important; } /*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/ .screen-msg{border-bottom:1px dashed #73a9bd!important; } /**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/ a.box06_link{border-top:1px dashed #73a9bd!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 #73a9bd; } 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 #73a9bd; font-size:12px!important; } ul.bigsize li a:hover, /*ตรงนี้เป็นโค้ดของตรงที่ปรับขนาดอักษร*/ ul.next li a:hover{ color:#6ea1b4!important; background:none!important; border:1px dashed #6ea1b4; } /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ .big_next1{ width:835px!important; border-top:1px dashed #73a9bd!important; } .big_next2{ width:835px!important; border-bottom:1px dashed #73a9bd!important; }.chapter-box-wrapper.-footer{border-top:1px dashed #73a9bd!important;}  .select-style{ border-top:none!important; border-left:none!important; border-right:1px dashed #6ea1b4!important; border-bottom:1px dashed #6ea1b4!important; }  #content_name img { border:2px dashed #fff!important; box-shadow: 0 0 5px #5eaecc,0 0 20px #5eaecc, 0 0 30px #5eaecc; letter-spacing: 3px; -webkit-transition:1s;-moz-transition:1s;}.chapter-action-button .actionicon,.chapter-action-button .actiontxt{color:#6ea3b5!important;}.vote-button{background:#6ea3b5!important;border:1px dashed #5eaecc!important;box-shadow:none!important;}.vote-button .unfinished-voting-text, .vote-button .finished-voting-text{color:#000!important;}.vote-button:hover{background:#6ea3b5!important;border:1px dashed #5eaecc!important;box-shadow: 0 0 5px #5eaecc,0 0 20px #5eaecc, 0 0 30px #5eaecc!important;}.chapter-box-wrapper>.chaptername{color:#000!important;background:#6ea3b5!important;border-radius:5px!important;border:1px dashed #000!important;} </style> <style name="delete" type="text/css"> #head1{display:none!important;}#sec-head{display:none!important;}#head{display:none!important;height:50px!important;}#google_ads_comment1{ display:none!important; } p>a>img{ display:none!important; } #content_name,.desc_head{ display:none!important; } .app-footer{ display:none!important; } .accord-big{ display:none!important; } #sec-head,.banner_menu, .menulist,.box01{ display:none!important; } .fbshowbox{ display:none!important; } .tb-btn-gray{ -webkit-box-shadow:none!important; box-shadow:none!important; border-radius:0px!important; } #CM_viewlong,p.banner, .accord-r,.banner-area,.accord-u{ display:none!important; } .suggest-item-head{ box-shadow: inset 30px 0 #ccfa63!important; } .suggest-item-head-icon{display:none!important;} .staticon.-lg{font-size:17px!important;}.chapter-footer-box,.report-footer-box{display:none!important;} </style> <style type="text/css"> img {-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;} img:hover {opacity:1;-webkit-box-shadow:0px 0px 50px #fff;-moz-box-shadow: 0px 0px 50px #6da0b3; box-shadow: 0px 0px 50px #4e708b;-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;-webkit-transform: scale( 0.7) rotate( 8deg); -moz-transform: scale( 0.7) rotate( 8deg); </style> <style name="captain" type="text/css"> a.navvi{ -webkit-transition: 1.0s; -moz-transition: 1.0s; margin:1px; display:inline-block; text-align:center; background:#000; color:#5eaecc!important; border-radius:10px; border:none;box-shadow: 0 0 15px #0b93c6, 0 0 20px #fff!important; width:75px; padding:2px; overflow-p: hidden; } a.navvi:hover{ -moz-border-radius: 50px 0px 50px 50px; -webkit-border-radius: 50px 0px 50px 50px;} #h1{ padding:2px; background: none;width:380px; position:fixed; }</style> <center> <div style="left: 10px; position: fixed; bottom: 10px;"> <b><a class="navvi" href="https://my.dek-d.com/llovetaetae029/writer/view.php?id=1155379">♔THEORA</a></b></div> </center> !!Important โปรดอ่านวิธีการใส้โค้ดที่กล่องด้านซ้าย ::Banner:: ธีมจะดูมีออร่าถ้าใช้ Crhome

 !! โค้ดธีมมีปัญหาคอมเม้นไว้ด้านล่างนะ

♔THEORA