6月いっぱいは無料だしね ^^
タイトルバナーに画像が貼れるようになったので、早速チャレンジ。
1.タイトルバナー用画像を用意
枠いっぱいに貼りたいので、
幅 :サイドバー(200pix)+記事(500pix)=700pix
高さ:適当(120pix)
のJPEG画像を作成。
2.画像ファイルアップロード
「テンプレートビルダー」の「タイトルバナー」からアップロードするファイルを指定。
「タイトルバナーに画像を指定する」「アップロードした画像はタイトルの背景として利用する」にチェックするだけ。
かんたん、カンタン。 ^^
3.保存して確認
変更を保存する前に、「確認」ボタンで表示を確認っと・・・

なんじゃこりゃー!!!!
変な枠が出来てるよ。 _| ̄|○
タイトルの文字を表示しなくしてみたり、画像のサイズを変えてみたり等々、色々試してみたものの現象は改善されず。 TT
こうなりゃ、最後の手段。
ココログプロだけで使える「上級者向けテンプレート」でstyles.cssを直接いじるしかない!
・・・試行錯誤すること10数分、原因はコレらしいと判明。
#banner {
display: block;
background: #3366CC url("http://ko-sei.cocolog-nifty.com/snowman/mountain.jpg") no-repeat 15px 15pix;
スタイルシートにはまったく詳しくないからよく分かりませんが、no-repeatの後ろの数字(15px 15pix)がマージンのようです。これを削ったら、枠いっぱいに表示されるようになりました。
たまたま私が使っていたテンプレートセット(フレッシャー)特有の問題なのか、元々こういう仕様なのかは分かりません。
この数値は、テンプレートビルダーでは変更できないみたいです。(私の勘違いで、テンプレートビルダーでも変更できるのかもしれませんが、分かる場所にはなかったです)
【3/18追記】
隙間ができる仕様(?)、変更されたようです。 ^^
【仕様変更】背景として使用しているタイトルバナーに隙間ができる件(お知らせココログ)
私はプロにしていたおかげで、スタイルシートを直接編集可能だったから原因(?)がわかりましたが、プラスの人で同じような問題にぶち当たっている人もいるかもしれないので、とりあえず記事にしておきます。(といっても、プラスで解決する方法は書いていないんですけど。 ^^;;)
画像を指定するところに「タイトルバナー端からの距離」みたいな設定ができれば良いのになぁ。>テンプレートビルダー
最近のコメント