アメブロテンプレート販売[アメっプ!]

アメブロプロフェッショナルテンプレート販売や無料で使える読者登録ボタンなどをお届けします。

新規登録 | ログイン

ブログの幅の設定[アメブロCSS]

ブログの幅を調整しよう!
説明

アメブロCSSでブログの幅を調整する。
幾つかやり方がありますが今回は.skinBodyというCSSを使い調整します。

CSSで下記の箇所を見つけてください。

/* skinBody ボディ */
.skinBody{}/* ←ブログ全体に背景を敷きたいとき */

下記のように幅に変更したい数値を入れて変更してください。

.skinBody {
width: 1052px;/* ←変更したいブログの幅を入れる */
margin: 0px auto;/* ←上下のマージンを調整する。*/
}

上記の設定にて幅を変更することができます。
ちなみにデフォルトでは980px幅となっております。

<参考>
width: 1052px;をwidth: 100%;にすると幅が画面いっぱいの100%幅になります。

特徴説明

カスタム可能/CSS編集用デザイン

無料ユーザー登録
ユーザー登録ログインするとアイテムをダウンロードできます!