用戶:鬼影233/MoeSkinPlus
MoeSkinPlus,又稱M+、MSP,是基於MoeSkin皮膚的一款皮膚樣式擴展,以在MoeSkin與Vector中尋找平衡為初衷進行開發并迭代。
主要特徵
MoeSkinPlus的主要特點包括但不限於:
視覺類
- 調換了頁面主體左右分欄的位置並增加了頁面主體(MainArticle)寬度,側邊欄將與Vector類似顯示在左側;
- 更加容易美觀或容易識別的內容;
- Wikiplus右側按鈕有了圖標,感謝U:あめろ的提供。
- 右側序言編輯按鈕也有了圖標,感謝U:GuoPC的提供。
- 與皮膚相稱的更多的圓角,例如{{info}}和{{黑幕}}將會呈現出一定的圓角;
- 節假日限定主題,在一些節假日MoeSkinPlus會提供節日限定的主題色;
- 更加好看的底部分類顯示。
技術類
- 開源(廢話),長期支持與更新,以及代碼註釋,且在版本更新的編輯基本也有編輯註釋;
- 版本號,在每次新增或刪除樣式時會更新版本號(位於左上角Logo右側),非破壞性更改不會更新版本號;
- 遵從顏色變量,M+儘可能的通過修改變量來調整顏色而不是直接覆蓋,而專屬的顏色也通過寫進變量後引用(例如{{胡話}}的劃線、文字顏色的調整,用戶可以更方便對M+的一些顏色進行調整;
- 沒什麼用的
moeskinplusonly
與nomoskinplus
類,效果與mobileonly
、nomoblie
類似,但moeskinplusonly
需要同時使用display:none;
樣式。 - moeskin.css與common.css內均可以引用,不會影響到其他皮膚。
視覺圖
如何使用
在 moeskin.css 或 common.css(的前面)插入引用代碼:@import url('//mzh.moegirl.org.cn/index.php?title=U:鬼影233/moeskinplus.css&action=raw&ctype=text/css');
當然你也可以選擇手動複製U:鬼影233/moeskinplus.css的代碼到上述頁面來手動控制具體內容。
主題包
用戶們自我發佈的基於MoeSkin且支持MoeSkinPlus的主題包,可在此也進行一定篇幅的宣傳。
@import
代碼一般應該放在#如何使用的頂部,MoeSkinPlus之後(若有);:root
代碼一般應該放在頁面最後。
Nord
引用代碼:@import url('//mzh.moegirl.org.cn/index.php?title=U:鬼影233/nord-moeskin.css&action=raw&ctype=text/css');
Nord主題包,源自Nord,主題包製作:鬼影233,MoeSkin與MoeSkinPlus均可使用。
現已對代碼高亮工具D 閲讀時高亮顯示頁面上的代碼塊。、CodeMirror(Wikiplus代碼高亮E 由Bhsd開發。)進行了顏色調整。
MoeLatte
引用代碼:@import url('//mzh.moegirl.org.cn/index.php?title=U:GuoPC/MoeLatte.css&action=raw&ctype=text/css');
MoeLatte是基於Catppuccin Theme中的Latte調色風格製作的一款用於MoeSkin外觀的主題包。採用了Latte中的綠—藍系列色作爲主要配色,並進行了一定調整。
主題包製作:GuoPC
寫在開頭
- 感謝あめろ提供的W+圖標;
- 感謝GuoPC提供的序言編輯圖標;
- 感謝公的驅逐艦曾說要寫一個類似的但一直沒開始寫導致我自己寫了一個;
- 感謝各位的支持與宣傳,歡迎各位提出意見,采不採納另說;
- 感謝Wikiplus拯救了我這個起名廢;
- 由於樣式更改導致的對條目實際顯示判斷失誤,甚至上版提問,概不負責。