解決済

サイドバーに入れている写真を大きくしたい!


此処で色々教えて頂きながら、気に入ったブログに仕上げています。サイドバーに、プロフィールを利用して写真を入れています。サイドバーの巾を広げた所、写真をもう少し大きくしたくなりました。CSSの何処を変えると出来るでしょうか?

2007-10-02 07:37の質問
サイドバー  
サイドバー vista
ioデータの直販サイト。ネット限定キャンペーンあり
www.ioplaza.jp/index.htm
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

3.

2007-10-05 01:03:41ベスト
>>#11

あれ?
インデントさせるのに全角スペースか何か入っていませんか?
IE以外だと小さいまま表示されるみたいです。

インデントするならこれ↓をコピペしてみてください。
	.photo img{height:152px;width:180px;}

私は↓のように入れました。

.photo{text-align:center;}
     .photo img{height:152px;width:180px;}

IEバージョン6ですがOKです、ありがとうございました。

1.

2007-10-02 15:17:14ベター
プロフィールの画像は ユーザー情報  でアップロードした画像になりますが
width="160" 以上あるものはwidth="160" に、それ以下のものはその大きさになってしまいます。

http://cms.blog.livedoor.com/cms/plugin/
フリーエリアに入れてるのであれば
<img src="http://blog.livedoor.jp/dax_4191/83e26c2a.jpg" width="180" height="152"/>
とサイズを書き換えれば大きくなりますが、無理矢理引き伸ばしてるので粗くなります。
width="180" くらいが限界なので、新しく画像をその大きさで作り、アップデート。画像のURLを差し換えた方が良さそうです。

早速の回答ありがとうございます。

Ads By Google

コメント(10)

#1.  信長
2007-10-02 20:55:43

>回答(1)

早速の回答ありがとうございます。

.photo{text-align:center;}
.nickname{color:#98f3ab;font-size:18px;font-weight:bold;margin:10px 0;}
.message{font-size:14px;text-align:left;padding:0px 7px 10px;}

.quotetable{background:#fff;width:150px;margin:0 auto;}
.quotetable img{width:145px;}

この部分かと思い、width:150px を変えて見ましたが、変わりありませんでした。

私はプロフィールに写真を入れています。

2007-10-02 21:43:58

プロフィールの画像だったらサイズ変更出来ないかも知れません。
元の画像はwidth="149"ですか?width="180"の画像を作って画像を入れ替えてwidth="160"になってしまったら無理かも知れません。
フリーエリアで作るのはだめですか?

#3.  信長
2007-10-02 22:03:19

>#2

>プロフィールの画像だったらサイズ変更出来ないかも知れません。

そのようですね、写真はかなり大きなものを使っています。

>フリーエリアで作るのはだめですか?

写真と説明文を入れるには、プロフィールを利用するのが良いと思い、2箇所共プロフィールを使っています。フリーエリアでも駄目ではありませんが、何が何でも写真を大きくと言う物でも無く、出来れば大きくしたいと言う贅沢な願望でした。

2007-10-02 22:09:52

2箇所違う画像を入れられるのですか?これって旧のプロフィールですか?width="149"になっちゃうみたいですね・・・。

#5.  信長
2007-10-02 22:24:34

>#4
1ヶ所はプロフィール、もう1ヶ所はディリング環境、どちらもプロフィールを使って写真を入れてます。

詳しい事は分かりませんが、確かに古いタイプのプロフィールかも知れません。

2007-10-02 22:32:40

そうですか。これ今プラグインから無くなってしまったので、消すのはもったいないですね・・・。

#7.  imq
2007-10-03 03:24:17

試していませんが、
CSSなら.photo imgでサイズ指定するのはどうでしょうか。

#8.  信長
2007-10-03 05:57:55

>#7

コメントありがとうございます、探して見ましたがphoto imgの文字が見当たりませんでした。

#9.  imq
2007-10-03 23:38:02

これ↓をCSSに追加してみたらどうなりますか?

.photo img{
	height:152px;
	width:180px;
}

うまくいっても画像が荒いかもしれませんが。

#11.  信長
2007-10-04 07:14:29

>#9
imqさん、出来ました!見てやって下さい。180でやって見てから、欲張ってサイドバーの巾190にして見ましたが、やっぱり180が良いようです。

コメント欄では解決済みに出来ませんので、面倒でしょうが再度回答欄にアップして下さい。

トラックバック

トラックバックURL: