人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: morooka
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど

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

そのため、まずは幅が広く(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固定にしました

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


morookaさんのコメント
お礼が遅くなりまして申し訳ありません 有り難うございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