崇才科技
模載聯合支援站
 English
發新話題
打印

非官方新介面公開測試計劃(模載的未來新介面?)(更新1.6.0)

本主題由 Lloyd Esq. 於 2018-10-15 16:43 加入精華 本主題被作者加入到個人文集中

非官方新介面公開測試計劃(模載的未來新介面?)(更新1.6.0)


大家好,
好像很久沒跟大家見面了
沒想到上次那篇發帖「新介面?」竟然會引起那麼大的迴響
當然也有人私下問我用甚麼代碼改成這樣

所以,
既然那麼多人問(其實是本人懶於逐一回覆)
不如直接來個「新介面公開測試計劃」
理論上新介面的開發進度會有所改善
有問題的話請回報

條件:

  • 瀏覽器:Google Chrome 55或更新/Firefox 57或更新(使用相同核心的瀏覽器也可以,但是核心版本必須符合)
  • 瀏覽器擴充程式:Stylus[Google Chrome版Firefox版]或其他可以變更網站CSS的擴充程式(需要支援Mozilla格式)


!注意事項!

  • 只要應用此新介面,無論在「介面風格」中選擇任何模板均會無效
  • 新介面仍然在開發階段,不要期望沒有Bug
  • 如果遇上顯示問題,請暫時停用新介面
  • 新介面會移除不合乎介面風格的項目,將來可能會重新加入


如何做(自動版):

  • 打開模載網站
  • 按你的CSS擴充程式,按尋找樣式(建議勾選「嵌入」會比較簡單)

  • 之後會在下方顯示「VFCF 18WOS Redesign」(沒有的話翻頁找一下),按下便會安裝,之後重新載入頁面即可(完成了)

  • 要套用新介面更新,要回到你的CSS擴充程式的樣式管理頁面,之後按下(橙色)便會更新



如何做(手動版):

  • 打開你的CSS擴充程式的樣式管理頁面(你的步驟可能不同)





  • 按「編寫新樣式」

  • 在「Mozilla格式」一欄下按「匯入」

  • 貼上新介面代碼,之後按「覆蓋樣式」
  • 命名並儲存(完成了)


新介面代碼(1.6.0):
複製內容到剪貼板
 原始碼:
@-moz-document domain("bbs.18wos.org") {
/* General Declaration */
* {
        box-shadow: none !important;
        word-break: keep-all;
        word-spacing: normal;
        word-wrap: normal;
}
html[xmlns$="xhtml"] > body {
        margin: 0px;
        margin-bottom: 36px;
        border: 0px;
        padding: 0px;
        background: rgb(64, 64, 64);
        background-attachment: fixed;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto auto;
        font: 13px Verdana, Helvetica, sans-serif;
}
img {
        border: 0px;
}
button:focus {
        outline: none !important;
}
cite {
        font-weight: normal !important;
}


/* Logo */
        /* VFC */
                /* Top */
                html[xmlns$="xhtml"] img[src$="logo.png"] {
                        width: 218px;
                        height: 56px;
                }
                html[xmlns$="xhtml"] img[src$="logo_tm.png"] {
                        display: block;
                        content: "";
                        width: 218px;
                        height: 56px;
                        background: url(http://bbs.18wos.org/images/NewArk/logo.png);
                        background-position: center top;
                        background-repeat: no-repeat;
                        background-size: 218px 56px;
                }
                /* Bottom */
                img[src$="logo3.gif"] {
                        display: none;
                }
        /* Chungtsai */
        a[href="https://weibo.com/chungtsai"] {
                display: none;
        }


/* Navigation Bar */
html[xmlns$="xhtml"] > body > div > a[href="/"][title="模載聯合支援站"] {
        display: block;
        position: fixed;
        z-index: 26;
        margin: 0px;
        border: 0px;
        padding: 0px;
        top: 3px;
        left: 0px;
        width: 218px;
        height: 56px;
}
#topside.topside {
        display: block;
        box-sizing: border-box;
        position: sticky;
        z-index: 25;
        margin: 0px;
        margin-bottom: 8px;
        border: 0px;
        padding: 0px;
        padding-left: 218px;
        width: 100%;
        height: 64px !important;
        top: 0px;
        background: rgba(107, 192, 13, 0.9);
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#topside.topside .backindex {
        z-index: 26;
        margin: 0px;
        line-height: normal;
}
#topside.topside .backindex img[src$="bindex.gif"] {
        display: none;
}
#topside.topside .backindex:nth-child(1) {
        display: block;
        position: fixed;
        top: 4px;
        left: 218px;
}
#topside.topside .backindex:nth-child(2) {
        display: none;
}
#topside.topside > div:nth-child(1) {
        overflow-x: hidden;
        overflow-y: hidden;
}
#topside.topside > div:nth-child(2) {
        padding-top: 0px !important;
        height: 44px !important;
}
#topside.topside a, #topside.topside li a {
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#topside.topside #menu ul {
        margin: 0px;
        margin-right: 2px;
        padding: 0px;
}
#topside.topside #menu ul li a {
        margin: 0px;
        padding: 4px 6px;
}
#topside.topside #menu ul li cite a[href^="space.html"] {
        display: none;
}
#topside.topside #menu li.hover, #topside.topside #menu li.current {
        border: 0px;
        background-color: rgb(72, 128, 9);
        color: rgb(255, 255, 255);
}
#topside.topside #menu ul li.hover a {
        padding: 4px 6px;
        background-color: rgb(72, 128, 9);
}
#topside.topside #nav a[href="/"] {
        display: none;
}
#topside.topside #userinfo {
        margin: 0px;
        margin-left: 5px;
        margin-top: 6px;
        padding: 0px;
        color: rgb(255, 255, 255);
}
#topside.topside #userinfo #nav {
        margin: 0px;
}
#topside.topside #userinfo p {
        display: none;
}
#topside.topside #userinfo form#loginform {
        margin-top: -10px;
}
#topside.topside #userinfo form#loginform input {
        border: 0px;
        width: 128px;
        height: 20px;
}
#topside.topside .searchbar {
        margin: 0px;
        margin-top: -6px !important;
        margin-right: 8px;
        padding: 0px;
        height: auto;
}
#topside.topside .searchbar input#srchtxt {
        border: 0px;
        box-sizing: border-box;
        height: 28px;
}
#topside.topside .searchbar button {
        margin: 0px;
        border: 0px;
        padding: 0px;
        box-sizing: border-box;
        height: 28px;
}


