サイドバーの縁をなくし、中を広くする


2011年9月以降のアメブロの新しいデザインでは、幅が広くなったように見えて実は変わっていない、もしくは狭くなったものがあります。

当然カスタマイズで使う『CSS編集用デザイン』もそうです。

例えば、サイドバーの中身の幅。

縁が付いた分、中が狭くなってしまいました。

この縁をなくし、中の幅を広げるやり方です。

[スキンCSSの編集]で

/*サイドバー項目内部*/
.skinMenuBody {
margin: 0px;/*マージン0で縁をなくす*/
padding: 5px;/*余白*/
background: #FFFFFF;/*背景色*/
}
/*プロフィール画像*/
.userProfileImageArea{
margin:0 auto;/*センタリング*/
}
/*プロフィール画像下ボタン*/
.skinSubB .profileBtnArea .skinImgBtnS {
margin-left:16px;/*左マージン*/
}

を追加します。

サイドバーの幅が狭く、文字の折り返しが気になる方はやってみてください

その他、自分でできるカスタマイズはこちらから

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください

1件のコメント

  • 愛子

    サイドバーの淵をなくすことが出来ました!

    広がって、とてもいい感じになりました。ありがとうございました!

コメントを残す