画像に関するカスタマイズ
'06/05/21
なんせやっぱりめんどくさがり。アレもコレも用意しておかないとエントリーが億劫になってやめちゃうのよー。ぐふっ。
←こういう表示をするためのカスタマイズです。
▼画像アップロード時のレイアウト変更 参考記事
■写真みたいな枠を付けよう【MT用小ワザ付き】 by 今日の覚え書きさま
■cssの設定で自動的に画像に影を付ける by 今日の覚え書きさま
いつもお世話になってます。
もーお世話になりっぱなしです。
詳しいことは参考記事元さまを参考にしてくださいませ♪
とりあえず今回は自分でやったメモだけです。書かないと忘れる～。
CSS
記事にエントリーするとき
これでOK♪
なぜかIEだと表示がおかしいのでIE用と通常用になってます。それでもIEは少し変です。困ったもんです…。
.images {
background-image: url((画像フォルダへのパス)/shadow_001.gif);
background-repeat: no-repeat;
background-position: right bottom;
margin: 5px 10px 10px 0;
padding: 0px;
position: relative;
float: left;
border: none;
}
.images img {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: -5px 5px 5px -5px!important;
margin: -5px 10px 5px -5px;
position: relative;
padding: 0px;
}
記事にエントリーするとき
<div class="images"><img src="(画像フォルダへのパス)/hoge.jpg"></div>
これでOK♪
なぜかIEだと表示がおかしいのでIE用と通常用になってます。それでもIEは少し変です。困ったもんです…。
ぽちっとな。クリックお願いします♪
Comments
No comments yet
TrackBacks
このエントリにトラックバックはありません
