プロフィール画像を大きくするには(CSSコード付き) | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンインストラクターの川上雄大です。


このようなご質問いただきました。

 

「プロフィール画像が小さいのですが、大きくしたのですが。」

 

はい、プロフィール画像が丸いバージョンでない場合、このように小さく表示されてしまいますね。

 

 

それを、このように大きくしたいと・・・

 

 

 

そう、これくらい↓

 

 

そのためには、次のCSSコードをペタンと貼っていただけるとOKです~!

 

 

/*プロフィール画像調整*/
/*画像表示エリアサイズ調整*/
.skinSubA .userProfileImageArea{
    width:150px !important;
    height:150px !important;
    float:none;
    margin:0 auto;
}

/*画像サイズ調整*/
.skinSubA .userProfileImage, .skinSubA .userProfileImage img{
    width:150px !important;
    height:150px !important;
    margin-left:0px;
}

/*プロフィールタイトル調整*/
.skinSubA .profileUserNicknameArea{
    width:200px;
    text-align:center;
    float:none;
    padding:10px 0 0 0;
    margin:0 auto;
}

.userProfileImage{
    border:1px solid #efefef;
}

.readerHeader{
        font-size:150%;
        text-align:center;
}

.readerHeader em{
        font-size:150%;
}

ul.profileBtnArea{
  width:270px
}

 

 

<注意>

あ、ただし、プロフィール画像が正方形になっていない方は、正方形にし直してくださいね!

 

 

 

ちなみに、最新デザインの丸いプロフィール画像の調整はできないようです~!

 

 

 

この方が、アメーバさんに聞いて、返答もらってました~~!

 

プロフィール画像を大きくできません?!リニューアル版CSS編集用デザイン

 

 


以上、プロフィール画像を大きく、でした。


LIDS札幌・ライフデザインスクール
川上 雄大