お小遣い生活の傍らでFC2共有テンプレート作成に励んでいる男の軌跡。。。
|
プロフィール |
|
|
|
カテゴリ | ||||||||||||||||||||||||
|
|
換金実績(記事リンク) |
|
|
|
広告エリア | |||||
|
|
カスタマイズ講座(第3回) |
| 2006/04/01 17:03｜カスタマイズ講座｜TB：0｜CM：2｜▲ |
| カスタマイズ講座(第3回) テンプレートを使って頂いているサイトに寄らせてもらうのが楽しい今日この頃。 最下段に『designed by…』と入れてるのも､著作権云々は気にしてなく､googleで検索するためだったりします。 廻っている間に､少々気になる点があったので､今回は『横幅』について。 私の作ったテンプレートは､表示が大幅に崩れないよう『<table>』と言う機能を使っています。 ただ､崩れない代わりに画像のサイズによっては中央記事と両サイドのバランスが悪くなったりします。 そこで､簡単にバランスを良くする方法をいくつか紹介しておきます。 私の作品では､画面の大きさによって変動するように､横幅を比率で指定しており､おおよそ↓の値にしてます。 ■左サイド…２２％ ■中央記事…５５％ ■右サイド…２２％ ■左右余白…１％ 画像がない場合は､この比率で表示されます。 画像がある場合は､左・中央・右､それぞれ一番大きい画像が表示できる幅に伸縮されます。 そのため画像の大きさによっては､極端に長い列や短い列が表示される現象が発生してしまう場合があります。 と､ここまでがウンチク。 結局は画像を自在に操れば､結果として横幅が操れる事になります。 １．画像の縮小 テンプレとは関係ないですが､大きい画像は縮小するのが一番。 推奨ツールは私も愛用している､VectorからダウンロードできるフリーソフトEasyサムネイル､当然無料です。 画像ファイルの容量も小さくなるのでブログも軽くなり一石二鳥かと。 ２．表示サイズの縮小 縮小できない場合は表示サイズだけでも変更してみましょう。 記事やプラグインに挿入したHTMLを少し修正するだけ。 【前】<img src="画像ファイル名"> 【後】<img src="画像ファイル名" width=120 height=100> 読んで字の如く､widthで横幅を､heightで高さを指定します。 これで､指定した大きさの画像が表示されます。 ただし､指定したサイズ通りに表示されるので縦横の比率には注意が必要です。 ３．つっかえ棒 例えば､記事内に大きな画像があり､両サイドには画像が無い場合､両サイドは極端に幅が短くなる筈です。 このような時､特に有効なのが『つっかえ棒』。 理屈については､All About内の記事を参考にしてもらう事にして､実際は以下の１行を挿入するだけ。 <img width=120 height=1> これで､挿入した列はwidthで指定した幅より短くなる事はありません。 要は『指定した幅の仮想的な画像を貼り付ける』だけの事。 手品と一緒でネタがバレると大した話じゃーありませんが… では､次回をお楽しみに。。。 |
|
| |
らいと #JnoDGgPo｜2006/04/02(日) 00:09 [ 編集 ]
|
カスタマイズ講座ありがとうございます。 | これからもどうぞ続けてください。 おねがい致します。 応援します。 |
|
| |
管理人 #p6CkwyQg｜2006/04/02(日) 01:46 [ 編集 ]
|
らいとさん､こんばんは。 | いつもコメントありがとうございます。 大変励みになります。 細く長く連載を続けていきたいと思いますので これからも宜しくお願いします。 また､要望などあれば遠慮なく言ってやって下さい。 m( _ _ )m |
| コメントの投稿 |
| トラックバック |
|
トラックバックURLはこちら http://hyama2004.blog16.fc2.com/tb.php/126-0dd96b92 |
|
ブログ内検索(Google) |
|
|
|
最新ヒットPV(7/22) | ||||||||||||||||||||
|
|
|
あわせて読みたい |
|
当ブログの読者は↑のブログも読んでいるそうです。。。 |
|
最近の記事 | |||||||||||||||||||||||||||||||||||||||||||||
|
|
|
このブログの価値は？ |
|
|
|
最近のコメント | ||||||||||||||||||||||||||||||
|
|
|
オレンジトラフィック |
|
非常に珍しい換金可能なトラフィックエクスチェンジサイト。 ＨＰやブログを持ってなくても登録可能。 詳しくはこの記事を参考に。 |
|
リンク | ||||||||||||||||||||||
|
|
|
最近のトラックバック | |||||||||||||||
|
|
|
お気に入りブログ |
|
|
Powered by FC2ブログ. ホームページ アフィリエイト レンタルサーバー FC2ブログ template designed by 遥かなるわらしべ長者への軌跡.