アメブロをＨＰにしたい。 - ブログ - 教えて！goo

確かアメブロはHTMLが編集できませんでしたよね。

だとしたら、タイトル部分を背景画像として設定した部分をリンクにするには、HTMLのタイトル部分に元々付いているアンカータグをブロック要素化して、リンクの範囲を作る方法が考えられます。

どのようなHTMLになっているか、もしかしたらテンプレートによってidの指定など違うかもしれませんが、ブログタイトルに対して以下のような感じの記述をスタイルシートに追加することになると思います。

#header h1 a{
font-size: 1px;　←元々のテキストリンクを見えなくする
text-indent: -9999em;　←同
display: block;　←インライン要素であるaタグをブロック要素化
width: ○○px;　←リンクの範囲幅
height: △△px;　←リンクの範囲高さ
}

あとはヘッダー部分に背景画像としてタイトル画像を設定する、という感じかと思います。
※現在、ブログタイトル（テキスト）をdisplay:noneを使って非表示にしているなら、上記を書いてもリンク範囲ができないかもしれません。その場合display:noneを外したりしてみてください。

一応参考。
http://ameblo.jp/ameblo-trend/entry-10003745394. …

通報する

ＨＰ風とは？
ブログもホームページの一種です。
HP風（デザイン的に？）にしても「タイトル部分に画像を貼り付けて其処にリンクさせたくても何度やっても何故かならなかったりします。」が解決できるとは思えないのですが。

通報する