「模板:Layer Arrange/doc」:修訂間差異
跳至導覽
跳至搜尋
第47行: | 第47行: | ||
| {{Glow Text|orange|'''測試文字'''|scale=0.5|flash=1}} | | {{Glow Text|orange|'''測試文字'''|scale=0.5|flash=1}} | ||
| {{Glow Text|red|'''測試文字'''|scale=0.25}} | | {{Glow Text|red|'''測試文字'''|scale=0.25}} | ||
}} | |||
* '''圖片疊文字''' | |||
<pre>{{Layer_Arrange | |||
| [[File:Japari ServalCatFace.jpg|200px]] | |||
| {{size|18|{{Glow Text|black|''''提 供 '''}}}} | |||
| style=width: 200px; height: 200px; | |||
}}</pre> | |||
{{Layer_Arrange | |||
| [[File:Japari ServalCatFace.jpg|200px]] | |||
| {{size|18|{{Glow Text|black|''''提 供 '''}}}} | |||
| style=width: 200px; height: 200px; | |||
}} | }} | ||
於 2023年8月11日 (五) 15:41 的修訂
描述
- 一個可以把什麼都疊在一起的模板,目前設計可以疊5層
- 透過CSS的
position
屬性的relative
與absolute
達到疊在一起的效果 - 使用此模板,文字會被置中,如果不要置中需要在style欄位設定
width
並將display
屬性改成inline-block
- 目前每一層對齊方式皆以置中為主,之後視狀況加入新要素
語法
{{Gradient Text|方向|顏色|文字}}
欄位 必要性 作用 備註 匿名參數1 必要 第1層 (最底層) 匿名參數2 必要 第2層 匿名參數3 必要 第3層 匿名參數4 必要 第4層 匿名參數5 必要 第5層 (最上層) style 選擇 最外層的自定義樣式 CSS語法
範例
- 基本使用
{{Layer_Arrange | {{Color|yellow||第1層********}} | {{Color|orange||****第2層****}} | {{Color|red||********第3層}} }}
第1層********
****第2層****
********第3層
- 發光文字疊加
{{Layer_Arrange | {{Glow Text|yellow|'''測試文字'''|scale=1}} | {{Glow Text|orange|'''測試文字'''|scale=0.5|flash=1}} | {{Glow Text|red|'''測試文字'''|scale=0.25}} }}
測試文字
測試文字
測試文字
- 圖片疊文字
{{Layer_Arrange | [[File:Japari ServalCatFace.jpg|200px]] | {{size|18|{{Glow Text|black|''''提 供 '''}}}} | style=width: 200px; height: 200px; }}