アメブロのメッセージボードをカスタマイズする

/* 新デザイン用メッセージボード */
.skin-message {
    padding-left: 0!important;
    padding-right: 0!important;
    background-image: url(メッセージボード上部画像URL), url(メッセージボード下部画像URL);
    /* メッセージボード背景画像上部　下部 */
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    border: none!important;
    padding-top: 60px;/* 上部画像の高さに合わせる */
    padding-bottom: 60px;/* 下部画像の高さに合わせる */
}

.skin-messageInner {
    background-image: url(メッセージボード中部画像URL);/* メッセージボード背景画像　中部 */
    background-repeat: repeat-y;
    background-position: center center;
    margin: 0;
    padding: 0 60px;
}

/* 旧デザイン メッセージボード
--------------------------------------------*/

.skinMessageBoard {
    /* 注 ベースのcssに margin-bottom の記述有り */
    background-image: url(メッセージボード上部画像URL), /* メッセージボード上部画像 */
    url(メッセージボード下部画像URL);/* メッセージボード下部画像 */
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    border: none!important;
    padding-top: 60px;/* 上部画像の高さに合わせる */
    padding-bottom: 60px;/* 下部画像の高さに合わせる */
}

.skinMessageBoard2 {
    background-image: url(メッセージボード中部画像URL);
    background-repeat: repeat-y;
    background-position: center center;
    margin: 0;
    padding: 0;
}

.skinMessageBoard3 {
    padding: 0 30px;/* メッセージボード内横の余白 */
}

/* メッセージボード　二重枠線カスタマイズ */
.skin-message {
    padding: 30px;
    border: 4px double #C173B0;/* 二重枠線 */
    background-color:#fff;/* 背景色 */
}

.skinMessageBoard {
    /* 注 ベースのcssに margin-bottom の記述有り */
    background-color: #fff;
    border: 3px dashed #2B883B;/* 点線枠線 */
    background-color:#fff;/* 背景色 */
    padding: 30px;
}