「テンプレート:色変化」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
 
(2人の利用者による、間の4版が非表示)
1行目: 1行目:
<templatestyles src="色変化/style.css" /><{{#if:{{{div|}}}|div|span}} class="{{{変化方法|chameleon}}}">{{{内容|あ}}}</{{#if:{{{div|}}}|div|span}}><noinclude>
<templatestyles src="色変化/style.css" /><{{{tag|span}}} class="{{{変化方法|chameleon}}}" style="{{{style|}}}">{{{内容|あ}}}</{{{tag|span}}}><noinclude>
<templatedata>
<templatedata>
{
{
"params": {
"params": {
"tag": {
"description": "要素を囲うタグの名前を入力してください。何も入力しないと span になります。",
"type": "string"
},
"内容": {
"内容": {
"aliases": [
"aliases": [
17行目: 21行目:
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。",
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。",
"example": "chameleon",
"example": "chameleon",
"type": "string"
},
"div": {
"description": "内容を<span>タグではなく<div>タグで囲いたい場合に何か入力してください。",
"type": "string"
"type": "string"
}
}
26行目: 26行目:
"description": "CSSを使用した、文字などの色を変化させるための便利なテンプレートです。",
"description": "CSSを使用した、文字などの色を変化させるための便利なテンプレートです。",
"paramOrder": [
"paramOrder": [
"tag",
"変化方法",
"変化方法",
"内容",
"内容"
"div"
]
]
}
}
45行目: 45行目:
*<code><nowiki>{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}</nowiki></code>:{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}
*<code><nowiki>{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}</nowiki></code>:{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}
*<code><nowiki>{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}</nowiki></code>:{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}
*<code><nowiki>{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}</nowiki></code>:{{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}
*<code><nowiki>{{色変化|変化方法=patrol|内容=背景がパトランプります!}}</nowiki></code>:{{色変化|変化方法=patrol|内容=背景がパトランプります!}}


CSSページは[[テンプレート:色変化/style.css|こちら]]。
CSSページは[[テンプレート:色変化/style.css|こちら]]。
</noinclude>
</noinclude>

3年1月23日 (黃) 01:14時点における最新版

CSSを使用した、文字などの色を変化させるための便利なテンプレートです。

テンプレートパラメーター

パラメーター説明状態
tagtag

要素を囲うタグの名前を入力してください。何も入力しないと span になります。

文字列省略可能
変化方法変化方法 class

変化の種類を入力してください。何も入力しないと chameleon になります。

chameleon
文字列省略可能
内容内容 content

変化させたい要素を入力してください。何も入力しないと「あ」になります。

くぁwせdrftgyふじこlp
文字列省略可能
  • {{色変化}}:
  • {{色変化|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=chameleon|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=chameleon2|内容=カメレオン2!}}:カメレオン2!
  • {{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}:白の状態から徐々に黒に近づいていきます。
  • {{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}:白と黒の間でゆっくり変化し続けます。
  • {{色変化|変化方法=flashing|内容=白と黒で点滅します。}}:白と黒で点滅します。
  • {{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}:黒と白で点滅します。
  • {{色変化|変化方法=caution|内容=注意!!}}:注意!!
  • {{色変化|変化方法=caution2|内容=注意!!}}:注意!!
  • {{色変化|変化方法=caution2b|内容=注意!!}}:注意!!
  • {{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}:
  • {{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}:背景がグラデーションで移り変わります。
  • {{色変化|変化方法=patrol|内容=背景がパトランプります!}}:背景がパトランプります!

CSSページはこちら