注目タグ

テンプレート・プラグイン

トピック詳細

ヘッダー画像からブログトップへリンクする方法

ヘッダーの画像をクリックしてブログのトップページへ飛ばそうとしているのですがどうにもうまくいきません
事前にグーグルなどで調べて出てきた奴も試したのですがたしかにヘッダー画像をクリックしてブログトップへ飛べるようにはなり ましたがヘッダー周辺に変な余白が発生してどうやってもその余白部分が調整できないという結果になってしまいました
(もともとそれがFC2用ではなかったというのも大きいとは思いますが)

ヘッダー画像からブログTOPへ飛ばす方法をご存じの方がいらっしゃいましたら何卒ご教示のほどお願いします

ちなみにその使用して失敗したものは以下のものです
/* ----------------------- header ----------------------- * /
#header h1,
#header h2 {
padding: 0px;
margin: 0px;
}
#header h1 {
padding-top: 0px;
margin-left: 0px;
text-decoration: none;
}
#header h2{
margin-left: -9999px;
}

h1 a{
text-indent:-2000px;
font-size:0px;
font-decoration:none;

display:block;
width:800px;   ←ヘッダー画像のサイズに合わせる
height:300px;   ←ヘッダー画像のサイズに合わせる

background:url(画像のurl);

2009年12月17日 01:57  by ZGMF-F.T

コメント一覧 2件中、1~2件表示

  • 使っているテンプレートの影響か画像がニ重表示されたりなど不具合がありましたがスタイルシートを改編するなどしてどうにかなり ました教えていただいた方法でなんとかなりました
    遅れましたがpikaさんありがとうございました

    2009年12月29日 17:06 by ZGMF-F.T

  • テンプレートのHTMLを直接編集する方法に変更してみては如何でしょう?

    [参考]
    <a href="<%url>"><%blog_name>&l t;/a>

    <a href="<%url>"><img src="画像 アドレス" alt="タイトル画像" title="<%blog_name >">

    その他の類似トピックは下記URL(当ブログですが^^;)の
    「Q.ブログタイトルを画像に変更する」を参考に探してください。
    http://phpbb.blog25.fc2.com/blog-entry-6.html

    2009年12月21日 09:36 by pika★フォーラムモデレーター