「模板:Layer Arrange/doc」：修訂間差異
跳至導覽
跳至搜尋
建立內容為「==描述== * 一個可以把什麼都疊在一起的模板，目前設計可以疊5層 * 透過CSS的<code>position</code>屬性的<code>relative</code>與<code>absolute</code>達到疊在一起的效果 * 目前每一層對齊方式皆以置中為主，之後視狀況加入新要素 ==語法== <code><nowiki>{{Gradient Text|方向|顏色|文字}}</nowiki></code> :{|class="wikitable" style="" |- ! 欄位 !! 必要性 !! 作用 !! 備註 |- | 匿名參數1 ||…」的新頁面 |
無編輯摘要 |
||
| 第2行： | 第2行： | ||
* 一個可以把什麼都疊在一起的模板，目前設計可以疊5層 | * 一個可以把什麼都疊在一起的模板，目前設計可以疊5層 | ||
* 透過CSS的<code>position</code>屬性的<code>relative</code>與<code>absolute</code>達到疊在一起的效果 | * 透過CSS的<code>position</code>屬性的<code>relative</code>與<code>absolute</code>達到疊在一起的效果 | ||
* 使用此模板，文字會被置中，如果不要置中需要在style欄位設定<code>width</code>並將<code>display</code>屬性改成<code>inline-block</code> | |||
* 目前每一層對齊方式皆以置中為主，之後視狀況加入新要素 | * 目前每一層對齊方式皆以置中為主，之後視狀況加入新要素 | ||
| 第34行： | 第35行： | ||
| {{Color|orange||****第2層****}} | | {{Color|orange||****第2層****}} | ||
| {{Color|red||********第3層}} | | {{Color|red||********第3層}} | ||
}} | |||
* '''發光文字疊加''' | |||
<pre>{{Layer_Arrange | |||
| {{Glow Text|yellow|'''測試文字'''|scale=1}} | |||
| {{Glow Text|orange|'''測試文字'''|scale=0.5}} | |||
| {{Glow Text|red|'''測試文字'''|scale=0.25}} | |||
}}</pre> | |||
{{Layer_Arrange | |||
| {{Glow Text|yellow|'''測試文字'''|scale=1}} | |||
| {{Glow Text|orange|'''測試文字'''|scale=0.5}} | |||
| {{Glow Text|red|'''測試文字'''|scale=0.25}} | |||
}} | }} | ||
於 2023年8月11日 (五) 15:32 的修訂
描述
- 一個可以把什麼都疊在一起的模板，目前設計可以疊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}}
| {{Glow Text|red|'''測試文字'''|scale=0.25}}
}}
測試文字
測試文字
測試文字