2018-8-19 11:22
大家好,
好像很久沒跟大家見面了!
沒想到上次那篇發帖「新介面?」竟然會引起那麼大的迴響,
當然也有人私下問我用甚麼代碼改成這樣,
所以,
既然那麼多人問(其實是本人懶於逐一回覆),
不如直接來個「新介面公開測試計劃」,
理論上新介面的開發進度會有所改善。
有問題的話請回報!
條件:
- 瀏覽器:Google Chrome 55或更新/Firefox 57或更新(使用相同核心的瀏覽器也可以,但是核心版本必須符合)
- 瀏覽器擴充程式:Stylus[Google Chrome版/Firefox版]或其他可以變更網站CSS的擴充程式(需要支援Mozilla格式)
!注意事項!
- 只要應用此新介面,無論在「介面風格」中選擇任何模板均會無效
- 新介面仍然在開發階段,不要期望沒有Bug
- 如果遇上顯示問題,請暫時停用新介面
- 新介面會移除不合乎介面風格的項目,將來可能會重新加入
如何做(自動版):
- 打開模載網站
- 按你的CSS擴充程式,按尋找樣式(建議勾選「嵌入」會比較簡單)
[attach]386031[/attach]
- 之後會在下方顯示「VFCF 18WOS Redesign」(沒有的話翻頁找一下),按下便會安裝,之後重新載入頁面即可(完成了)
[attach]386032[/attach]
- 要套用新介面更新,要回到你的CSS擴充程式的樣式管理頁面,之後按下(橙色)便會更新
[attach]386033[/attach]
如何做(手動版):
- 打開你的CSS擴充程式的樣式管理頁面(你的步驟可能不同)
- [attach]386027[/attach]
- [attach]386028[/attach]
- [attach]386029[/attach]
- 按「編寫新樣式」
[attach]385092[/attach]
- 在「Mozilla格式」一欄下按「匯入」
[attach]385093[/attach]
- 貼上新介面代碼,之後按「覆蓋樣式」
- 命名並儲存(完成了)
新介面代碼(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 编辑 ]
附件: 您沒有登陸,或您當前所在的用戶組還不能下載或查看本帖附件,請看《新手必看帖》。
|