スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[共通][How to] 背景をパターン画像に変える方法

背景が若干さみしかったので、背景パターンを使ってみました。
背景に使用するパターン画像は以下のサイトを利用させていただき作りました。

tartan maker.com

使い方は直感的にわかると思います。
スライダで線の太さの調整。
右側にある色がついた四角い部分をクリックすると色の調整ができます。
お好みのタータン柄が出来上がったら [Download] リンクをクリックすれば
.png 画像がダウンロードできます。

ダウンロードできたら、管理画面からファイルアップロード。
その後、以下のように CSS を編集します。 もともと background-color を指定していた部分を以下のように書き換える。

body {
	background-image: url("アップロードした .png のURL");
	color: #141414;
	font-family: Verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

結構簡単でイメージもガラリと変わるので背景さみしいと思ってるかたはぜひお試しを!
また、今回はタータン柄を作るサイトのご紹介でしたが、
Google で「背景 ジェネレーター」などのワードで検索するといろいろなサイトがあるので
こちらもチェックしてみてお気に入りの背景が見つかればと思います。

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

-

管理人の承認後に表示されます

コメントの投稿

非公開コメント

承認待ちコメント

このコメントは管理者の承認待ちです
プロフィール

webcata

Author:webcata
FC2 ブログ用テンプレート作ってます。
ご質問などあればできる限りお答えします。
コメントにてご質問お願いします。

検索フォーム
カレンダー
08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
カテゴリ
月別アーカイブ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。