評分佔比條模塊

[[include :scp-wiki-cn:ratemod:sentimentbar-style start={$start} | start=--] | end={$end}]] [[div class="right-align"]] [[div class="rate-box-with-sentiment-bar"]] [[div class="sentiment-bar"]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments width={$width} | width=150px | theme={$theme}]] [[/div]] [[module rate]] [[/div]] [[/div]] [[iftags 样版]] [[div style="border: 1px solid #ddd; padding: 1em;"]] > ++ 評分佔比條模塊：由[[*user Jochoi]] 製作。 > > 非常感謝[[*user Boyu12]] 於Discord上的幫助！ > 非常感謝[[*user W Asriel]] 關於將佔比條整合到評分模塊的提議！ > 另外也非常感謝於QQ群的各位關於顏色配搭的提議！ +++ **備註：佔比條模塊需手動重載入網頁以更新評分比率！** + 使用方法與選項解釋： +++ 獨立佔比條： 在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。 [[div class="code"]] {{@@[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.55 | nper=0 | dper=0.45 | width=300px | theme=ytp-like]]@@}} [[/div]] 範例： [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.55 | nper=0 | dper=0.45 | width=300px | theme=ytp-like]] **uper**：選填。好評佔率，接受少於1的點數或分數（以1為整體）。預設為該頁面的好評數除以總投票數。 **dper**：選填。差評佔率，接受少於1的點數或分數（以1為整體）。預設為該頁面的差評數除以總投票數。 **nper**：選填。中立佔率，接受少於1的點數或分數（以1為整體）。預設為0。 **width**：選填。佔比條寬度。預設為150px。 **theme**：選填。佔比條顏色配搭主題。預設為"greengrayred"。預定義主題如下： [[collapsible show="+ 打開列表" hide="- 關閉列表"]] [[table class="wiki-content-table"]] [[row]] [[hcell]] 主題使用名 [[/hcell]] [[hcell]] 顯示效果 (+0.45/X0.1/-0.45) [[/hcell]] [[hcell]] 好評條 (+) 顏色 [[/hcell]] [[hcell]] 中立條 (X) 顏色 [[/hcell]] [[hcell]] 差評條 (–) 顏色 [[/hcell]] [[/row]] [[row]] [[cell]] greengrayred [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=greengrayred]] [[/cell]] [[cell]] #3ae845 [[/cell]] [[cell]] #a0a0a0 [[/cell]] [[cell]] #e83a3a [[/cell]] [[/row]] [[row]] [[cell]] ytp-like [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=ytp-like]] [[/cell]] [[cell]] #167ac6 [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #ccc [[/cell]] [[/row]] [[row]] [[cell]] purplegrayyellow [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=purplegrayyellow]] [[/cell]] [[cell]] #8a5cbc [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #fcdc3f [[/cell]] [[/row]] [[row]] [[cell]] pinkgrayblue [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=pinkgrayblue]] [[/cell]] [[cell]] #ff86ec [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #369ae6 [[/cell]] [[/row]] [[row]] [[cell]] redgrayblack [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=redgrayblack]] [[/cell]] [[cell]] #ff0000 [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #000 [[/cell]] [[/row]] [[row]] [[cell]] bluegrayred [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=bluegrayred]] [[/cell]] [[cell]] #369ae6 [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #ee1111 [[/cell]] [[/row]] [[row]] [[cell]] prusti [[/cell]] [[cell]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=prusti]] [[/cell]] [[cell]] #003153 [[/cell]] [[cell]] #ccc [[/cell]] [[cell]] #dcdbd6 [[/cell]] [[/row]] [[/table]] [[/collapsible]] 自定義主題可使用以下代碼定義： [[collapsible show="+ 顯示代碼" hide="- 隱藏代碼"]] [[code]] [[module css]] .(自定義主題用名，需為英文) .neutralbar {     background-color: #XXXXXX;     /* 中立條顏色 */     color: #XXXXXX;     /* 中立條文字顏色 */ } .(自定義主題用名，需為英文) .downbar-base {     background-color: #XXXXXX;     /* 差評條顏色 */ } .(自定義主題用名，需為英文) .downbar-text {     color: #XXXXXX;     /* 差評條文字顏色 */ } .(自定義主題用名，需為英文) .upbar {     background-color: #XXXXXX;     /* 好評條顏色 */     color: #XXXXXX;     /* 好評條文字顏色 */ } [[/module]] [[/code]] 根據需要更改上述代碼細節並放在頁面任何一處，然後於[[include...]]裡把"theme"設為自定義主題用名以使用。 [[/collapsible]] +++ 附佔比條的評分模塊： 在頁面的開首插入如下的代碼以代替評分模塊與[[>]]。在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。 游標懸浮於右面的評分模塊之上時會拉出佔比條，在移動端上表現為點擊評分模塊任何一處。 Sigma-9: [[div class="code"]] {{@@[[include :scp-wiki-cn:ratemod:sentimentbar theme=ytp-like]]@@}} [[/div]] 黑色標記筆: [[div class="code"]] {{@@[[include :scp-wiki-cn:ratemod:sentimentbar | start=bhl | end=--] | theme=ytp-like]]@@}} [[/div]] 範例： [[div class="right-align"]] [[div class="rate-box-with-sentiment-bar"]] [[div class="sentiment-bar"]] [[include :scp-wiki-cn:ratemod:sentimentbar-arguments width=150px | theme=ytp-like]] [[/div]] [[module rate]] [[/div]] [[/div]] **theme**：與上述相同。 +++ 附佔比條的著作信息模塊： 與[[[credit:start|著作信息模塊]]]的使用方法相同，分別在於"[[include credit:start]]"改為"[[include ratemod:sentimentbar-credit:start]]"。獨立著作信息模塊不受評分佔比條模塊支援。 在頁面的開首插入如下的代碼以代替評分模塊與[[>]]。在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。 游標懸浮於右面的評分模塊之上時會拉出佔比條，在移動端上表現為點擊評分模塊任何一處。 Sigma-9: [[div class="code"]] {{@@[[include :scp-wiki-cn:ratemod:sentimentbar-credit:start theme=ytp-like]]@@ 資料 @@[[include :scp-wiki-cn:credit:more]]@@ 更多資料 @@[[include :scp-wiki-cn:credit:end]]@@}} [[/div]] 黑色標記筆: [[div class="code"]] {{@@[[include :scp-wiki-cn:ratemod:sentimentbar-credit:start start=bhl | end=--] | theme=ytp-like]]@@ 資料 @@[[include :scp-wiki-cn:credit:more]]@@ 更多資料 @@[[include :scp-wiki-cn:credit:end]]@@}} [[/div]] **theme**：與上述相同。 [[/div]] [[/iftags]]