|
|
|
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=""で調節。 ２．横長の画像を入れても拡げられる。 小さな透明画像がよい。 ３．カンタンなのは、横幅を指定した水平線を入れることである。 【トド短信】 エネルギーを使い果たしたのだ。 もう、くたびれて、動けないのだ。 ひまわりさんも、賞品はちょっと待つのだ。 バカボンのパパみたいになっているのら～。 この記事が役に立ったと思う人は１票！ クリック →  ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 ネコでもわかるＰＣ講座はこちら → バカネコ講座 ネットでしか手に入らないソフト → バカネコソフト 【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン１号ミニ バーニャン１号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のＰＣを知る バカネコ・ビューア バーニャン３号 にゃんタグ・フルバージョン HTMLオンチでもＯＫ。 ブログの色鉛筆  画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
|
|
||||||||
