「模板:Layer Arrange/doc」:修訂間差異

出自Reko Wiki
跳至導覽 跳至搜尋
Hakaze留言 | 貢獻
無編輯摘要
Hakaze留言 | 貢獻
第40行: 第40行:
<pre>{{Layer_Arrange
<pre>{{Layer_Arrange
| {{Glow Text|yellow|'''測試文字'''|scale=1}}
| {{Glow Text|yellow|'''測試文字'''|scale=1}}
| {{Glow Text|orange|'''測試文字'''|scale=0.5}}
| {{Glow Text|orange|'''測試文字'''|scale=0.5|flash=1}}
| {{Glow Text|red|'''測試文字'''|scale=0.25}}
| {{Glow Text|red|'''測試文字'''|scale=0.25}}
}}</pre>
}}</pre>
{{Layer_Arrange
{{Layer_Arrange
| {{Glow Text|yellow|'''測試文字'''|scale=1}}
| {{Glow Text|yellow|'''測試文字'''|scale=1}}
| {{Glow Text|orange|'''測試文字'''|scale=0.5}}
| {{Glow Text|orange|'''測試文字'''|scale=0.5|flash=1}}
| {{Glow Text|red|'''測試文字'''|scale=0.25}}
| {{Glow Text|red|'''測試文字'''|scale=0.25}}
}}
}}

於 2023年8月11日 (五) 15:33 的修訂

描述

  • 一個可以把什麼都疊在一起的模板,目前設計可以疊5層
  • 透過CSS的position屬性的relativeabsolute達到疊在一起的效果
  • 使用此模板,文字會被置中,如果不要置中需要在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}}
}}
測試文字
測試文字
測試文字