バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年04月17日

第３回バカネコ川柳大会も無事終了した。
お祭りさわぎも終わったところで、バカネコ講座を再開しよう。
本日は、軽～いテクニックをひとつ。

この前、質問があったので、お答えした内容だが、
ホームページの横幅を拡げる方法について。

ホームページの横幅なんて、有って無いようなものである。
やりたければ、いくらでも伸ばせるが、読みにくくて
実用的ではない。
せいぜい、モニタの幅にとどめておく方が良い。

最近主流のモニタの解像度は、1024×768、または
1280×1024くらいだ。　単位はピクセル。
早い話が、画面を構成している点々の数のことだ。
赤、青、緑などの点が集まって、画像を構成している。

ホームページでも、このピクセル単位で長さを表すことは、けっこう、多い。

ビバ！還暦だにゃん♪

ハッピー！福酉にゃんセット

お猿でござるセット♪

ここで、本日の主題に戻る。
ホームページの横幅を広くしたい、ということであった。

なぜ、こういう要望が出るかというと、楽天日記だからだ。
新しいデザインにしてみたら、横幅がせまくて窮屈だ、
などという話もときどき耳にする。

楽天日記に限らず、ブログというのは、あらかじめ
見た目のデザインが決められている。

これが、素人でもカンタンに、ホームページが作れてしまう理由のひとつだ。
専門用語で言えば、テンプレート(ひな型)を使っているわけだ。

もちろん、そのテンプレートは、たくさん種類が用意されてるし、
設定で色なども変えられる。
だが、しょせんはテンプレート。　その型枠からハミ出すことは出来ない。
横幅のサイズも固定されているのか．．．。

かといって、この横幅では窮屈だ。
強引に横幅を拡げる方法はいくつかある。
800ピクセルくらいに、拡げる場合を想定してみよう。

まず、あまりお薦めできないが、テーブルレイアウト。
でっかい表を入れれば、その横幅に合わせて拡大される。

限度はあろうが、理論的には可能だ。
tableタグを書く時に、width="800" とでも入れてやれば、
800ピクセルの幅に拡げることが出来る。
例： <table width="800">

次に、画像を使う方法。
横長の画像を入れれば、横幅は拡げられる。
imgタグの中で width="800" 等と指定すれば、引き延ばせる。

具体的なワザとしては、透明で小さな画像を使えば、軽くて、
しかも目立たないので完璧だ。　タグは、たとえばこんな感じで書く。、
<img src="画像のURL" width="800">

さらに、手抜きの方法。
テーブルレイアウトだと、タグがややこしい。
透明画像を作って、いちいちアップするのもイヤだ、となれば、
最後の手段である。　<hr>タグで水平線を引くのだ。
そのままでは意味がないから、もちろん、横幅を指定する。

例：　 <hr width="800">

線が引かれるのがイヤなら、消してしまおう。
原理的に消せるわけではないが、背景と同じ色にしてしまえば
見えなくなる。

つまり、色は背景にあわせる。　影は付けない。
例えば背景が白なら、幅を800にするには、こう書く。
<hr width="800" noshade color="#FFFFFF">

御覧になれば分かると思うが、width="800"の数字を変えれば
横幅の調節が出来る。　#FFFFFF は白を指定している。
これを、ページのどこかに忍ばせておけば、突っ張り棒となって、横幅が広がる。

どれもこれも、チカラ技ばかりだが、とりあえず使える。
今日の呪文は、width であった。
だが、800というのは、楽天日記にはどう考えても
デカすぎるような気がする．．．600で充分だろう。

【本日のポイント】
１．せまい横幅を、拡げるには大きな表を入れる。　幅は、width=""で調節。
２．横長の画像を入れても拡げられる。　小さな透明画像がよい。
３．カンタンなのは、横幅を指定した水平線を入れることである。

【トド短信】
　エネルギーを使い果たしたのだ。　もう、くたびれて、動けないのだ。
　ひまわりさんも、賞品はちょっと待つのだ。
　バカボンのパパみたいになっているのら～。

この記事が役に立ったと思う人は１票！　クリック　→