マイメロメロメロミメロメロアワセテメロメロムメロメロなSTUPID BLOG 趣味SIDE
2004年11月11日

[Tips] TOP部分を画像にする方法

当サイトで公開している3カラム テンプレート [ RGM-79 GM ] を使用してTOP部分を画像にする方法を書いておきます。

スタイルシートの#headerと書かれている部分が標準だとブログのタイトルが表示されている所の設定になります。
例えばこの部分に横幅に合わせた画像を貼りたい時は、横780pxで画像を作ってください。そしてスタイルシート(css)の#headerの場所を探し、widthを780pxに変更してpaddingは4つとも0pxに変更してください。

次に、作成した画像の縦サイズを調べてheightの部分をその数字に変更してください。標準だと50pxです。

どうもIE6だと50pxのままでも問題なく表示されてしまうようで見落としやすい部分ですけど他のブラウザだとずれて見えてしまうのでheightの変更もお忘れなく。

Posted by 骨兎 at 08:26 このエントリーを含むはてなブックマーク

Post a comment