/* Body */
.wrap {
        width: 98%;
}


/* Footer */
.blq-gvl-3 {
        display: block;
        box-sizing: border-box;
        position: fixed;
        z-index: 25;
        margin: 0px;
        border: 0px;
        padding: 2px 4px;
        width: 100% !important;
        height: 38px;
        bottom: 0px;
        background: rgba(107, 192, 13, 0.9);
        color: rgb(255, 255, 255);
        font-weight: normal !important;
        line-height: normal !important;
}
.wrap .blq-gvl-3 {
        margin-left: -1%;
}
.blq-gvl-3 #blq-container-inner, .blq-gvl-3 #blq-acc, .blq-gvl-3 #blq-mast-h {
        height: auto;
}
#footer {
        margin: 0px;
        padding: 0px;
        width: auto;
        height: auto;
}
#footer #footlinks, #footer #footlinks p, #footer #copyright {
        margin: 0px;
        padding: 0px;
        font: 10pt Verdana, Helvetica, sans-serif;
        line-height: normal;
}


/* Button */
button[type=submit] {
        border: 0px;
        background: rgb(224, 224, 224);
        font-weight: normal;
}
button[name] {
        border: 0px;
        background: rgb(224, 224, 224) !important;
        font-weight: normal;
}
button[name="searchsubmit"] {
        width: 44px;
        height: 33px;
}
button[name="topicsubmit"], button#postsubmit {
        width: 70px;
        height: 33px;
        color: rgb(0,0,0);
}
button[name="userlogin"], #loginform button {
        margin: 0px !important;
        padding: 0px !important;
        width: 50px !important;
        height: 28px !important;
        vertical-align: middle !important;
        font-size: 0px;
}
button[name="userlogin"]::after, #loginform button::after {
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        content: "登錄";
        width: 50px !important;
        height: 28px !important;
        color: rgb(0, 0, 0);
        text-align: center;
        vertical-align: middle !important;
        font-size: 10pt;
        line-height: 2em;
}


/* Popup */
.popupmenu_popup {
        position: relative;
        background-color: rgb(72, 128, 9);
        color: rgb(255, 255, 255) !important;
}
.popupmenu_popup a {
        color: rgb(255, 255, 255);
}
.headermenu_popup li, .popupmenu_popup li, .newspecialmenu a {
        border: 0px !important;
}


