(*゚ρ゚) ボー

ゲスブに足跡ぺたぺたヨロです(*´д`*)傑作ボタンポチっとお願いします。

全体表示

[ リスト ]

Wiki文法テーブルで文字&位置変化
文字色を変えたいって時ありますよね。大きさとか。位置とか。
でもWiki文法じゃ変えられない…。
んなことなかったんです。
Wiki文法テーブル+CSSを利用すれば簡単なのです。


Wiki文法〜!
ね、色もサイズも変えられるんですよ。
Wikiで白抜き
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'``大きな文字も表示できるばい!!||
です。ちょっとかってに変更した部分ありますけd
文字サイズの変更
上記の例のとおり、サイズの変更が可能です。
サイズ変更の種類は下記のとおりです。
||<#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をお勧めしまs(使い慣れてるから)
文字色の変更
サイズ以外に文字色の変更も可能です。
||<#FFFFFF' style='color:○○'``Wiki文法〜!||
○○の部分に、カラーネーム又は16進数カラーを設定しましょう。
位置
サイズ、色のほかに、文字の位置まで指定できます。
||<#FFFFFF' style='text-align:○○;width:560px'``Wiki文法〜!||
○○の部分は、left,center,rightで。
width:560pxは変更しなくていいです。
なぜなら、このYahooブログの記事部分の幅ぎりぎりサイズが560px。
これを設定すればOKなのです。
これを応用して、画像も位置指定できます。
test
画像センタリングです。もちろん、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)]]||
イメージ 1
もちろん、アップした画像も可能です。
[[と]]は半角にしてください。
||<#FFFFFF' style='text-align:center;width:560px'``[[attached(1)]]||
背景色
テーブルのセルではなく、文字に背景色がつけられます。
||<#FFFFFF' style='background-color=○○'``Wiki文法〜!||
○○の部分に、カラーネーム又は16進数カラーを設定しましょう。
背景画像をつけたい方は 404 Not Found 様を参考にしてください。
フォントの種類
通常表示されてるフォントではなく、別のフォントで表示することも可能です。
||<#FFFFFF' style='font-family="○○"'``Wiki文法〜!||
○○の部分にフォント名を入れましょう。例:MS 明朝
複数の設定をしたい場合
文字色も変化させて、背景もつけて、〜とあれこれやりたい場合、ありますよね。
CSS知ってる人は簡単なんですが、説明しますね。
;←セミコロンというので設定を区切るのです。
Wiki文法〜!
に、背景色もつけて、サイズも位置も変更したい。↓
Wiki文法〜!
こんな感じです。
||<#FFFFFF' style='color:blue'``Wiki文法〜!||
に、背景色もつけて、サイズも位置も変更したい。↓
||<#FFFFFF' style='font-size:20pt;color:blue;background-color:red;text-align:center;width:560px'``Wiki文法〜!||
こんな感じです。

CSSはあきも大好きなものなので、みなさんもぜひ使ってくださいね。
説明足りない部分多いかもしれないけど、ためしにやってみるのが一番です。

テーブルにしか対応してないのと、改行できないのはβだからだよね〜(棒読み


カラー参考にどうぞ
カラーネームカラーネームカラー設定16進数編


© akipure


この記事に

閉じる コメント(140)

はじめまして。
傑作ポチさせていただきますので、転載させて下さい。

2008/9/6(土) 午後 8:12 ちゃいこ 返信する

顔アイコン

はじめまして。参考にさせてもらいます

2008/9/27(土) 午前 10:08 タムさん 返信する

顔アイコン

参考にしたいので転載させてください。

2008/9/29(月) 午前 5:34 noro 返信する

顔アイコン

わたしも転載させていただきます。

2008/11/28(金) 午後 5:49 minorun 返信する

はじめまして。


あけましておめでとう^^

できるかどうかわかんないけどちょっとやってみます。

2009/1/1(木) 午後 0:44 ひぐらし 返信する

顔アイコン

参考になりました☆
ありがとうございました(´∇`*)

2009/3/4(水) 午後 6:26 ゆじゅ(´∇`*) 返信する

顔アイコン

はじめまして参考になりましたので、ぜひ転載させてください。

2009/3/24(火) 午前 9:54 [ アミノ4 ] 返信する

顔アイコン

はじめまして。とっても参考書になりました。ポチ!

2009/3/28(土) 午後 11:16 さくらもち 返信する

顔アイコン

天才…っじゃなくて
転載させて頂きます!!

2009/4/25(土) 午後 6:04 ホシノカケラ 返信する

参考にさせていだだきます
ブロクは奥が深いですね♪

2009/5/4(月) 午後 8:06 きい 返信する

顔アイコン

初めまして〜!!
このやり方をずっと知りたかったんです!
転載しますね♪

2009/7/12(日) 午後 7:26 チャンコ 返信する

転載させてくださいね ポチ

2009/7/18(土) 午後 0:57 [ クィーン ] 返信する

あきさん、はじめまして。
ブログはじめてからずっと悩んでいたことが解決でしかした。
ありがとうございます。ポチ☆

2009/10/19(月) 午後 1:47 アリエ 返信する

顔アイコン

お借りいたします

2009/10/19(月) 午後 9:40 [ - ] 返信する

おかりします。
ポチ!

2009/12/12(土) 午後 2:54 noro 返信する

顔アイコン

はじめまして、大文字使わせていただきます。

2010/1/1(金) 午前 9:40 ガッシー 返信する

顔アイコン

初めまして!!!
検索してここに来ました
転載させていただきます

2010/1/6(水) 午前 10:04 [ はのんは死亡しました。 ] 返信する

顔アイコン

はじめまして!!
転載させていただきます!!

2010/2/17(水) 午後 9:22 亜美 返信する

顔アイコン

使わせてもらいます!

2010/6/19(土) 午前 1:03 [ - ] 返信する

顔アイコン

つかわせていただきます!!

2010/9/2(木) 午後 10:06 BrockMan 返信する

コメント投稿

顔アイコン

顔アイコン・表示画像の選択

名前パスワードブログ
絵文字
×
  • オリジナル
  • SoftBank1
  • SoftBank2
  • SoftBank3
  • SoftBank4
  • docomo1
  • docomo2
  • au1
  • au2
  • au3
  • au4
投稿

開く トラックバック(22)


.


みんなの更新記事