アメブロ メッセージボードの枠線を変えてみる



内藤です。

2011年8月以降の新カスタム可能デザイン【CSS編集用デザイン】では、メッセージボードの上下に点線がついて表示されます。



これが嫌だという方が結構います^^;

『点線じゃなくて、枠にしたい』とよく言われます。

やり方は、CSSの

/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border-top:1px dotted #979797;
border-bottom:1px dotted #979797;
background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */
}

を探します。
そして以下のように変えます

.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border:1px solid #FFC7DA;
background:#FFF0F5;/* ←メッセージボードに背景を敷きたいとき */

}

するとこのような感じになります

カラーコードを変更すると、枠の線や、内部の色も変更できます。

カラーコードはこちらから

その他の自分でできるカスタマイズは、こちらを参考にしてみてください

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