Cafi Netつながる情報技術
  1. トップ>
  2. フリー素材集>
  3. 希望の希の背景画像

希望の「希」のフリー素材

希望の「希」という漢字の無料背景画像です。

Twitter(ツイッター)用のフリーアイコンと、透過処理済み(透過 PNG)の素材も用意しました。

フリー(無料)素材は、ホームページやブログなどでご利用頂けます。

例えば、Twitter やアメーバブログの背景画像としてご利用頂けます。

フリー素材は、zip 形式でダウンロードしてご利用ください。

フリー素材集の利用規約はこちらです。

「希」の無料背景画像(サンプル)

「希」の背景画像をダウンロード(全3素材)(zip 形式)

zip 形式のフォルダを解凍すると、「希」の無料背景画像(1種類)/Twitter 用のフリーアイコン(1種類)/透過 PNG の素材(1種類)の全3素材が表示されます。

素材の用途は、ファイル名でご確認ください。

この背景画像を使用する場合は、背景色を「#001d41」に設定してください。

背景画像の設定方法は、Twitter に背景画像を設定する方法ホームページやブログに背景画像を設定する方法をご確認ください。

背景画像使用例(サンプル)

上の画像は、背景画像を設定した画面のスクリーンショットです。

画像はクリックで拡大します。設置後のイメージ確認用です。

画面の端が白く表示されるかもしれませんが、実際に設置したときは全面に隙間なく背景色が表示されます。

Twitter に背景画像を設定する方法

最終更新日 2013/1/30

背景画像を設定する方法を解説します。

まずは、Twitter に背景画像を設定する方法です。

Twitter の歯車のアイコン

Twitter にログインして、歯車のアイコン/設定をクリックします。

デザインの設定

デザインをクリックします。

背景画像を変更

背景画像を変更をクリックすると、ファイルを開くダイアログボックスが表示されます。

ダウンロードした背景画像を選択して、開くをクリックします。

背景をタイルするのチェックを外します。

背景画像の位置は、左を選択します。

背景色は、背景画像と同じ色を設定します。(当サイトで、無料素材とともにご案内しております)

変更を保存をクリックします。

背景画像の設定完了

背景画像の設定が完了しました。

Twitter 用のフリーアイコンは、プロフィール/画像を変更するから設定してください。

ホームページに背景画像を設定する方法

続いては、ホームページやブログに背景画像を設定する方法です。

外部スタイルシートか HTML の head 要素に、以下のように記述します。

body {
background-color: #001d41;
background-image: url(images/kibou-background-sozai.png);
background-repeat: no-repeat;
}

文書本体(body)に、背景色(#001d41)/背景画像(images/kibou-background-sozai.png)/1回だけ表示(no-repeat)を設定するという記述です。

設定する背景画像によって、「背景色」と「背景画像のパス」は変更します。

背景色は、当サイトで無料素材とともにご案内しております。

背景画像のパスは、画像を格納したフォルダとファイル名をご指定ください。

アメブロに背景画像を設定

例えば、アメーバブログ(ameblo)の CSS 編集用デザインに設定する場合は、上の画像のように記述します。

アメブロをご利用の方は設定してみてください。