彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




*    *    *

Information

□ 修正報告 □

画像サイズ調整機能を追加しました

 ※ 2009/8/2 CSSハックの画像幅指定にミスがあったので、記事を一部修正しました。
 2009/7/6~8/1の間にテンプレートをダウンロードなさった方、それ以前からテンプレートをお使いでこの記事を元にご自分でカスタマイズなさった方は、「画像サイズ調整機能の修正」をご覧ください。



 記事の幅よりも大きな横幅の画像をそのまま記事に貼り付けた時に、IEなどで表示が乱れるのを防ぐために、スタイルシートで画像の表示幅を調整するようにしました。

 って、単に画像の最大幅をスタイルシートで指定しておいただけですけれど。
 古いバージョンのIEでも一応対応出来るように、「CSSハック」も使いました。
 こちらで確認した限りでは、記事枠よりも小さい画像はそのままのサイズで表示され、記事枠よりも大きい画像だけが枠内に収まるサイズに縮小されるようになりました。
#もしも上手くいかないという方は、どうかご一報願います。

 当ブログの全ての共有テンプレートに組み込み済みです。
 2009/7/5 20:00以前にテンプレートをダウンロードした方で、ブログで画像を扱う予定のある方は、以下のようにパッチをあててください。

「magic_square_s」、ならびに「sword_and_magic シリーズ」の場合、

/* 画像サイズ調整 */
.entry img { max-width:490px; height:auto;}
* html .entry img { width:expression( ImageWidth > 490? “490px” : “auto”); }



「siro_iro」の場合、

/* 画像サイズ調整 */
.contents img { max-width:440px; height:auto;}
* html .contents img { width:expression( ImageWidth > 440? “440px” : “auto”); }



「for_novel シリーズ」の場合、

/* 画像サイズ調整 */
.main img { max-width:440px; height:auto;}
* html .main img { width:expression( ImageWidth > 440? “440px” : “auto”); }
.novel img { max-width:640px; height:auto;}
* html .novel img { width:expression( ImageWidth > 640? “640px” : “auto”); }



 これらの記述を、CSSファイルの最後にでも付け加えればOKです。



*    *    *

Information

Date:2009/07/06
Trackback:0
Comment:0

Comment

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/47-dfdba49c
この記事にトラックバックする(FC2ブログユーザー)

 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。