オリジナルスキン

できないのかなぁって思ってたんですけど、ブログ内検索で「オリジナルスキン」って検索するとやり方がいっぱいありました。（笑
で、早速やってみましたが意外と簡単。

[スキン変更のやり方]
1.現在のスキンのヘッダーのサイズと同等サイズの画像を用意。

ヘッダーのサイズを知る場合は、
・画像上で右クリックして、「名前を付けて背景を保存」。
・保存した画像をブラウザにドラック＆ドロップ。
・その画像上で右クリックして、「プロパティ」の「大きさ：」

で、ヘッダーに入れたい写真を画像編集ソフトでリサイズ。

※kovaioの使ってるスキンのヘッダーは、デザインされちゃってるんで、そのサイズまんま画像をはめ込むと変になってしまうんで、デザインを維持したまま、画像をはめ込みました。


2.その画像をアップして画像のURLを取得。

新規作成でその画像をアップして、本文のエリアで画像を読み込むと
<imgsrc="/blog/_images/blog/****/*****/*******.jpg"/>
が出てきます。
で、必要な部分は赤字。


3.スタイルシートに取得した画像のURLを埋め込んでアップ・公開。

以下のソースを「サイドバー」のどこかに記載。

<style>
#banner {background:url("/_images/blog/****/*****/*******.jpg") no-repeat 0px 0px;}
</style>

「表示」ボタンの押し忘れに注意。

完成です。

・・・このスキンだと表示スペースが狭いんでスキン変更しよーかな。


----------------------------------------------------
[2006,05,07]
もっと、詳しいスタイルシートのいじり方はこっちにアップしました。

コメント 1

最近、暖かくなって来ました。初夏ですね～。ねっとさーふぃんでウロウロ…。で面白いページ見つけました～。（＞ｙ＜）
http://agnpda.uijin.com/hyhyh/
by ゆか (2006-05-06 22:15)