「テンプレート:色変化」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「<templatestyles src="色変化/style.css" /><div class="a{{{class|1}}}">{{{内容|あ}}}</div>」) |
編集の要約なし |
||
(2人の利用者による、間の18版が非表示) | |||
1行目: | 1行目: | ||
<templatestyles src="色変化/style.css" />< | <templatestyles src="色変化/style.css" /><{{{tag|span}}} class="{{{変化方法|chameleon}}}" style="{{{style|}}}">{{{内容|あ}}}</{{{tag|span}}}><noinclude> | ||
<templatedata> | |||
{ | |||
"params": { | |||
"tag": { | |||
"description": "要素を囲うタグの名前を入力してください。何も入力しないと span になります。", | |||
"type": "string" | |||
}, | |||
"内容": { | |||
"aliases": [ | |||
"content" | |||
], | |||
"description": "変化させたい要素を入力してください。何も入力しないと「あ」になります。", | |||
"example": "くぁwせdrftgyふじこlp", | |||
"type": "string" | |||
}, | |||
"変化方法": { | |||
"aliases": [ | |||
"class" | |||
], | |||
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。", | |||
"example": "chameleon", | |||
"type": "string" | |||
} | |||
}, | |||
"description": "CSSを使用した、文字などの色を変化させるための便利なテンプレートです。", | |||
"paramOrder": [ | |||
"tag", | |||
"変化方法", | |||
"内容" | |||
] | |||
} | |||
</templatedata> | |||
*<code><nowiki>{{色変化}}</nowiki></code>:{{色変化}} | |||
*<code><nowiki>{{色変化|内容=カメレオン!}}</nowiki></code>:{{色変化|内容=カメレオン!}} | |||
*<code><nowiki>{{色変化|変化方法=chameleon|内容=カメレオン!}}</nowiki></code>:{{色変化|変化方法=chameleon|内容=カメレオン!}} | |||
*<code><nowiki>{{色変化|変化方法=chameleon2|内容=カメレオン2!}}</nowiki></code>:{{色変化|変化方法=chameleon2|内容=カメレオン2!}} | |||
*<code><nowiki>{{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}</nowiki></code>:{{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}} | |||
*<code><nowiki>{{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}</nowiki></code>:{{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}} | |||
*<code><nowiki>{{色変化|変化方法=flashing|内容=白と黒で点滅します。}}</nowiki></code>:{{色変化|変化方法=flashing|内容=白と黒で点滅します。}} | |||
*<code><nowiki>{{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}</nowiki></code>:{{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}} | |||
*<code><nowiki>{{色変化|変化方法=caution|内容=注意!!}}</nowiki></code>:{{色変化|変化方法=caution|内容=注意!!}} | |||
*<code><nowiki>{{色変化|変化方法=caution2|内容=注意!!}}</nowiki></code>:{{色変化|変化方法=caution2|内容=注意!!}} | |||
*<code><nowiki>{{色変化|変化方法=caution2b|内容=注意!!}}</nowiki></code>:{{色変化|変化方法=caution2b|内容=注意!!}} | |||
*<code><nowiki>{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}</nowiki></code>:{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}} | |||
*<code><nowiki>{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}</nowiki></code>:{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}} | |||
*<code><nowiki>{{色変化|変化方法=patrol|内容=背景がパトランプります!}}</nowiki></code>:{{色変化|変化方法=patrol|内容=背景がパトランプります!}} | |||
CSSページは[[テンプレート:色変化/style.css|こちら]]。 | |||
</noinclude> |
3年1月23日 (黃) 01:14時点における最新版
あ
CSSを使用した、文字などの色を変化させるための便利なテンプレートです。
パラメーター | 説明 | 型 | 状態 | |
---|---|---|---|---|
tag | tag | 要素を囲うタグの名前を入力してください。何も入力しないと span になります。 | 文字列 | 省略可能 |
変化方法 | 変化方法 class | 変化の種類を入力してください。何も入力しないと chameleon になります。
| 文字列 | 省略可能 |
内容 | 内容 content | 変化させたい要素を入力してください。何も入力しないと「あ」になります。
| 文字列 | 省略可能 |
{{色変化}}
:あ{{色変化|内容=カメレオン!}}
:カメレオン!{{色変化|変化方法=chameleon|内容=カメレオン!}}
:カメレオン!{{色変化|変化方法=chameleon2|内容=カメレオン2!}}
:カメレオン2!{{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}
:白の状態から徐々に黒に近づいていきます。{{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}
:白と黒の間でゆっくり変化し続けます。{{色変化|変化方法=flashing|内容=白と黒で点滅します。}}
:白と黒で点滅します。{{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}
:黒と白で点滅します。{{色変化|変化方法=caution|内容=注意!!}}
:注意!!{{色変化|変化方法=caution2|内容=注意!!}}
:注意!!{{色変化|変化方法=caution2b|内容=注意!!}}
:注意!!{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}
:ああ{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}
:背景がグラデーションで移り変わります。{{色変化|変化方法=patrol|内容=背景がパトランプります!}}
:背景がパトランプります!
CSSページはこちら。