助太刀忍者(質問掲示板)

助太刀忍者

No.54364    タイトルを画像に変更したい
閲覧ありがとうございます。
ブログタイトルを画像に変更したく、過去ログなどを見てもなかなかうまく変更できず困っています。
使っているテンプレートは「sidepop1_ブラック」です。
画像のアップロードは何とかできました。
HTMLかCSS、どっちを編集するのかさえわかりません。
助けて下さい。
使用環境
  • OS:Windows 7
  • ブラウザ:Firefox 35.0
  • モニター:1366×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:No Name Ninja 投稿時間:2015-01-18 17:19:46
投稿者 : No Name Ninja
投稿時間:2015-01-19 14:40:24
ご迷惑をおかけして申し訳ございません。
私はNo.54086様と同じく、ブログタイトルを削除して画像に差し替えたいのです。
そして、ヘッダー画像をクリックするとブログトップへ飛ばすようにもしたいです。

とりあえず、HTMLの所にある
<body>
<div id="headerline">
<div id="header">
<h1><a href="<!--$g_url-->"><!--$g_title--></a></h1>
<div class="introduction"><!--$g_explanation--></div>
</div><!-- END OF header -->
</div><!-- END OF headerline -->

というところを

<body>
<div id="headerline">
<div id="header">
<h1><a href="<!--$g_url-->"><img src="画像のアドレス" border="0" alt="(ブログのタイトル)"></a></h1>
<div class="introduction"><!--$g_explanation--></div>
</div><!-- END OF header -->
</div><!-- END OF headerline -->

にしてみました。ですが、プレビューモードを見てみるとブログタイトルとブログ詳細の位置は良いのですが、
記事の上にかぶさる形で出てきてしまっていて、困っています。
画像の大きさは530px × 112pxです。
CSSの方をどうにか変えればうまくいきそうな気もしますが、何か間違っているところがあるのでしょうか、それとも全体的、根本的に間違っているのでしょうか。
お願いします。

参考の使い方が間違っていて申し訳ございません。
投稿者 : No Name Ninja
投稿時間:2015-01-19 13:36:09
No.51758 ブログのヘッダー変更について
  はタイトルの背景画像を変えるやり方です。
No.54086 ヘッダーのリンク変更
 はタイトル文字そのものを画像に変えるやり方です。

まず何がしたいのかを明示しましょう。
ここの回答者はただの忍者ブログのユーザーです。

Firefoxをお使いでしたら該当部分で右クリックすると要素を調査というのが出てくるので
それでその部分がどうなっているのかわかると思いますが
このテンプレートの上部は#headerline の中に#header(タイトルとサブタイトル)が入っている構造になっています。
テンプレートはそれぞれ幅や構造が違いますので
”参考に”と書かれているものをそのまま書いてもダメなことがあります。
だから”参考に”と書いてあるんですが
投稿者 : No Name Ninja
投稿時間:2015-01-18 22:20:01
参考にした過去の質問と何をどうやってうまくいかなかったのかをお書きください。

No.51758 ブログのヘッダー変更について
No.54086 ヘッダーのリンク変更

やりたいことは上記のうちどちらでしょう。
背景画像を差し替えるだけならNo.51758を参考にしてください。
該当部分はCSS内の#header です。
質問者からのコメント 2015-01-19 10:53:38
回答ありがとうございます。
上記の質問を参考にしてCSS内のヘッダー部分を探したところbackgroundという所が無かったので、無理やり
background: #fff url(コピーしておいた画像URL) no-repeat center bottom scroll;
を入れてみたところ、一番上のラインの画像と入れ替わってしまい、タイトルとブログの詳細の文章と被るように画像が出てきてしまいました。

テンプレートのURLです↓
http://blog.ninja.co.jp/Preview/MASTER/4274/

これはもう諦めるしかないんでしょうか…。