นิยาย THE ORA ♔ THEME V.2 > ลำดับตอนที่ #45 : ♔ {{ THE ORA }} :: Two Dimensional :: (แก้ไขชั่วคราว) : Dek-D.com - Writer

ลำดับตอนที่ #45

เลื่อนอัตโนมัติ

THE ORA ♔ THEME V.2

ลำดับตอนที่ #45 : ♔ {{ THE ORA }} :: Two Dimensional :: (แก้ไขชั่วคราว)

อัปเดตล่าสุด 12 มิ.ย. 62

…Two Dimensional…

How to…

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

_{(ดูรูปประกอบคลิก)}

::Code::

<style name="ORA" type="text/css"> a.navvi{ -webkit-transition: 1.0s; -moz-transition: 1.0s; margin:1px; display:inline-block; text-align:center; background:none; color:#3d392d; width:75px; padding:2px; overflow-p: hidden;text-shadow:2px 0 0 #20283b!important; } a.navvi:hover{ color: #f4f1ea; background: #f4f1ea; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px;} #h1{padding:2px;background: #fff;width:380px; position:fixed;}</style> <div style="left: 30px; position: fixed; bottom:20px;"> <a class="navvi" href="https://writer.dek-d.com/dek-d/writer/view.php?id=1155379"><b>♔THEORA</b></a></div><style type="text/css"> body{ background:url(https://lh3.googleusercontent.com/ONGPabFHYCgeye-xzkQ1GUgXHsfkZMaXnAju_ZSNuW2lAW0KEEV_xg5Xbyw8kpDeg5P28LCwW_fLAqh9Gi-ewJLinZnoPcUXGz1J=w1360-h708-rw-no)!important; background-repeat:repeat; background-position:center!important; background-attachment:fixed!important; } #big_head , .content, .box03, .box04_page { background:#none repeat; } #main { width: 860px; 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!important; } div {background:display!important;}#big_head{height:180px;}p#big_text{background:#20283b!important; border:1px dashed #fcaaa1!important;border-bottom:none!important;box-shadow: 0 0 0.3em #b3d6cf, 0 0 0.4em #fcaaa1; border-radius:10px; padding-top:29px; padding-bottom:22px; -webkit-transition:1s;-moz-transition:1s;width: 834px!important;color:#84b7ab!important; text-shadow:8px 0 0 #ef5c65; font-family:tahoma!important; font-size:32px!important; }p#big_text:hover{ background:#fcaaa1!important; border:1px dashed #20283b!important;border-bottom:none!important;box-shadow: 0 0 0.3em #85aca3, 0 0 0.4em #ef5c65; border-radius:10px; padding-top:29px; padding-bottom:22px; -webkit-transition:1s;-moz-transition:1s;width: 834px!important;color:#20283b!important;text-shadow:-4px 0 0 #ef5c65,4px 0 0 #85aca3; letter-spacing:3px; } h2,.box04_head{ background:#fcaaa1!important; } .box04{background:none!important;} h2.box02,.box04_head2,.box04_head{ border:2px solid #accbc5; border-radius: 10px; } h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#20283b!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:#84b7ab!important; } h3>span{ color:#20283b!important; text-shadow: 1px 2px 0px #ef5c65, 0px 2px 0px #85aca3; } .comment-order{font-size:30px!important; } P.vote_m{ color:#84b7ab!important; text-shadow:3px 0 0 #ef5c65; border-right:1px dashed #fe7f86!important; } ul.name_story li p{background:none!important;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#20283b!important; background:#fcaaa1!important; border:1px solid #20283b!important; text-shadow:2px 0 0 #ef5c65,-2px 0 0 #84b7ab; box-shadow:4px 0 0 #84b7ab,-4px 0 0 #ef5c65; } .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 #fe7f86!important; box-shadow: 0 0 0.2em #242424, 0 0 0.2em #242424; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .bigname_sb01 ul.name_sb01_uu li:hover{ color:#20283b!important; background:#fcaaa1!important; -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:-webkit-linear-gradient(left, #ef5c65 1%,#85aca3 100%,#85aca3 101%)!important; border:1px solid #accbc5!important; -webkit-box-shadow:none!important;} ul.box_facebook li .b_fb_like a,.story-action-wrapper>.actionbutton.-disabled{ background:#20283b!important; border:1px solid #ef5c65!important; }/*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/ ul.box_facebook li .b_fb_like a:hover{ color:#000!important; background:#fcaaa1!important; border:1px solid #20283b!important; -webkit-transform:rotate(180deg); -webkit-transition:linear 0.5s; -moz-transition:linear 0.5s; } div>a.name_sb01:hover, div>a.review:hover, div.name_storybox>a:hover{ -webkit-transform:rotate(180deg); border-radius:20%!important; color:#20283b!important; background:#b3d6cf!important; border:1px dashed #cedbd5!important; box-shadow:4px 0 0 #20283b,-4px 0 0 #fcaaa1; text-shadow: 0 0 0.2em #85aca3, 0 0 0.2em #fe7f86; -webkit-transition:linear 0.5s; -moz-transition:linear 0.5s; } ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px; } /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:1px dashed #fe7f86!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #fe7f86!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:4px solid #85aca3!important; box-shadow: 0 0 0.4em #fcaaa1, 0 0 0.4em #84b7ab; } /*ฐานคอมเม้นท์*/ .comment-action:before{background:none!important;} .comment-action{ background:#85aca3!important; border:1px solid #85aca3!important; } .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:#20283b!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#fcaaa1!important; background:none!important; border:none!important;} /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} button{box-shadow:none!important;} button{ color:#84b7ab!important; background:#20283b!important; border:none!important; border-radius:10px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } button:hover{ color:#20283b!important; background:#fcaaa1!important; border:none!important; border-radius:5px -webkit-transition:linear 1s; -moz-transition:linear 1s; } /***อวาตาร์ของคนคอมเม้นท์***/ .avatar{ -webkit-transform:rotate(0deg); background:-webkit-linear-gradient(left, #ef5c65 1%,#85aca3 100%,#85aca3 100%)!important; border:5px solid #84b7ab!important; border-radius:87px 0px 87px 0px; padding:20px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; margin-bottom:5px; } .avatar:hover{ bottom:25px!important; right:25px!important; -webkit-transform:rotate(180deg); border-radius:50%!important; background:#accbc5!important; border:5px solid #cedbd5!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],.user-pic-comment{ width:75px; height:75px; border-radius:50%!important; border:5px solid #fcaaa1!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ -webkit-transform:rotate(180deg); border:5px solid #85aca3!important; border-radius:50%!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } /***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/ input,select,textarea{ color:#84b7ab!important; background:#20283b!important; border-radius:5px; border:1px dashed #84b7ab!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; }/***กล่องคอมเม้น*****/ .user-box>.avatar-box>.avatar{display:none!important;}.comment-desktop-container>.post-wrapper{border-top:none!important;background:none!important;}.comment-desktop-container .input-wrapper.-focus,.comment-desktop-container .input-wrapper,.cm-box-area .commentbox-ta,.cm-box-area .input{background:#20283b!important;border:1px dashed #b3d6cf!important;color:#84b7ab!important;}.comment-desktop-container{background:#000!important;border:2px solid #85aca3!important;}.user-box>.user-wrapper>.usermenu>.icon,.tools-box>.text-style-group>.styleitem-wrapper>.toolitem{color:#84b7ab!important;}.comment-container{display:none!important;} /*ซีเล็คชั่น : คือส่วนที่เวลาเราลากเม้าส์คลุมข้อความ*/ *::selection{ /*สำหรับ browser IE*/ background:#b3d6cf!important; color:#20283b!important; } *::-moz-selection{ /*สำหรับ browser firefox*/ background:#b3d6cf!important; color:#20283b!important; } *::-webkit-selection{ /*สำหรับ browser chrome*/ background:#b3d6cf!important; color:#20283b!important; } input:hover , select:hover , textarea:hover { color:#20283b!important; background:#fcaaa1!important; border:1px dashed #666!important; -webkit-transition: linear 1s ; -moz-transition: linear 1s ; } /***สกรอลล์บาร์***/ ::-webkit-scrollbar{width:12px;} ::-webkit-scrollbar-track-piece:decrement{ background:#ef5c65!important; /*แทรคด้านบน*/ border:1px solid #fcaaa1; } ::-webkit-scrollbar-track-piece:increment { background:#85aca3!important; /*แทรคด้านล่าง*/ border:1px solid #b3d6cf; } ::-webkit-scrollbar-button{ background: #fe7f86!important; /*หัวท้ายสกรอลล์บาร์*/ height: 10px!important; } ::-webkit-scrollbar-thumb{ background: #20283b!important; /*ตัวที่เลื่อนไปมา*/ } /******ลิ้งค์สไตล์******/ a:link{ color:#84b7ab; text-decoration:none!important; -webkit-transition:1s; -moz-transition:1s; } a:active,a:visited{ color:#accbc5!important; text-decoration:none!important; } a:hover{color:#20283b!important; background:#fcaaa1!important; background-repeat:no-repeat!important;position:relative; top:0px;left:0px;font-weight:bold; border-radius:5px; border:1px dashed #20283b!important; box-shadow:6px 0px 0 #ef5c65,-6px 0px 0 #ef5c65,12px 0px 0 #85aca3,-12px 0px 0 #85aca3; -webkit-transition:0s;-moz-transition:0s;} /**********แถบทูลบาร์**********/ .toolbar{ background:#20283b!important; text-shadow:none!important; box-shadow:0 .1em .1em #fcaaa1!important; -webkit-box-shadow:0 .1em .1em #accbc5!important; }  .toolbar-submenu-wrapper,  .toolbar-submenu-column-wrapper,  .toolbar-option-wrapper,  .toolbar-user-item,  .toolbar-option-header{background:#000!important;border:none!important;box-shadow:none!important;}  .toolbar-user-item .profile-edit{background:#000!important;border:1px dashed #84b7ab!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:#84b7ab!important; } .toolbar-submenu-item:hover span{ color:#20283b!important; } /**โลโก้Dek-d**/ .tb-logo{ background-image:#fff!important; background-repeat:no-repeat!important; background-position:center!important; } .tb-logo:hover{ background-image:url(https://image.dek-d.com/27/0120/9186/122263478)!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:#84b7ab;} .chapter-item { border:none!important; padding:8px 0 0 0!important; } /**สีตัวอักษรแถบทูลบาร์**/ a.tb-menulink{ color:#84b7ab!important; } a.tb-menulink:hover{ color:#20283b!important; } .tb-badge-style,.tb-badge-menu{ background:#84b7ab!important; color:#84b7ab!important; } .board-list a:hover{ background:#fcaaa1!important; background-repeat:no-repeat!important;position:relative; top:0px;left:0px;font-weight:bold; border-radius:5px; border:1px dashed #20283b!important; padding:0px!important; font-weight:normal!important; -webkit-transition:0s;-moz-transition:0s; }  .tb-icon-coin-orange{color:#20283b!important;background:#accbc5!important;}/*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/ .screen-msg{border-bottom:1px dashed #fe7f86!important; } /**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/ a.box06_link{border-top:1px dashed #fe7f86!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 #fe7f86; } 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 #fe7f86; font-size:12px!important; } ul.bigsize li a:hover, /*ตรงนี้เป็นโค้ดของตรงที่ปรับขนาดอักษร*/ ul.next li a:hover{ color:#20283b!important; background:#fcaaa1!important; background-repeat:no-repeat!important;position:relative; top:0px;left:0px;font-weight:bold; border-radius:5px; border:1px dashed #20283b!important; box-shadow:6px 0px 0 #ef5c65,-6px 0px 0 #ef5c65,12px 0px 0 #85aca3,-12px 0px 0 #85aca3; -webkit-transition:0s;-moz-transition:0s;} /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ .big_next1{ width:835px!important; border-top:1px dashed #fe7f86!important; } .big_next2{ width:835px!important; border-bottom:1px dashed #fe7f86!important; } #content_name img { color:#84b7ab!important; background:#84b7ab!important; background-repeat:no-repeat!important;position:relative; top:0px;left:0px;font-weight:bold; border-radius:50px; padding:7px; border:5px solid #fe7f86!important; -webkit-transition:0s;-moz-transition:0s; } #content_name p,div.story .desc_head{ display:none!important;}.chapter-box-wrapper>.chaptername{background:#20283b!important;color:#accbc5!important;border-radius:5px!important;} .chapter-action-button .actionicon,.chapter-action-button .actiontxt{color:#84b7ab!important;}.chapter-action-button .actiontxt:hover{color:#20283b!important;}.vote-button .unfinished-voting-text{color:#20283b!important;}.vote-button{background:#84b7ab!important;border:2px solid #20283b!important;box-shadow:none!important;}.vote-button:hover{background:#fcaaa1!important;border:2px solid #20283b!important;box-shadow:none!important;}  .toolbar-searchbox .tb-btn-search{background:#20283b!important;color:#84b7ab!important;box-shadow:none!important;text-shadow:none!important;border-radius:5px!important;border:1px dashed #84b7ab!important;}  .toolbar-searchbox .tb-btn-search:hover{background:#accbc5!important;color:#20283b!important;box-shadow:none!important;text-shadow:none!important;border-radius:5px!important;border:1px dashed #20283b!important;}  .toolbar-searchbox .toolbar-input{background:#20283b!important;border:1px dashed #accbc5!important;color:#84b7ab!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;} #content_name,.desc_head{ display:none!important; } .fbshowbox{ display:none!important; } #CM_viewlong,p.banner, .accord-r,.banner-area,.accord-u{ display:none!important; }.chapter-footer-box{display:none!important;}.report-footer-box{display:none!important;}.comment-action .cm-setbtn-ii{background:none!important;}  -panorama.new-style,.banner-wrapper{display:none!important;height:10px!important;}</style> <style type="text/css"> img{ -webkit-transition: 1.0s; -moz-transition: 1.0s;} img:hover{ -webkit-animation-name: shake; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; filter: none;;} @-moz-keyframes shake /* Firefox*/ { { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-ms-keyframes shake /* IE9*/ { 10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); } 30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); } 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); } 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); } 90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); } } @-webkit-keyframes shake /* Safari and Chrome */ { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }</style><style name="captain" type="text/css">IMG:HOVER { OPACITY: 1; /*REFLECTION*/-WEBKIT-BOX-REFLECT: BELOW 0PX -WEBKIT-GRADIENT(LINEAR, LEFT TOP, LEFT BOTTOM, FROM(TRANSPARENT), COLOR-STOP(.7, TRANSPARENT), TO(RGBA(0,0,0,0.4)));}</style><style name="captain" type="text/css">img { filter: alpha (opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70); opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s; -o-transition:0.7s;} </style>

!!Important โปรดอ่านวิธีการใส้โค้ดที่กล่องด้านซ้าย

::Banner::

ธีมจะดูมีออร่าถ้าใช้ Crhome

!!ภาพพื้นหลังไม่ขึ้นโปรดแจ้ง!!

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

writer

✎litchiipang!

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

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

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

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

ความคิดเห็น

×