ヘッダーに日記と同じ幅の写真を入れたいのですが、プログラムをご教示下さい

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/12/30 22:12:26
  • 終了:2012/01/06 22:15:03

回答(1件)

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492011/12/30 23:02:02

はてなダイアリーに画像を埋め込むことは出来ますが、
プログラムを埋め込むことは出来なくなっています

そのため、まずは幅が広く(1024px以上)て、
高さの低い(100pxから200pxの間くらい)画像を用意して、
その画像のURLをスタイルシートに記載するという手を使います

以下、手順概略

1.画像の準備
パソコンで画像を加工して自分のホームページか、
はてなフォトライフにアップロードしておき、
その画像のURLを手元に控えます

2.ダイアリーのスタイルシート設定
ダイアリーで「管理」→「デザイン」→「詳細」で、
(直リンク http://d.hatena.ne.jp/morooka/designdetail )
スタイルシートの欄に以下のように書き加えます

h1 {
  background:#FFFFFF url('画像のURL') no-repeat;
  color:#000000;
  height:画像の高さ;
  padding-top:70px;
}

画像の高さの部分は画像に合わせます
ウィンドウサイズに追従するタイプのテーマを利用しておられるので、
幅のほうは指定していません
padding-topは「ブログトップ」や「管理」などのメニュー用に、
とりあえず70px固定にしました

数値等については適宜調整でよろしくどうぞ

id:morooka

お礼が遅くなりまして申し訳ありません
有り難うございました。

2012/03/14 18:33:56

コメントはまだありません

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

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

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

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