.legend {
        border: 0px;
        padding: 16px 0px;
        width: 540px;
        line-height: normal;
}
.mainbox h1, .mainbox h3, .mainbox h6, .box h4, .message h1 {
        background: rgba(102, 102, 102, 1);
}

/* Forum Trending */
#category_HS > td:nth-child(1) {
        text-align: center;
}


/* Forum List */
.forumlist tbody th, .forumlist tbody th.new {
        background: none;
}
.forumlist th {
        padding-left: 15px !important;
}


/* Forum Information*/
#foruminfo {
        margin: 0px;
        padding: 0px;
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#foruminfo a, #foruminfo em {
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#foruminfo #announcement {
        margin: 0px;
        height: auto;
}
.forumsole img {
        outline: none;
}


/* Block */
a[href$="londontour.18wos.org"] {
        display: none;
}
        /* Translator */
        a#StranLink {
                display: none;
        }
        /* VFCF Social Networking Services */
        #topside.topside .weibo, #topside.topside .fb {
                display: none;
        }
        /* Hong Kong News Display Board */
        img[src*="hkbrda"] {
                display: none;
        }
        /* Post Editor */
        #newpost > thead:nth-child(5) {
                display: none;
        }
        tbody#adv {
                display: table-row-group !important;
        }
        /* Post Content */
        td.postcontent, td.postcontent > div.postinfo {
                background: none !important;
        }
.bottombutton {
        display: none;
}
        /* Forum Debug */
        #footer #debuginfo {
                display: none;
        }


/*Responsive*/
@media screen and (max-width: 1920px) {
        #specialvotes {
                display: block;
        }
        #weinewsblock {
                display: block;
        }
        .weinewsleft {
                float: left;
                width: 80%;
                margin-bottom: 6px;
        }
}
@media screen and (max-width: 1200px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .threadpm {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href$="viewthread.php?tid=6837"] {
                display: none;
        }
}
@media screen and (max-width: 1000px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .backindex {
                display: none;
        }
        .threadpm {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href$="viewthread.php?tid=6837"] {
                display: none;
        }
}
@media screen and (max-width: 640px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .backindex {
                display: none;
        }
        .threadpm {
                display: none;
        }
        .signatures img {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href$="viewthread.php?tid=6837"] {
                display: none;
        }
}
}
[ 本帖最后由 hugoalh 于 2018-9-26 14:47 编辑 ]
本帖最近評分記錄
  • Lloyd Esq. 下載積分 +600 2018-8-19 11:52 原創內容



Gmail
Outlook


>發送訊息時,請耐心等待回覆,感謝


香港加油!

測試中…(看到分別嗎?)



Gmail
Outlook


>發送訊息時,請耐心等待回覆,感謝


香港加油!

1.2.0的新圖片



Gmail
Outlook


>發送訊息時,請耐心等待回覆,感謝


香港加油!

1.4.0的新圖片



Gmail
Outlook


>發送訊息時,請耐心等待回覆,感謝


香港加油!

非官方新介面公開測試計劃(更新1.8.0)


複製內容到剪貼板
 原始碼:
