ベストアンサー

ＦＣ２ブログのタイトルを画像に変えたいのですが

2007/12/28 16:14

公式テンプレート：yellow 作者:Young Young を使っています、タイトルを画像に付け替えようと思いブログなどを見回って参考にしたのですが、どうにもうまくいきません。付け替えることが出来てもブログタイトルが<a href="<%url>" title="<%blog_name>"～　のようになってしまいちゃんとしたタイトルが表示されません、どうすればいいのでしょうか？

tonakaiorz
お礼率57% (11/19)

ブログ
回答数3
ありがとう数5

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

moonstagio
ベストアンサー率62% (39/62)

2007/12/28 16:41 回答No.1

ブログのタイトルのみ画像で変更でいいんでしょうか？それとも、黄色の背景部分全部を画像にしたいのでしょうか…。前者であれば <body>タグのすぐした、 <div id="headBlock1"><a href="<%url>"><div id="headBlogName"><%blog_name></div></a></div> ↑上記部分を変更します。 <div id="headBlock1"><a href="<%url>"><img src="ここに画像の直リンクを入力"></a></div> ↑これで文字部分が画像に変更されます

質問者

お礼 2007/12/28 18:33

ありがとうございます無事に表示されました、しかし別の問題が出来てしまいまして、画像が左端に表示されてしまいそれを動かすことが出来ない状態です。この位置調整はどのように行えば宜しいのでしょうか何度も迷惑おかけします

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

noname#57571

2007/12/28 20:18 回答No.3

う～ん、moonstagio さんが説明していらっしゃる方法は確かに手っ取り早いんですけど‥。ただ、「hspace」属性はHTML4.01では非推奨ですし、タイトルの位置決めは元々スタイルシートで設定されているので、調整はそちらでやった方が望ましいと私は思います。やり方は下記の通りです（ ^^ スタイルシートの47行目以降に次の部分があります。 ---------------------------------------- #headBlock1{ height: 60px; border-bottom: 1px solid #666666; background-color: #FFCC00; padding: 20px 20px 0px; } ---------------------------------------- この中でタイトルの位置（余白）を決めているのは次の個所です。 padding: 20px 20px 0px; 最初の20pxが上余白、2番目の20pxが左右余白、最後の0pxが下余白ですから、左右位置の調節は2番目の20pxの数値を変更します。余談ですが、タイトルを画像に換えた場合、画像の大きさ（高さ）にもよりますが、Firefoxでは下方にずれて表示される可能性があります。念のため表示チェックされることをお勧めします（ ^^

質問者

お礼 2007/12/28 21:13

なるほどこんなやり方もあるんですね、試してみたら無事できました、ありがとうございます

ログインすると、全ての回答が全文表示されます。

moonstagio
ベストアンサー率62% (39/62)

2007/12/28 19:08 回答No.2

画像が無事に表示されて良かったです。位置の指定方法ですが。 <div id="headBlock1"><a href="<%url>"><img src="ここに画像の直リンクを入力" hspace="30"></a></div> hspace="" で左右のマージン（空白）をピクセル数で指定します。上記だと、画像の左右に空白が入る事になります。数字は正数字を入れて下さい。

質問者