Wiki文法テーブルで文字＆位置変化
文字色を変えたいって時ありますよね。大きさとか。位置とか。
でもWiki文法じゃ変えられない…。
Wiki文法テーブル+CSSを利用すれば簡単なのです。
ね、色もサイズも変えられるんですよ。
404 Not Found様
楽しみながら、攻めつづけたい…様
上記の文法は、
||<#FFFFFF' style='font-size:20pt;color:blue'``Wiki文法〜！||
||<#FFFFFF' style='font:bold 20pt;color:white;background-color:red'``Wikiで白抜き||
||<#FFFFFF' style='font-size:27pt;width:560px;text-align:right'``大きな文字も表示できるばい！！||
です。ちょっとかってに変更した部分ありますけｄ
文字サイズの変更
上記の例のとおり、サイズの変更が可能です。
サイズ変更の種類は下記のとおりです。
||<#FFFFFF' style='font-size:○○pt'``Wiki文法〜！||
||<#FFFFFF' style='font-size:○○em'``Wiki文法〜！||
||<#FFFFFF' style='font-size:○○px'``Wiki文法〜！||
||<#FFFFFF' style='font-size:○○mm'``Wiki文法〜！||
||<#FFFFFF' style='font-size:○○%'``Wiki文法〜！||
○○の部分に好きなサイズを入れましょう。
どれを使うかはお好みで。
自分は個人的にptをお勧めしまｓ（使い慣れてるから）
文字色の変更
サイズ以外に文字色の変更も可能です。
||<#FFFFFF' style='color:○○'``Wiki文法〜！||
○○の部分に、カラーネーム又は16進数カラーを設定しましょう。
位置
サイズ、色のほかに、文字の位置まで指定できます。
||<#FFFFFF' style='text-align:○○;width:560px'``Wiki文法〜！||
○○の部分は、left,center,rightで。
width:560pxは変更しなくていいです。
なぜなら、このYahooブログの記事部分の幅ぎりぎりサイズが560px。
これを設定すればOKなのです。
これを応用して、画像も位置指定できます。
画像センタリングです。もちろん、left,center,right指定できます。
||<#FFFFFF' style='text-align:center;width:560px'``[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/com/btn_write.gif, , ,test)]]||
もちろん、アップした画像も可能です。
［［と］］は半角にしてください。
||<#FFFFFF' style='text-align:center;width:560px'``［［attached(1)］］||
背景色
テーブルのセルではなく、文字に背景色がつけられます。
||<#FFFFFF' style='background-color=○○'``Wiki文法〜！||
○○の部分に、カラーネーム又は16進数カラーを設定しましょう。
背景画像をつけたい方は
404 Not Found 様を参考にしてください。
フォントの種類
通常表示されてるフォントではなく、別のフォントで表示することも可能です。
||<#FFFFFF' style='font-family="○○"'``Wiki文法〜！||
○○の部分にフォント名を入れましょう。例：ＭＳ 明朝
複数の設定をしたい場合
文字色も変化させて、背景もつけて、〜とあれこれやりたい場合、ありますよね。
CSS知ってる人は簡単なんですが、説明しますね。
;←セミコロンというので設定を区切るのです。
に、背景色もつけて、サイズも位置も変更したい。↓
こんな感じです。
||<#FFFFFF' style='color:blue'``Wiki文法〜！||
に、背景色もつけて、サイズも位置も変更したい。↓
||<#FFFFFF' style='font-size:20pt;color:blue;background-color:red;text-align:center;width:560px'``Wiki文法〜！||
こんな感じです。
転載元: 
コメント（2）
