黄色い蛇足＠日立柏酒場裏

wiki文法で壁紙に文字

wiki文法で壁紙に文字

wiki文法で画像に文字を入れます。
画像に直接文字を入れるわけではないので、元画像に変化はありません。

wiki文法で壁紙に文字　壁紙は好きな画像にすることができます

||<#ffffff'style='background-image:url(http://画像のアドレスを入れます);font-size:22pt;text-align:center;<br clear="all" />;word-spacing:520px;line-height:30px;color:#0033FF'``wiki文法で壁紙に文字　壁紙は好きな画像にすることができます||

image:urlの後の(　)の中に壁紙に使いたい画像のアドレスを入れます。

画像のアドレスのｈｔｔｐの後の：を＆＃５８に変えます(半角で入力してください)

記事を修正するたびに：に戻ってしまうので、その都度＆＃５８に直す必要があります。

※紹介文で使用する場合は、修正する必要はありません。

全角スペースで文字の改行ができます。

行間はline-height:30pxの半角数字の部分で変えられます。

文字サイズはfont-size:22ptの部分です。

文字色はcolor:#0033FFの半角英数字の部分です。

※色はカラーチャート一覧またはカラーネーム一覧をご覧ください

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法でぼかしグラデーションを作る(修正済み)

今回は背景がいろいろな形に変わるwikiのやり方を説明をしていきます。

　　↓背景色　　　　　　　　　　　　　　　　　　　　　　　　　　↓種類　　　　　↓文字位置
||<#0000FF' style='filter:Alpha(opacity=100,finishopacity=0,style=2);text-align:center;width:560px;font-size:20pt;color:pink'``☆虹色素材☆||
↑幅　　　　　↑サイズ　　↑文字色　　　↑文字

styleのあとの数字を変えることによって３種類の背景に変えることができます。

文字色や背景色を変えたい場合はカラーチャート一覧またはカラーネーム一覧を参考にしてください

style=1　だと左から右に色が薄くなっていくグラデになります。

☆虹色素材☆

style=2　だと丸っこい感じになります。

☆虹色素材☆

style=3　だと奥行きのある感じの背景になります。

☆虹色素材☆

style=1

☆虹色素材☆赤

☆虹色素材☆緑

☆虹色素材☆黄

☆虹色素材☆青

||<#FF0000' style='filter:Alpha(opacity=100,finishopacity=0,style=1);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆赤||
||<#00FF00' style='filter:Alpha(opacity=100,finishopacity=0,style=1);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆緑||
||<#FFFF00' style='filter:Alpha(opacity=100,finishopacity=0,style=1);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆黄||
||<#0099FF' style='filter:Alpha(opacity=100,finishopacity=0,style=1);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆青||

style=2

☆虹色素材☆赤

☆虹色素材☆緑

☆虹色素材☆黄

☆虹色素材☆青

||<#FF0000' style='filter:Alpha(opacity=100,finishopacity=0,style=2);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆赤||
||<#00FF00' style='filter:Alpha(opacity=100,finishopacity=0,style=2);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆緑||
||<#FFFF00' style='filter:Alpha(opacity=100,finishopacity=0,style=2);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆黄||
||<#0099FF' style='filter:Alpha(opacity=100,finishopacity=0,style=2);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆青||

style=3

☆虹色素材☆赤

☆虹色素材☆緑

☆虹色素材☆黄

☆虹色素材☆青

||<#FF0000' style='filter:Alpha(opacity=100,finishopacity=0,style=3);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆赤||
||<#00FF00' style='filter:Alpha(opacity=100,finishopacity=0,style=3);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆緑||
||<#FFFF00' style='filter:Alpha(opacity=100,finishopacity=0,style=3);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆黄||
||<#0099FF' style='filter:Alpha(opacity=100,finishopacity=0,style=3);text-align:center;width:560px;font-size:20pt;color:white'``☆虹色素材☆青||

緑枠のをコピペしますと貼り付けた時に改行部分に空きスペースができます。それを詰めてくださいね。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で虹を作る(修正済み)

wiki文法で虹を作る

以前遊びで作ったものを記事にしてみました。

虹色素材にブログタイトル変更したので再び公開記事に復帰させました。

作り方を説明したいと思います。
width:80pxの部分は幅を指定しています。height:250は高さ。あとはグラデショーンと一緒です。
もっと幅を変えたいとかの場合は幅の数字を、長さを変えたいという場合は高さの数字を変えてください。
コピペすると改行部分に空きスペースができてしまうので詰めながら修正してください。
詰めないと英数字記号のまま表示されてしまいます。

