はてなダイアリーでタイトル画像を載せると、ブログのタイトル"Taku's Blog"が隠れて見えなくなってしまいます。いろいろとGoogleで検索してみたのですが、解決法が分かりません。タイトル画像を現状のように左側に、タイトルのロゴである"Taku's Blog"を右側に配置するためにはどうすればよいのでしょうか。


http://d.hatena.ne.jp/nakanotaku/

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/03/22 21:46:45
  • 終了:2012/03/22 22:31:06

ベストアンサー

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/03/22 22:23:45

ポイント200pt

ダイアリー管理画面の「タイトルの設定」でタイトル画像を設定すると、
タイトル文字列は隠れるのではなく、どこにも居なくなります
(タイトル画像を設定するところにある「?」をクリックすると説明があります)

タイトル文字を出したいならば、まずは、
ダイアリーの管理画面のほうでタイトル画像の欄を消し、
スタイルシートに追加した h1 { text-align: right; } も消して、
ダイアリーの画面が元に戻ったかを確認します

つぎに、下記のようなスタイルシートを書き加えます

h1 {
    height: 375px;
    background-image: url("http://d.hatena.ne.jp/images/diary/n/nakanotaku/titleimg.png");
    background-position: right;
}
id:nakanotaku

ご丁寧に、ほんとうにありがとうございます。あとはフォントやタイトルの位置をいじれば思った通りのレイアウトになるはずです。そっか、タイトル画像を設定する時点で、タイトルのロゴは消えてしまうということだったのですね…。完全に誤解をしていました。

2012/03/22 22:32:46
  • id:nakanotaku
    ちなみに、画像を右に寄せるのは、スタイルシートに

    h1 {
    text-align: right;
    }

    と記述する方法で行なっています。でも、ただ付け焼刃式にGoogleで調べただけで、CSSのことは何も知らないです。

この質問への反応(ブックマークコメント)

トラックバック

  • はてなダイアリー作成 なんとか完成。慣れるまで大変だった。色々なブログを触ってきたところ、はてなが一番見やすさでフィットしたので、こちらを使ってみます。さて、作成時に苦労
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません