はてなダイアリーのカスタマイズについてなんですが「かんたんデザイン設定」にある「テーマ」のデザインを使いつつ、ブログタイトル部分(ページ上部)に自分の好きな画像を表示させるにはどうしたらいいのでしょう。Q&Aも見てみたのですがページ全体に背景を入れる方法しかわからなかったのでおたずねします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/12/01 17:25:12
  • 終了:--

回答(3件)

id:taknt No.1

きゃづみぃ回答回数13539ベストアンサー獲得回数11982004/12/01 17:27:33

ポイント10pt

ダイアリーの詳細設定で、ヘッダーの部分に画像を入れるタグを入れてみたらいかがでしょうか?

id:rain

ありがとうございます。

ヘッダの部分に<img……>のタグを入れると

サイドバーには画像が表示されるところまではわかったのですが、ダイアリーのタイトルが表示されるページ上部への画像の挿入のしかたがわかりません。

2004/12/01 17:30:14
id:kuippa No.2

くいっぱ回答回数1030ベストアンサー獲得回数132004/12/01 17:30:19

ポイント10pt

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

はてなダイアリーのヘルプ

もし、今ヘッダーに設定をおこなっているのであれば、ヘッダー、フッターの設定をコピーして一次退避させます。

つぎにかんたんデザインから好きな設定を選びます。

設定をへんこうしたのち、詳細設定からヘッダーとフッターに避けておいたタグ等を入れてあげればお望みのことができるかと思います。

ちなみに好きな画像を貼り付けるタグはこんな感じです。”が全角になっているので、貼る時は半角になおしてください。

<ing src=”

”>

id:rain

ありがとうございます。

上でコメントしたとおりダイアリーのタイトル部分に画像が表示される方法を探していますのでもう少し回答を待ってみます。

2004/12/01 17:35:37
id:printer No.3

printer回答回数13ベストアンサー獲得回数02004/12/01 17:44:09

ポイント40pt

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

はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう!

恐らく、はてなの「テーマ」デザインを利用しつつページ上部に画像を表示させる方法はありません。

ヘッダまでが限度になります。

ポイントは無しでも結構です。

id:rain

ありがとうございます。今いろいろ試しながらそうなんじゃないかって思い初めていたところです。デザインの形状は動かせないんですよね。了解です。

2004/12/01 17:46:17
  • id:Yuny
    方法はありますよ。

    http://guide.g.hatena.ne.jp/sugio/19080102
    基本的にはこんな感じ。ヘッダに画像を入れるにはimgタグで書けばいいです。
    ですがページ全体の背景となると、CSSで入れればいいです。

    はてなフォトライフに画像をアップロードし、右クリックして画像だけを表示させ、そのURLをメモ帳にコピーしておきます。
    その他、ヘッダやフッタに設定があれば、それらもメモ帳にコピーしておきます。
    簡単デザイン設定をいじって、いいデザインを選びます。
    先ほどのヘッダやフッタの設定をペーストして戻します。

    スタイルシート(CSS)に以下のように追記します。

    div.hatena-body{
    background: url(”http://うんぬん、フォトライフ画像のURL”) no-repeat fixed 100% 0%;
    }

    もしも記号類が全角になっていたら半角に直して下さい。

    とほほのwww入門、を参考に解説。
    http://www2e.biglobe.ne.jp/~s-hasei/css/reference.htm#background

    no-repeat fixed 100% 0%;
    とかいた部分は、繰り返さず右上に画像を表示、という意味になります。
    no-repeatだと単一画像、repeatだと画面全体に、repeat-xだと横に繰り返し、repeat-yだと縦に繰り返し。
    100% 0%は、それぞれX座標、Y座標です。この例では一番右だからXが100%。一番上だからYが0%。
    fixedは、コレを追記すれば画面に固定すること。

    >◆ background-attachment: attachment (C1/e4/N6)
    >ウィンドウのスクロールを動かした時の背景の動作を scroll(規定値:一緒にスクロールする)、fixed(スクロールしない)、inherit(継承)のいずれかで指定します。

    以上です。

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

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

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

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