画像素材をJimdoホームページやアメーバブログの背景に設定する方法&コード

Jimdoホームページの場合 - 背景に設定する方法

※「独自レイアウト」をお使いの方限定です

1.素材ページよりデータをダウンロードする

2.ダウンロードしたデータを指定の場所にアップロードする

★アップロード場所:管理のメニュー>レイアウト>独自レイアウト>ファイル

[ファイルを選択]をクリックし、ダウンロードしたデータを選択、[アップロード]をクリック

アップロード場所
アップロード場所

3.下記CSSコードをコピーして、指定の場所に貼り付け、編集後[保存]する

★CSSコード

ここから↓

body {
background-image:url(ダウンロードしたファイル名);
background-color:#お好きな色コード;
}

ここまで↑



★コード貼り付け場所:管理のメニュー>レイアウト>独自レイアウト>CSS

コード貼り付け場所
コード貼り付け場所

★「ダウンロードしたファイル名」にダウンロードしたファイル名を、
お好きな色コード」に6桁の色コードを入れてください。(例:dot001.png(例:ffeaea

※既に記述されている場合は、差替えてください。

アメブロの場合 - 背景に設定する方法

※ブログデザインの「CSS編集用」をお使いの方限定です

1.素材ページ下部よりデータをダウンロードする

2.ダウンロードしたデータを指定の場所にアップロードし、画像URLをコピーする

★アップロード場所:マイページ>ブログを書く>画像をアップロードする

[参考]をクリックし、ダウンロードしたデータを選択、[画像をアップロード]をクリック
アップロードした画像のURLをコピーし、メモ帳等に貼り付けておく
※Firefoxなら右クリック>画像のURLをコピー
 Windowsならスタート>アクセサリ>メモ帳に貼り付け

3.下記CSSコードをコピーして、指定の場所に貼り付け、編集後[保存]する

★CSSコード
ここから↓

.skinBody {
background-image:url(2の画像URL);
background-color:#お好きな色コード;
}

ここまで↑

★コード貼り付け場所:マイページ>デザインの変更>CSSの編集
★「2の画像URL」に2の画像URLを、お好きな色コード」に6桁の色コードを入れてください。
(例:http://stat.ameba.jp/user_images/20140104/12/naomin-design/84/59/p/t01200120_0120012012803296250.png
(例:ffeaea

※既に記述されている場合は、差替えてください。
※保存をする前に「表示を確認する」で一度確認してください。