2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

用戶:鬼影233/MoeSkinPlus

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

SVG

MoeSkinPlus,又稱M+MSP,是基於MoeSkin皮膚的一款皮膚樣式擴展,以在MoeSkin與Vector中尋找平衡為初衷進行開發并迭代。

主要特徵

MoeSkinPlus的主要特點包括但不限於:

視覺類

  • 調換了頁面主體左右分欄的位置並增加了頁面主體(MainArticle)寬度,側邊欄將與Vector類似顯示在左側;
  • 更加容易美觀或容易識別的內容;
  • Wikiplus右側按鈕有了圖標,感謝U:あめろ的提供。
  • 右側序言編輯按鈕也有了圖標,感謝U:GuoPC的提供。
  • 與皮膚相稱的更多的圓角,例如{{info}}和{{黑幕}}將會呈現出一定的圓角;
  • 節假日限定主題,在一些節假日MoeSkinPlus會提供節日限定的主題色;
  • 更加好看的底部分類顯示。

技術類

  • 開源(廢話),長期支持與更新,以及代碼註釋,且在版本更新的編輯基本也有編輯註釋;
  • 版本號,在每次新增或刪除樣式時會更新版本號(位於左上角Logo右側),非破壞性更改不會更新版本號;
  • 遵從顏色變量,M+儘可能的通過修改變量來調整顏色而不是直接覆蓋,而專屬的顏色也通過寫進變量後引用(例如{{胡話}}的劃線、文字顏色的調整,用戶可以更方便對M+的一些顏色進行調整;
  • 沒什麼用的moeskinplusonlynomoskinplus類,效果與mobileonlynomoblie類似,但moeskinplusonly需要同時使用display:none;樣式。
  • moeskin.csscommon.css內均可以引用,不會影響到其他皮膚。

視覺圖

主視覺圖-展開側邊欄主視覺圖-摺疊側邊欄{{info}} 與 {{黑幕}} 圓角分類欄Wikiplus 與序言編輯按鈕

如何使用

moeskin.csscommon.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

Nord

引用代碼:@import url('//mzh.moegirl.org.cn/index.php?title=U:鬼影233/nord-moeskin.css&action=raw&ctype=text/css');

Nord主題包,源自Nord,主題包製作:鬼影233MoeSkinMoeSkinPlus均可使用。

現已對代碼高亮工具D 閲讀時高亮顯示頁面上的代碼塊。、CodeMirror(Wikiplus代碼高亮E Bhsd開發。)進行了顏色調整。

MoeLatte

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拯救了我這個起名廢;
  • 由於樣式更改導致的對條目實際顯示判斷失誤,甚至上版提問,概不負責。