注目タグ

テンプレート・プラグイン

トピック詳細

02S_Basicのテンプレートでサムネイル縦横比を変えずに表示

02S_Basicのテンプレートは、記事内の画像をサムネイルで一覧表示されますが、縦横比が変わるために伸びたり縮んだりし て表示されます。縦横比を変えずに表示されることは可能でしょうか?

2014年10月27日 15:30  by ねこまま

コメント一覧 3件中、1~3件表示

  • すいません。縦長の画像ならいいんですが、横長の画像になるとサムネ画像自体のサイズが変わってしまいます。サムネのサイズと縦 横比変えず表示させる方法はないでしょうか?

    2014年10月29日 09:36 by ねこまま

  • できました!ありがとうございます。

    2014年10月28日 19:25 by ねこまま

  • スタイルシートの上1/3あたり、灰字にしている部分を赤字のように変更してみてはいかがでしょうか。

    .ichiran_left img{width:220px;
    height:auto124px;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    border-radius: 5px;
    }

    もし縦長の画像が多くて一記事分の高さがあまりにも高くなってしまうようなら、

    .ichiran_left { height: 210px; overflow: hidden; }

    も足してみられたらいいかもしれません。画像の上部だけが切り取られる形になると思います。(画像下部の角丸はなくなりますが )
    「210px」はデフォルトの画像なし記事用アイコンを基準に適当に設定した数値です。お好みで変更してください。

    2014年10月28日 09:10 by ucd