@-moz-document domain("bbs.18wos.org") {
/*Modern Style Declaration*/
* {
        box-shadow: none !important;
        word-break: keep-all;
        word-spacing: normal;
        word-wrap: normal;
}
img {
        border: 0px;
}
button {
        outline: none !important;
}
        button:focus {
                outline: none !important;
        }
cite {
        font-weight: normal !important;
}

html[xmlns*="xhtml"] > body {
        margin: 0px;
        margin-bottom: 36px;
        border: 0px;
        padding: 0px;
        background: rgb(64, 64, 64);
        background-attachment: fixed;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto auto;
        font: 10pt Verdana, Helvetica, sans-serif;
}

/*Logo*/
        /*VeFans*/
                /*Top*/
                html[xmlns*="xhtml"] a[href="/"] img[src*="logo"] {
                        width: 218px;
                        height: 56px;
                }
                html[xmlns*="xhtml"] img[src*="logo_tm"] {
                        display: block;
                        content: "";
                        width: 218px;
                        height: 56px;
                        background: url(http://bbs.18wos.org/images/NewArk/logo.png);
                        background-position: center top;
                        background-repeat: no-repeat;
                        background-size: 218px 56px;
                }
                /*Bottom*/
                img[src*="logo3.gif"] {
                        display: none;
                }
        /*Chungtsai*/
        a[href="https://weibo.com/chungtsai"] {
                display: none;
        }

/*Navigation Bar*/
html[xmlns*="xhtml"] > body > div > a[href="/"][title="模載聯合支援站"] {
        display: block;
        position: fixed;
        z-index: 26;
        margin: 0px;
        border: 0px;
        padding: 0px;
        top: 3px;
        left: 0px;
        width: 218px;
        height: 56px;
}
#topside.topside {
        display: block;
        box-sizing: border-box;
        position: sticky;
        z-index: 25;
        margin: 0px;
        margin-bottom: 8px;
        border: 0px;
        padding: 0px;
        padding-left: 218px;
        width: 100%;
        height: 64px !important;
        top: 0px;
        background: rgba(107, 192, 13, 0.9);
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#topside.topside .backindex {
        z-index: 26;
        margin: 0px;
        line-height: normal;
}
#topside.topside .backindex img[src*="bindex.gif"] {
        display: none;
}
#topside.topside .backindex:nth-child(1) {
        display: block;
        position: fixed;
        top: 4px;
        left: 218px;
}
#topside.topside .backindex:nth-child(2) {
        display: none;
}
#topside.topside > div:nth-child(1) {
        overflow-x: hidden;
        overflow-y: hidden;
}
#topside.topside > div:nth-child(2) {
        padding-top: 0px !important;
        height: 44px !important;
}
#topside.topside a, #topside.topside li a {
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#topside.topside #menu ul {
        margin: 0px;
        margin-right: 2px;
        padding: 0px;
}
#topside.topside #menu ul li a {
        margin: 0px;
        padding: 4px 6px;
}
#topside.topside #menu ul li cite a[href^="space.html"] {
        display: none;
}
#topside.topside #menu li.hover, #topside.topside #menu li.current {
        border: 0px;
        background-color: rgb(72, 128, 9);
        color: rgb(255, 255, 255);
}
#topside.topside #menu ul li.hover a {
        padding: 4px 6px;
        background-color: rgb(72, 128, 9);
}
#topside.topside #nav a[href="/"] {
        display: none;
}
#topside.topside #userinfo {
        margin: 0px;
        margin-left: 5px;
        margin-top: 6px;
        padding: 0px;
        color: rgb(255, 255, 255);
}
#topside.topside #userinfo #nav {
        margin: 0px;
}
#topside.topside #userinfo p {
        display: none;
}
#topside.topside #userinfo form#loginform {
        margin-top: -10px;
}
#topside.topside #userinfo form#loginform input {
        border: 0px;
        width: 128px;
        height: 20px;
}
#topside.topside .searchbar {
        margin: 0px;
        margin-top: -6px !important;
        margin-right: 8px;
        padding: 0px;
        height: auto;
}
#topside.topside .searchbar input#srchtxt {
        border: 0px;
        box-sizing: border-box;
        height: 28px;
}
#topside.topside .searchbar button {
        margin: 0px;
        border: 0px;
        padding: 0px;
        box-sizing: border-box;
        height: 28px;
}

/*Body*/
.wrap {
        width: 98%;
}

/*Footer*/
.blq-gvl-3 {
        display: block;
        box-sizing: border-box;
        position: fixed;
        z-index: 25;
        margin: 0px;
        border: 0px;
        padding: 2px 4px;
        width: 100% !important;
        height: 38px;
        bottom: 0px;
        background: rgba(107, 192, 13, 0.9);
        color: rgb(255, 255, 255);
        font-weight: normal !important;
        line-height: normal !important;
}
.wrap .blq-gvl-3 {
        margin-left: -1%;
}
.blq-gvl-3 #blq-container-inner, .blq-gvl-3 #blq-acc, .blq-gvl-3 #blq-mast-h {
        height: auto;
}
#footer {
        margin: 0px;
        padding: 0px;
        width: auto;
        height: auto;
}
#footer #footlinks, #footer #footlinks p, #footer #copyright {
        margin: 0px;
        padding: 0px;
        font: 10pt Verdana, Helvetica, sans-serif;
        line-height: normal;
}

