バカネコ日記

フリーページ

2005年04月17日
XML
カテゴリ:バカネコPC講座
バカネコ村の記事を検索する
第3回バカネコ川柳大会も無事終了した。
お祭りさわぎも終わったところで、バカネコ講座を再開しよう。
本日は、軽~いテクニックをひとつ。

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

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

最近主流のモニタの解像度は、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で充分だろう。



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


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


この記事が役に立ったと思う人は1票! クリック →
 おもしろかったらクリックしてね

※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるPC講座はこちら → バカネコ講座
ネットでしか手に入らないソフト → バカネコソフト



【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン1号ミニ バーニャン1号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン


HTMLオンチでもOK。 ブログの色鉛筆



画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。








最終更新日  2005年04月17日 02時24分50秒
コメント(14) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.