素材集 TWINKLE
Amebaでブログを始めよう!

ドクロ柄の壁紙

★使いたい画像の上で右クリックして「名前を付けて保存」を選びダウンロードします。
★ご自分の画像フォルダにアップロードします。直リンクは禁止です。
★通常のHP用にもお使いください。アメブロはCSSをいじると使えるようです。

(テンプレによって、CSSが変えられない物もあるようです)

★著作権表示もよろしくお願いします。 「素材集 TWINKLE」

 

 

 

 

気に入ったら投票してね 人気blogランキング

しずくの背景

★使いたい画像の上で右クリックして「名前を付けて保存」を選びダウンロードします。
★ご自分の画像フォルダにアップロードします。直リンクは禁止です。
★通常のHP用にもお使いください。アメブロはCSSをいじると使えるようです。

(テンプレによって、CSSが変えられない物もあるようです)

★著作権表示もよろしくお願いします。 「素材集 TWINKLE」

 

  

 

 

気に入ったら投票してね 人気blogランキング

チェックと小花の背景

★使いたい画像の上で右クリックして「名前を付けて保存」を選びダウンロードします。
★ご自分の画像フォルダにアップロードします。直リンクは禁止です。
★通常のHP用にもお使いください。アメブロはCSSをいじると使えるようです。

(テンプレによって、CSSが変えられない物もあるようです)

★著作権表示もよろしくお願いします。 「素材集 TWINKLE」

 

    

気に入ったら投票してね 人気blogランキング

キラキラ背景

★使いたい画像の上で右クリックして「名前を付けて保存」を選びダウンロードします。
★ご自分の画像フォルダにアップロードします。直リンクは禁止です。
★通常のHP用にもお使いください。アメブロはCSSをいじると使えるようです。

★著作権表示もよろしくお願いします。 「素材集 TWINKLE」

 

kira    kira2   kira3

 

kira4  kira5 kira6

 

kira7  kira8

気に入ったら投票してね 人気blogランキング

ブログ背景のCSS編集

テンプレートごとに違いはありますがブログの背景は

CSSの記述の中の

/* ----------------------- background-color-control ----------------------- */

 

/* ----------------------- menu_element_basis ----------------------- */

で、はさまれた部分を変更します。

 

メニューや、タイトル部分など、いくつかのブロックにわかれていますが

その中でブログの背景部分は、最初の

body {

}
というところになります。

body {」がデザインのはじまりのタグで「}」は、終了を表します。

{}ではさまれた部分になにも書かれていなければ、そこにタグを記述します。

何か書かれていれば、一度{}の間を削除してください。

そこに、

background-image: url("画像のURL");

background-repeat: repeat;

と、入れてください。↓のようになります。

 

body {

background-image: url("画像のURL");

background-repeat: repeat;

}

background-image: url("画像のURL"); は、使う画像を指定します。

素材屋さんなどで、背景に使いたい画像をダウンロードして

一度自分の画像フォルダにアップロードします。

background-repeat: repeat は、画像の張り方を指定しています。

repeatと指定しているので、タイル張りに画像が表示されます。

 

設定が終わったら、必ずプレビューで確認してみましょう。

変になってしまったら、一度元の設定に戻してください。