10.ファンブログのカスタマイズ（記事を読みやすく編）：ブリカマ日記

10.ファンブログのカスタマイズ（記事を読みやすく編）

第１０回の「ファンブログ」の「カスタマイズ」
今回はカスタマイズとは言えないですが・・・

ファンブログのカスタマイズ（目次）

前からというか、今もそうなんですが、
私の記事は読みにくいと思います。。。

でもこのカスタマイズ記事だけは読みやすくを
心がけて書いてきました。

普通に書いても出来ないことをやっています。
まあ簡単なＨＴＭＬを使うだけですが。。。

と、言うことで今回は「ブログを読みやすくする」講座です。

線を引く

さて、この上にある小タイトルを見てください。
横にラインが出ていますね？

これ実はすごく簡単なんですね(^O^)／
でもこれだけでも目立って見やすいと思いませんか？

ではやり方です。

基本は・・・
＜ｈｒ/＞

だけです(^O^)／
これで黒い細い線が出せます。
幅は勝手に記事の幅になるので気にしなくて良いです。

さて、上のようにやるには・・・
＜hr heightsize="3px" color="red"＞
※7/7修正　間違ってました。。。すいません。

これで一番上の赤いラインになります。

今までの記事を読んでいる方はなんとなく
わかると思います。
そうです！属性をつけてあげればいいんです。

こういうのを続けて書けば上のように出来るわけです。

詳しくはタグ専門のサイトで調べてくださいね♪

テーブルを使う

さてテーブルとは何でしょう？
このようなものです。

ブリカマ	ブリカマ	ブリカマ
ブリカマ	ブリカマ	ブリカマ

よくプロフィールとか綺麗に書かれている方は
使用していますね(^^♪

私は使ってないですが・・・(^_^;)

これは以下のようなタグになります。
＜table border="1" bordercolor="blue" align="left" ＞＜tr＞＜td＞ブリカマ＜/td＞＜td＞ブリカマ＜/td＞＜td＞ブリカマ＜/td＞＜/tr＞＜tr＞＜td＞ブリカマ＜/td＞＜td＞ブリカマ＜/td＞＜td＞ブリカマ＜/td＞＜/tr＞＜/table＞

＜table＞＜/table＞
この部分が基礎です。

縦を表すのが・・・
＜tr＞

横を表すのが・・・
＜td＞

です。
＜table＞の中に＜tr＞、＜tr＞の中に＜td＞が入ります。

関連性をよーく確かめてくださいね。
何で横に３つ、縦に２つになっているのか？

他にも使えるタグがありますが、
これだけでも混乱すると思いますので
基礎の部分にとどめます。

最低限の基本的なタグは以下となります。
＜table border="1" bordercolor="blue" align="left" ＞＜tr＞＜td＞ブリカマ＜/td＞＜td＞＜/tr＞＜/table＞
※7/7修正　＜/tr＞のところが＜td＞となってました。。。すいません。

ブリカマ

これでこのようになります。

文字が書かれる部分は＜td＞の中だけですので
お間違いのないように(^O^)／

また、当然文字だけでなく色々出来ます。