背景に画像を設定する方法 -和柄を利用する-

背景に画像を設定する方法についての覚書です。今日は、市販されている和柄のデザインを使ってみます。

使ったデザインは以下のものです。

和柄パーツ&パターン素材 Vol.2 (CD-ROM付)
和柄パーツ&パターン素材 Vol.2 (CD-ROM付)

posted with amazlet at 11.04.22
成願 義夫
ソーテック社
売り上げランキング: 11605



WordPress.comに和柄デザインをアップロードし、テーマ「Toolbox」に、WordPress.comから提供されているCSSに加え、さらに、以下のCSSを追加すると、

body {
background:#f0f0f0;
background-image:url('http://asazuki508.files.wordpress.com/2011/04/s_07d-e1303401157971.png');
background-position:right top;
background-repeat:no-repeat;
background-attachment:fixed;
}

#primary {
background-image:url('http://asazuki508.files.wordpress.com/2011/04/bdt_05c-e1303401913196.png');
background-position:730px top;
background-repeat:repeat-y;
}

例えば、デザインが以下のように変更されます。

wagara02

arrow02

wagara01

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。