こんな感じの物が製作できます↓
説明
ああああああ ああああああ ああああああ ああああああ ああああああ ああああああ
ここはテキストエリア(更新履歴)を下にある各項目を指定していくだけで簡単作成することができます。 すぐ下にあるボタンで現在の結果を新ウィンドウで確認することができます。 そのボタン下にある項目を選択していき、再度ボタンを押せば変化があります。 完成したタグが欲しければ、結果ページの下にあるテキスト部分をコピーしてください。
枠線の種類
基本的な枠
表示しない (枠なし)
1本線
2本線 (外枠の線幅2以上必要)
線路風点線
点々線
立体線 (左上:明 右下:暗)
立体線 (左上:暗 右下:明)
ボタン風立体 (左上:明 右下:暗)
ボタン風立体 (左上:暗 右下:明)
ここをクリックすると今の状態を新ウィンドウで表示
中身の色
外線の色
文字の色
縦のサイズ
横のサイズ
文字サイズ
中身の余白
外枠の線幅
指定なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
指定なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
指定なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
段数:1
段数:2
段数:3
段数:4
段数:5
段数:6
段数:7
段数:8
段数:9
段数:10
段数:11
段数:12
段数:13
段数:14
段数:15
段数:16
段数:17
段数:18
段数:19
段数:20
段数:21
段数:22
段数:23
段数:24
段数:25
段数:26
段数:27
段数:28
段数:29
段数:30
指定なし
幅:10
幅:15
幅:20
幅:25
幅:30
幅:35
幅:40
幅:45
幅:50
幅:55
幅:60
幅:65
幅:70
幅:75
幅:80
幅:85
幅:90
幅:95
幅:100
基本サイズ
字:8px
字:9px
字:10px
字:11px
字:12px
字:13px
字:14px
字:15px
字:16px
字:17px
字:18px
字:19px
字:20px
字:21px
字:22px
字:23px
字:24px
字:25px
基本量
余白:0
余白:1
余白:2
余白:3
余白:4
余白:5
余白:6
余白:7
余白:8
余白:9
余白:10
余白:11
余白:12
余白:13
余白:14
余白:15
余白:16
余白:17
余白:18
余白:19
余白:20
基本幅
枠:1
枠:2
枠:3
枠:4
枠:5
枠:6
枠:7
枠:8
枠:9
枠:10
枠:11
枠:12
枠:13
枠:14
枠:15
枠:16
枠:17
枠:18
枠:19
枠:20
バー全体色
バー矢印色
バー内:明
バー内:暗
バー外:明
バー外:暗
透明度
外の余白
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
#ffffff
#dddddd
#aaaaaa
#666666
#000000
#ffdddd
#ffbbbb
#ff7777
#ff0000
#bb0000
#ffddbb
#ffbb88
#ff8844
#ff5500
#bb4400
#ffffdd
#ffffaa
#ffff66
#eeee00
#cccc00
#ddffdd
#aaffaa
#66ff66
#00ee00
#00aa00
#ddffff
#bbffff
#77eeee
#00dddd
#00aaaa
#ddddff
#bbbbff
#7777ff
#1111ff
#0000bb
#ffddff
#ffbbff
#ff77ff
#ff11ff
#cc00cc
なし
透明:10%
透明:15%
透明:20%
透明:25%
透明:30%
透明:35%
透明:40%
透明:45%
透明:50%
透明:55%
透明:60%
透明:65%
透明:70%
透明:75%
透明:80%
透明:85%
透明:90%
透明:95%
なし
余白:0
余白:1
余白:2
余白:3
余白:4
余白:5
余白:6
余白:7
余白:8
余白:9
余白:10
余白:11
余白:12
余白:13
余白:14
余白:15
余白:16
余白:17
余白:18
余白:19
余白:20
余白:21
余白:22
余白:23
余白:24
余白:25
余白:26
余白:27
余白:28
余白:29
余白:30
枠線の種類
・・・
全体を囲んでいる枠線の種類を変えることができます。
中身の色
・・・
文字があるエリアの背景色です。
外線の色
・・・
全体を囲んでいる枠線の色です。表示してない場合は意味ないです。
文字の色
・・・
中のエリアに表示されている文字の色です。見やすい色使いにしましょう。
縦のサイズ
・・・
文字1文字分の段数です。3なら文字3つ分の縦幅になります。
横のサイズ
・・・
文字1文字分の横幅です。20なら半角20文字分の横幅になります。
文字サイズ
・・・
エリア内の文字の大きさを変更できます。
中身の余白
・・・
エリアの中の文字と外枠との余白の量です。
外枠の線幅
・・・
全体を囲っている枠線の幅になります。数字が多ければ太くなります。
バー全体色
・・・
右に付いているスクロールバーの全体的な中身部分の色です。
バー矢印色
・・・
右に付いているスクロールバーの矢印部分の色です。
バー内:明
・・・
右に付いているスクロールバーの内側にある立体の明るい部分の色です。
バー内:暗
・・・
右に付いているスクロールバーの内側にある立体の暗い部分の色です。
バー外:明
・・・
右に付いているスクロールバーの外側にある立体の明るい部分の色です。
バー外:暗
・・・
右に付いているスクロールバーの外側にある立体の暗い部分の色です。
透明度
・・・
テキストエリア全体の透明度を指定できます。0に近いほど背景が透けて見えます。
外の余白
・・・
テキストエリアの周りに余白を作ります。このテキストエリアと周りの物との距離をとれます。
HOME