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

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
<templatestyles src="色変化/style.css" /><span class="{{{変化方法|chameleon}}}">{{{内容|あ}}}</span><noinclude>
<templatestyles src="色変化/style.css" /><{{#if:{{{div|}}}|div|span}} class="{{{変化方法|chameleon}}}">{{{内容|あ}}}</{{#if:{{{div|}}}|div|span}}><noinclude>
<templatedata>
<templatedata>
{
{
17行目: 17行目:
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。",
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。",
"example": "chameleon",
"example": "chameleon",
"type": "string"
},
"div": {
"description": "内容を<span>タグではなく<div>タグで囲いたい場合に何か入力してください。",
"type": "string"
"type": "string"
}
}
23行目: 27行目:
"paramOrder": [
"paramOrder": [
"変化方法",
"変化方法",
"内容"
"内容",
"div"
]
]
}
}

2年4月1日 (来) 18:54時点における版

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

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

パラメーター説明状態
変化方法変化方法 class

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

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

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

くぁwせdrftgyふじこlp
文字列省略可能
divdiv

内容を<span>タグではなく<div>タグで囲いたい場合に何か入力してください。

文字列省略可能
  • {{色変化}}:
  • {{色変化|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=chameleon|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}:白の状態から徐々に黒に近づいていきます。
  • {{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}:白と黒の間でゆっくり変化し続けます。
  • {{色変化|変化方法=flashing|内容=白と黒で点滅します。}}:白と黒で点滅します。
  • {{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}:黒と白で点滅します。
  • {{色変化|変化方法=caution|内容=注意!!}}:注意!!
  • {{色変化|変化方法=caution2|内容=注意!!}}:注意!!
  • {{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}:

CSSページはこちら