/*Button*/
button[type=submit] {
        border: 0px;
        background: rgb(224, 224, 224);
        font-weight: normal;
}
button[name] {
        border: 0px;
        background: rgb(224, 224, 224) !important;
        font-weight: normal;
}
button[name="searchsubmit"] {
        width: 44px;
        height: 33px;
}
button[name="topicsubmit"], button#postsubmit {
        width: auto;
        height: 33px;
        color: rgb(0,0,0);
}
button[name="userlogin"], #loginform button {
        margin: 0px !important;
        padding: 0px !important;
        width: 50px !important;
        height: 28px !important;
        vertical-align: middle !important;
        font-size: 0px;
}
button[name="userlogin"]::after, #loginform button::after {
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        content: "登錄";
        width: 50px !important;
        height: 28px !important;
        color: rgb(0, 0, 0);
        text-align: center;
        vertical-align: middle !important;
        font-size: 10pt;
        line-height: 2em;
}

/*Popup*/
.popupmenu_popup {
        position: relative;
        background-color: rgb(72, 128, 9);
        color: rgb(255, 255, 255) !important;
}
.popupmenu_popup a {
        color: rgb(255, 255, 255);
}
.headermenu_popup li, .popupmenu_popup li, .newspecialmenu a {
        border: 0px !important;
}

.legend {
        border: 0px;
        padding: 16px 0px;
        width: 540px;
        line-height: normal;
}
.mainbox h1, .mainbox h3, .mainbox h6, .box h4, .message h1 {
        background: rgba(102, 102, 102, 1);
}

/*Forum Trending*/
#category_HS > td:nth-child(1) {
        text-align: center;
}

/*Forum List*/
.forumlist tbody th, .forumlist tbody th.new {
        background: none;
}
.forumlist th {
        padding-left: 15px !important;
}
.forumlist thead tr th, .forumlist thead tr td.nums {
        display: none;
}

/*Forum Information*/
#foruminfo {
        margin: 0px;
        padding: 0px;
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#foruminfo a, #foruminfo em {
        color: rgb(255, 255, 255);
        font-weight: normal;
}
#foruminfo #announcement {
        margin: 0px;
        height: auto;
}
.forumsole img {
        outline: none;
}

/*Block*/
a[href*="londontour.18wos.org"] {
        display: none;
}
        /*Translate*/
        a#StranLink {
                display: none;
        }
        /*VeFans Social Network Service*/
        #topside.topside .weibo, #topside.topside .fb {
                display: none;
        }
        /*Hong Kong News Display Board*/
        img[src*="hkbrda"] {
                display: none;
        }
        /*Post Editor*/
        #newpost > thead:nth-child(5) {
                display: none;
        }
        tbody#adv {
                display: table-row-group !important;
        }
        /*Post Content*/
        td.postcontent, td.postcontent > div.postinfo {
                background: none !important;
        }
.bottombutton {
        display: none;
}
        /*Forum Debug*/
        #footer #debuginfo {
                display: none;
        }

td.postauthor p img[src*=common] {
        width: 28px;
        height: 28px;
}

/*Responsive*/
@media screen and (max-width: 1920px) {
        #specialvotes {
                display: block;
        }
        #weinewsblock {
                display: block;
        }
        .weinewsleft {
                float: left;
                width: 80%;
                margin-bottom: 6px;
        }
}
@media screen and (max-width: 1200px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .threadpm {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href*="viewthread.php?tid=6837"] {
                display: none;
        }
}
@media screen and (max-width: 1000px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .backindex {
                display: none;
        }
        .threadpm {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href*="viewthread.php?tid=6837"] {
                display: none;
        }
}
@media screen and (max-width: 640px) {
        #specialvotes {
                display: none;
        }
        #weinewsblock {
                display: none;
        }
        #menu #plugin {
                display: none;
        }
        .weinewsleft {
                float: none;
                width: 100%;
                margin-bottom: 6px;
        }
        .backindex {
                display: none;
        }
        .threadpm {
                display: none;
        }
        .signatures img {
                display: none;
        }
        #announcement {
                display: block;
        }
        #topside > div:nth-child(1) {
                overflow: visible;
        }
        #menu a[href^="member.html"], #menu a[href^="search.html"], #menu a[href*="viewthread.php?tid=6837"] {
                display: none;
        }
}
}



Gmail
Outlook


>發送訊息時,請耐心等待回覆,感謝


香港加油!
發新話題

崇才网络科技有限公司微博