アメブロを自分で素敵にデザインしちゃおう -7ページ目

アメブロを自分で素敵にデザインしちゃおう

アメブロ内においてのcssリファレンス(完全初心者向け)。

こんにちは。


背景の色は[デザインの変更]→[スキンのカスタマイズ]の中にある

バックグラウンドの項目で簡単にできるのですが

背景に画像を入れたい場合cssに記述してあげなくてはいけません。


※[スキンのカスタマイズ]がクリックできない人は

スキンのデザインを変更できないスキンを選んでいる

ということなので変更可能なスキンを選びましょう。

スタンダートのベーシックやグレーピンク等がそれにあたります。



まず、画像の用意です。

画像の用意をしたら

[アメブロを書く]→[画像フォルダ]

画像の追加項目の[参照]で追加したい画像を選び[アップロード]してください。


そして[デザインの変更]→[スキンCSSの編集]で以下の記述を探して

赤字の部分を入れてください。


/* ---------- background-color : 背景色 ------- */

body{
background-color:#FFFFFF;
background-image: url(背景にしたい画像のURL);
}

背景にしたい画像のURLがわかりませんか?その場合

[アメブロを書く]→[画像フォルダ] で背景にしたい画像をクリックしてください。

画像が大きく前に出てきます。

その画像を[右クリック]して[プロパティ]を選ぶと

[アドレス(URL)]というものが見れますから

そのアドレスをコピーして上の背景にしたい画像のURLのところに入れてください^^


重要

[画像フォルダ]でアップロードする画像は800pxを超えるとサイズが勝手にリサイズされるようです。

800px以上の画像を背景にしたい場合は[フォト]でフォトアルバムを使わなくてはいけません。

そちらは別の項目で記事にします^^ こちら>>


はい。
これで一応画像は背景に設定されたのですが

背景画像をくりかえしたい

背景画像を好きな位置に配置したい

となると思うのでそれは項目別に記事を書きます^^