gooブログでタイトルを非表示にしたい。

質問

ＣＳＳの編集でフォントを０にすると、背景（タイトルの入るスペース）も一緒に小さくなってしまいます。

背景（タイトルのスペース）を変えずに、タイトルを非表示にする方法はないのでしょうか。

タイトル文字を特殊なロゴを使いたいため、タイトルの背景画像としてアップしたいと思うのですが、それには自動表示されるタイトルが邪魔なのです。

やはり、ＨＴＭＬをいじらないとむりですかねぇ。
アドバンスに入るのももったいない気がすます。（他に不満がないので・・・・）

どなたか、お教えください。

回答No.1

Hooray · ベストアンサー

現物を見ないと具体的なことは言えませんが、一般的なテクニックとして。

.bTitle {
display:block;
width:200px; /* タイトル背景の幅 */
height:50px; /* タイトル背景の高さ */
background:transparent url("タイトル背景のURL") no-repeat;
text-decoration:none;
text-indent:-1000em; /* これがテク */
}

text-indent を巨大マイナスにすることで、タイトルのテキストを画面から追い出します。タイトルがなくなったわけでもなく、スタイルをはずせば見えるので、ユーザビリティも悪くありません。

ちなみに mozilla のページがこのテクで作られています。

参考URL：

http://www.mozilla-japan.org/

お礼

ありがとうございます。

見事タイトルが消え、画像化したタイトルが表示されました。

概要が邪魔でしたが、フォントを1にして、背景色とフォントの色を同じにすることで、細い線のようにすることができました。

ほんと、ありがとうございました。感謝！