||<#FFFFFF'``||
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:red;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=red,endcolorstr=orange,gradienttype=1)' ``
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:orange;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=orange,endcolorstr=yellow,gradienttype=1)' ``
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:yellow;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=yellow,endcolorstr=green,gradienttype=1)' ``
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:green;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=green,endcolorstr=aqua,gradienttype=1)' ``
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:blue;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=aqua,endcolorstr=Blue,gradienttype=1)' ``
||<#FFFFFF' style='width:80px;height:250px;text-align:center;color:blue;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=Purple,gradienttype=1)' ``
||<#FFFFFF'``||

お役に立てたらポチッとしてくれると大変嬉しいです。

☆虹色素材☆

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で背景色をグラデーションにする(修正済み)

wiki文法で背景色をグラデーションにする

背景色をカラフルなグラデーションにしたいと思います。

　　　　　　　 背景色の幅↓　　　　文字位置↓　　　　　　↓文字色　　　　↓文字のサイズ
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:16pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=aqua,gradienttype=0)' ``青と水色のグラデーション||
　　　　　　　　　　　　　　　　　　　　　　 最初の色↑　　  最後の色↑ type=0.縦　1.横↑

右端にスペースができていたら、空きスペースを消してください。
( )の中がグラデーションの色などを決めている部分です。
色はカラーチャート一覧またはカラーネーム一覧をご覧ください

↓type=0だと上から下に色が変わっていきます。

青と水色の縦グラデーション

↓type=1だと左から右に色が変わっていきます。

青と水色の横グラデーション

最初の色と最後の色の色指定部分を変えてみてください。色が変えられます。※色はカラーネーム一覧をご覧ください

||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:20pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=gold,endcolorstr=silver,gradienttype=0)' ``金色と銀色のグラデーション||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:20pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=red,endcolorstr=pink,gradienttype=0)' ``赤とピンクのグラデーション||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:20pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=green,endcolorstr=greenyellow,gradienttype=0)' ``緑と黄緑のグラデーション||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:20pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=navy,endcolorstr=Purple,gradienttype=0)' ``紺と紫のグラデーション||

金色と銀色のグラデーション

赤とピンクのグラデーション

緑と黄緑のグラデーション

紺と紫のグラデーション

↓文字のサイズを大きくしたり

文字サイズ32ptで青と水色のグラデーション

↓文字色を変えることも可能です。

文字サイズ16ptで赤の文字色で青と水色のグラデーション

お役に立てたら傑作ポチしてくれると嬉しぃです!!

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で文字の背景色を変える(修正済み)

wiki文法で文字の背景色を変える

今回は文字の背景色を変えたいと思います。

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

ピンクの背景色

↑こんな感じに文字の背景色を変えられたらカラフルになりますよね？

||<#CC0000' style='width:560px'``赤色の背景色||
||<#FF9900' style='width:560px'``オレンジ色の背景色||
||<#FFFF00' style='width:560px'``黄色の背景色||
||<#66FF00' style='width:560px'``黄緑色の背景色||
||<#66FFFF' style='width:560px'``水色の背景色||
||<#3300FF' style='width:560px'``青色の背景色||
||<#9900FF' style='width:560px'``紫色の背景色||
||<#FF99CC' style='width:560px'``ピンクの背景色||
      ↑背景色　　　　　　↑背景色の幅　　↑文字

↑このようにすればできます。左の#FFFF00などの英数字を変えれば色は変えられます。

色はカラーチャート一覧へ。

width:560px は幅を決めている部分です。

試しにwidth:120pxに変えてやってみましょう

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

ピンクの背景色

↑幅が狭くなりました。

赤の背景色	水色の背景色	黄色の背景色	黄緑の背景色	青の背景色	ピンクの背景色

↑ちなみにこんな事もできます。

今度は背景色を変えて文字色も変えてみましょう

||<#FF99CC' style='width:150px;color:white'``ピンクの背景色で白の文字色||
　　　　　　　　　　　　　　　　　　↑文字色

↑colorを付けたして後ろを変えれば色が変えられます。

このように色名で指定する場合はカラーネーム一覧をご覧ください

ピンクの背景色で白の文字色

文字大きくしてみたいですね。

||<#FF99CC' style='width:470px;font-size:20pt;color:white'``ピンクの背景色で大きく白の文字色||

colorの前にfont-size:20ptを付け足して幅をあわせれば↓のようになります。

ピンクの背景色で大きく白の文字色

お役に立てたら傑作ポチッとしてくれると大変嬉しいです。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