WordPress

WordPress のテーマを自分で作ってみる(1) - ヘッダーを作る。

2009年9月17日

下記の様なファイルを作ってみた。

高さは100px で、上の方の色は、#0066CCで、そこから白に向かって少しずつフェードアウトしていくスタイル。

image

この画像ファイルは x軸方向に繰り返すので、幅は 1px あれば良い。実際には以下の様な 100 x 1px の画像ファイル。

image

この画像ファイルを、CSS の header の所に以下の様に定義する。

#header {
text-align: left;

padding: 1px 5px 10px 40px;
margin: 10px 10px 10px 10px;
background-image: url(images/header1.jpg);
background-repeat: repeat-x;

}

repeat-x で、幅 1px の画像を x軸方向に繰り返し張ってくれるので・・実際の表示は、以下の様になる。

image

-WordPress

Copyright© エンジニアの何でもメモ帳 , 2022 All Rights Reserved.