解決済

Ads By Google

nyoro

タイトル背景画像をリンクさせるには？

タイトル背景画像をリンクさせることってできますかね？
つまり、タイトル文字のリンクだけじゃなく、画像そのものをリンクとして使うには・・？
これって可能ですか？

2006-12-16 11:46の質問

違反を報告する

この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

2.

2006-12-16 16:49:43

Kiss115

画像をクリックするとトップページへということですよね

カスタマイズで
[トップページ]
[個別記事ページ]
[カテゴリアーカイブ]
[月別アーカイブ]
これら４つのHTML記述の中にある

<h1 class="blogtitle">

の後ろにある

<$BlogTitle ESCAPE$>

を

<img src="http://image.blog.livedoor.jp/kaka124/imgs/c/b/cb12e6eb.bmp" border="0" alt="<$BlogTitle ESCAPE$>">

この記述と４つとも入れ替えます
その都度[この内容で保存する]を忘れないで下さい

これだけではスペースが空きすぎますので
[スタイルシート(CSS)]の中は

#banner,#subbanner{
height:250px;
text-align:center;
background:url(http://image.blog.livedoor.jp/kaka124/imgs/c/b/cb12e6eb.bmp?blog_id=1477455) repeat-x;
margin-bottom:20px;
}

の部分は

#banner,#subbanner{
text-align:center;
margin-bottom:20px;
}

に

.blogtitle{font-size:28px;
font-weight:bold;
padding-top:60px;
color:#ff66cc;
}

の部分は

.blogtitle{font-size:28px;
font-weight:bold;
padding-top:0px;
color:#ff66cc;

に
変更して必ず「全てのページ」で再構築してみてください

現在、表示されている「ブログのタイトル」画像になり
「ブログの説明」は画像の下に来る事になります

違反を報告する

最初は自分でできるかどうか不安でしたが、やってみたらスッキリ解決しました☆
ありがとうございました。

1.

2006-12-16 13:02:13

未来の気象予報士

--PR----------------------------
ライブドアブログに追加して欲しい機能

http://knowledge.livedoor.com/17898

clip

↑まだまだ募集中です。
--PR------------------------------

普通に可能です。
デザインのカスタマイズで、タイトルのリンク<a href="***"></a>内に画像タグ<img...>を挿入するだけです。

しかし、質問の内容からもっと詳しい説明が必要かもですね。

ではどうぞ↓

自信度 : 自信あり回答レベル : 回答

違反を報告する

アドバイスありがとうございました☆

3.

2006-12-16 21:57:18

forestk

まず論点を分けてみます。

>タイトル文字のリンクだけじゃなく、画像そのものをリンクとして使うには・・？
>これって可能ですか？
これだけを実験させたければ、>>1で未来の気象予報士さんが回答されている方法で可能ですし、一番手っ取り早いです。

>タイトル背景画像をリンクさせるには？
可能です。「画像置換」というテクニックを使います・・・がちょっと難しいです(^_^;
自分もあまり詳しく無いのでこちらのURLをｗｗ