【応用編】ＷＩＫＩ文法で画像を背景に文字を書く

吉日ママ的なWiki文法辞書シリーズ♪

習ったＷｉｋｉ文法を吉日ママ的に解析してみました～o(≧▽≦)o

何にでも使えるので、是非利用してね♪

(WIKI文法使用にチェック！)

【応用編】画像を背景に文字を書く

前回の基本の文法

コピー用文法　【画像を背景にして文字を書く】

||<#FFFFFF' style='vertical-align:middle;widh:10px;height:10px;line-height:50px;【★】
word-spacing:560px;background-image:url(http【＆＃５８；】//【画像URL】);【★】
backgroud-attachment:scroll'``【文章はココです】||

※詳しい記事は　→　WIKI文法で画像を背景に文字を書く

挿入したい基本の文法を準備します（例として、１行目だけを使います）。

||<#FFFFFF' style='【挿入場所】vertical-align:middle;widh:10px…``文章はココです||

文字の大きさを変える

文字の大きさを１４ptにするには【　font-size:14pt;　】を挿入します

文字サイズが１４でーす

１行目はこんな感じ

||<#FFFFFF' style='【font-size:14pt;】vertical-align:middle;widh:10px…
　　　　　　　　　　↓↓↓　
||<#FFFFFF' style='font-size:14pt;vertical-align:middle;widh:10px…

※詳しい記事はコチラ　→　WIKI文法で文字の大きさを変える

文字の色を変える


文字の色を赤に変えるには【　color:red;　】を挿入します

文字の色が赤でーす

１行目はこんな感じ

||<#FFFFFF' style='【color:red;】vertical-align:middle;widh:10px…
　　　　　　　　　　↓↓↓　　　　　　
||<#FFFFFF' style='color:red;vertical-align:middle;widh:10px…

※詳しい記事はコチラ　→　WIKI文法で文字の色を変える

文字の種類を変える


文字の種類をHGP創英角ﾎﾟｯﾌﾟ体にするには【　font-family:HGP創英角ﾎﾟｯﾌﾟ体;　】を挿入します

見づらいけど、ポップ体でーす

１行目はこんな感じ

||<#FFFFFF' style='【font-family:HGP創英角ﾎﾟｯﾌﾟ体;】vertical-align:middle;widh:10px…
　　　　　　　　　　↓↓↓
||<#FFFFFF' style='font-family:HGP創英角ﾎﾟｯﾌﾟ体;vertical-align:middle;widh:10px…

※詳しい記事はコチラ　→　WIKI文法で文字の種類を変える

文章を左寄せ・右寄せする


文章を中央寄せするには【　text-align:center;　】を挿入します

　中央寄せでーす　

１行目はこんな感じ

||<#FFFFFF' style='【text-align:center;】vertical-align:middle;widh:10px…
　　　　　　　　　　↓↓↓
||<#FFFFFF' style='text-align:center;vertical-align:middle;widh:10px…

※詳しい記事はコチラ　→　WIKI文法で文字を寄せる

全部使うとこうなります。

文字の大きさ→１４　　文字の色→赤　　字の種類→HGP創英角ﾎﾟｯﾌﾟ体　　文章の位置→中央寄せ
【font-size:14pt;】　　　【color:red;】　　　【font-family:HGP創英角ﾎﾟｯﾌﾟ体;】　　　【text-align:center;】

||<#FFFFFF' style='【font-size:14pt;】【color:red;】【font-family:HGP創英角ﾎﾟｯﾌﾟ体;】【text-align:center;】vertical-align:middle;widh:10px…
　　　　　　　　　　↓↓↓
||<#FFFFFF' style='font-size:14pt;color:red;font-family:HGP創英角ﾎﾟｯﾌﾟ体;text-align:center;vertical-align:middle;widh:10px…

いろんな文法に必要なものだけを挿入してみてくださいね♪

[[attached(画像番号,center)]]　応用です　４種類全部やったら　こうなりました～　[[attached(画像番号,center)]]　y(￣ー￣)yﾋﾟｰｽﾋﾟｰｽ

修正のたびに、画像ＵＲＬのhttp【　：（ｺﾛﾝ）】を　【＆＃５８；】に直してね！

転載元: 思い立ったが吉日☆