使用者:Hikariii/代碼樣式

Test

感謝 鬼影233大佬的教程！受益頗多！

常用代碼的實現效果

類型	代碼名稱	舉例	實現效果
文字處理	引用條目	[[萌百娘]]	萌百娘
	插入日文	猫：{{lj|ねこ}}	貓：ねこ
	讀寫上標	{{ruby|聪明|rui zhi}}	聰明（rui zhi）
	插入黑幕	这孩子打小就聪明{{黑幕|rui zhi}}	這孩子打小就聰明rui zhi
	下劃線	<u>这孩子打小就聪明</u>	這孩子打小就聰明
	刪除線	这孩子打小就<del>聪明</del>	這孩子打小就聰明
	字體大小	这孩子打小就<big><big>聪明</big></big> （或small，可疊加）	這孩子打小就聰明
	引用名言	{{Cquote|这孩子打小就聪明|鲁迅|我不是我没有}}	“ 這孩子打小就聰明 ” ——魯迅，我不是我沒有
	下標&上標	这孩子打小就<sub>聪</sub><sup>明</sup>	這孩子打小就聰明
	文本hover	{{hover |before=聪明 | after={{color|red|睿智}}}}	聰明 睿智
	文字內HoverInline	这孩子打小就{{HoverInline| 聪明 | {{color|red|你才睿智}}| expand=after }}!	這孩子打小就 聰明 你才睿智!
通用處理	其他hover效果	这孩子打小就<div class="hovers-rotate">聪明</div> （"rotate"可替換成其他，詳見模板:Hovers）	這孩子打小就 聰明
	鼠標長按	这孩子打小就<div class="actives-rotate">聪明</div> （"rotate"可替換成其他，詳見actives）	這孩子打小就 聰明
	字體顏色	这孩子打小就{{color|red|聪明}}	這孩子打小就聰明
	居中	<center>“这孩子真聪明”</center>	「這孩子真聰明」
	隱藏顯示	{{Hide|这孩子|打小就聪明}}	這孩子 打小就聰明
	滾動條	{{滚动条|code=容器|loop=true|wd=200|ht=100|border=0px solid #000 |item1={{滚动条|code=组件|[[File:Moegirl is watching you.jpg|100px]]}} |item2={{滚动条|code=组件|[[File:Moegirl is watching you2.jpg|100px]]}} }}
	滾動條切換	<div style="width:100px;height:100px;overflow:hidden;border:0px solid #000;"> {{滚动条|code=容器|loop=true|wd=200|ht=100|border=0px solid #000| timing=step | steps=2 |item1={{滚动条|code=组件|[[File:Moegirl is watching you.jpg|100px]]}} |item2={{滚动条|code=组件|[[File:Moegirl is watching you2.jpg|100px]]}} }} （更多滾動條參數設置，詳見模板:滾動條）
	切換顯示	这孩子打小就{{切换显示|段落1|聪明}}{{切换显示样式|段落1=color: red; font-weight: 700;}} {{切换显示按钮 |段落1@on=开 |段落1@off=关}} 更多切換顯示參數設置，詳見模板:切換顯示	這孩子打小就聰明 開關
特殊模板	時鐘	{{U:鬼影233/clock|hc=#111111|mc=#111111|sc=#111111|size=100|bg=#8EE594|rad=50px|utc=+8}} 更多時鐘參數設置，詳見User:鬼影233/clock
	"模型"旋轉	{{ptl|define=frame|tl= <div class="hover-remote" style="width:4.167%;z-index:1;"> <div style="height:200px;"></div> <div class="hover-remote-target" style="top:0;left:0;pointer-events:none;"> {{image|type=outer|img=https://z3.ax1x.com/2021/07/07/R7gT2j.png|display=inline-block |resize=1330|width=200|height=200|x={{#expr:10+{{{x}}}*222}}|y={{#expr:12+{{{y}}}*222}}}} </div> </div> }} <div style="position:relative;width:212px;height:212px;"> <div class="hover-tab-mode" style="width:200px;height:200px;"> <div data-static="true" style="position:absolute;top:0;left:0;pointer-events:none;"> {{image|type=outer|img=https://z3.ax1x.com/2021/07/07/R7gT2j.png|display=inline-block |resize=1330|width=200|height=200|x=10|y=12}}</div> {{ptl|x=0|y=0}}{{ptl|x=1|y=0}}{{ptl|x=2|y=0}}{{ptl|x=3|y=0}}{{ptl|x=4|y=0}}{{ptl|x=5|y=0}} {{ptl|x=0|y=1}}{{ptl|x=1|y=1}}{{ptl|x=2|y=1}}{{ptl|x=3|y=1}}{{ptl|x=4|y=1}}{{ptl|x=5|y=1}} {{ptl|x=0|y=2}}{{ptl|x=1|y=2}}{{ptl|x=2|y=2}}{{ptl|x=3|y=2}}{{ptl|x=4|y=2}}{{ptl|x=5|y=2}} {{ptl|x=0|y=3}}{{ptl|x=1|y=3}}{{ptl|x=2|y=3}}{{ptl|x=3|y=3}}{{ptl|x=4|y=3}}{{ptl|x=5|y=3}} </div></div>