Ｂａｓａｌａな日々徒然

三日目のの朝飯前に、終了しました。

ＷＯＬＦさんの特集を見ながら。
何で書いてあるのかなあと思ったら、ごくフツーのスタイルシート。
思ったより簡単でした。寧ろ画像を探すほうが大変でした。

先ず、幅７４０、高さは適当（説明文により適宜）の画像を用意。タイトルの文字色まで変えると、後でまた変更するとき面倒なので、白のままにしました。

で、白文字が見られるような画像を用意し、日記でアップロードします。
すると、画像のＵＲＬが、/から始まって書かれていますので、後で使用します。この日記は下書きにしておいたほうが無難でしょう。

変更するのは三箇所。っていっても実質一箇所。

スタイルシートを下へスクロールして、ヘッダー部の下まで来ます。

その下、

#banner,#subbanner{
background:#D20076 url(/usr/aladhara/niwaume3.jpg);}
left bottom;
padding:0px 10px 10px 10px;width:720px; height:250px}

#subbannerは一箇所しかありませんから、見つけるのは簡単。
其処に書かれてある画像のＵＲＬを、先程の自分でアップロードした画像のＵＲＬに置き換えます。

本当は此れで終わりなんですが、このままだと、何故か見栄えが悪いのです。はみ出したり縮んだりします。
其処で、

width:720px; height:250px

を使います。
幅をマイナス２０、高さをマイナス１０、して指定します。
はじめから其のサイズにすると、失敗しますので、試行錯誤の結果、この方法が一番簡単だと思われます。

たったそれだけ。

とりあえず、トップにわんこを配置し、タイトル画像も変更できたので、ご報告まで。
わんこ配置の仕方は、二次配布になる可能性があるので、クリックしてソースを入手してください。背景は透過されていますので、どの色でも合います。

ではでは。