<< Amazon画像の表示について | main | 罫線を入れてみた^^ >>

スポンサーサイト

一定期間更新がないため広告を表示しています

| - | - | - |

写真の表示について
先に配布しているテンプレートで一部抜けてる部分がありました・・・(ゴメンナサイ

CSSを見たらわかると思うのですが・・・お好みで変更してくださいね。



.pict {

background-color: #ffffff; 背景色

border-width:1px; ラインの幅(太さ?)

color: #cccccc; ラインの色

margin: 5px 5px 5px 5px; ラインの外側 上、右、下、左 

padding: 5px 5px 5px 5px 画像のまわり

border-style: solid; ラインの種類  

}


このブログではポラロイド風にしてあります。詳しくはDear Days別冊様を参照下さい。

こんなカンジです↓





.pict {

background-color: #ffffff;

border-width: 2px;

margin: 5px 10px 5px 5px;

padding: 10px 10px 40px 10px; ロゴなど入れる場合は下の余白は多めに・・・

border-style: solid;

border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3; ラインの色 

background-image:url(http://****/***.jpg); 下にロゴなど入れる場合はココに記述

background-repeat:no-repeat;

background-position:95% 95%; } ロゴの位置


写真や画像によって、枠線が要らない場合は投稿の際に赤字部分を削除してください。

<img src="http://img-cdn.jg.jugem.jp/8ef/85879/20070312_352749.JPG" width="256" height="259" alt="" class="pict" />

画像の種類によって、枠線のタイプを変えたい場合は・・・赤字のpictimgなどに変えて

cssを追加してやればいいみたいです^^



→ctrl+cキーを押してコピーしてね^^


| カスタマイズ | comments(3) | - |

スポンサーサイト
| - | - | - |
こんにちは。
写真のリンクのことで質問します。
等倍サイズの写真をUPすると写真の枠のようなものがグレーで出ますよね。
でもサムネイル画像をUPすると紫色でリンクの線が出てしまいます。
.pict の部分に border:0 と入れてみるとリンクの線は消えましたが、等倍サイズの方のグレーの線も消えてしまいました。
どちらにも写真の枠のような線が出るようにはできますか?
| モカ | 2009/04/22 10:45 AM |
サムネイルの写真も.pictで指定したように表示されませんか?
投稿した時、
<A href="http://urasiru.img.jugem.jp/****.jpg"><IMG class=pict height=75 alt="" src="http://urasiru.img.jugem.jp/****_t.jpg" width=100></A>
という風になっていますか?
| keiko* | 2009/04/24 9:26 PM |
管理者の承認待ちコメントです。
| - | 2009/04/26 6:23 AM |