2009年02月03日
TOP画像変更
こんにちは♪久しぶりのCSS変更ネタです。
TOP画像は前々から変更したくて、さらに同じTOP画像をご利用している方を多く見るようになったので、オリジナルでなければ気がすまなくなってきました(笑)
私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。
この部分は、テキストエディタ(ちょうどバックアップを取るときに行えばグーです)で115行目にあります。
くまなく探さなくても行で探せそうです(^_^.)
[作業前]
#banner,#subbanner{
background:#fff url(http://admin.naturum.ne.jp/_img/sky_red/head.jpg) left;
padding:0px 0px 0px 0px;
height: 210px;
}
[作業後]
#banner,#subbanner{
background:#fff url(/usr/xxx/xxxxx.png) left;
padding:0px 0px 0px 0px;
height: 240px;
}
①ここで変更したのは、#fff url の後ろを自分のDIR名(xxx)に変更、画像名(xxxxx)を入力。
②オリジナルの画像heightは210pxで、私が用意したのは240pxでしたので、最後行のheight値を240pxに変更。
これで完了です!
TIPSです。
プレビューで見たところ、変更が反映されてなくドキッ
としましたが、登録すると見えるようになっていました(お恥ずかしい
)
これで、オリジナルティーがかなり出ました♪
ん?タイトルがレガシィにかかっています(笑)、次回はタイトル位置変更をリビルドします。
TOP画像は前々から変更したくて、さらに同じTOP画像をご利用している方を多く見るようになったので、オリジナルでなければ気がすまなくなってきました(笑)
私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。
この部分は、テキストエディタ(ちょうどバックアップを取るときに行えばグーです)で115行目にあります。
くまなく探さなくても行で探せそうです(^_^.)
[作業前]
#banner,#subbanner{
background:#fff url(http://admin.naturum.ne.jp/_img/sky_red/head.jpg) left;
padding:0px 0px 0px 0px;
height: 210px;
}
[作業後]
#banner,#subbanner{
background:#fff url(/usr/xxx/xxxxx.png) left;
padding:0px 0px 0px 0px;
height: 240px;
}
①ここで変更したのは、#fff url の後ろを自分のDIR名(xxx)に変更、画像名(xxxxx)を入力。
②オリジナルの画像heightは210pxで、私が用意したのは240pxでしたので、最後行のheight値を240pxに変更。
これで完了です!
TIPSです。
プレビューで見たところ、変更が反映されてなくドキッ


これで、オリジナルティーがかなり出ました♪
ん?タイトルがレガシィにかかっています(笑)、次回はタイトル位置変更をリビルドします。
Posted by レガシィ at 15:08│Comments(0)
│◆ちょこっとCSS!
※会員のみコメントを受け付けております、ログインが必要です。