はてなダイアリーで、タイトル文字の横に画像を入れるにはどうすればいいでしょうか?

具体的には、 http://d.hatena.ne.jp/Dental_Coga/ のタイトル「古賀歯科医院 休診予定などのお知らせ」という文字の右側(□枠内の右側)に医院のロゴを載せたいのです。web pageだったらサイト作成ソフトでテーブル組みを使ったりして、簡単に出来るのですけど、はてなダイアリーではどうやったら良いのか全然分かりません。
もちろん、ロゴ画像は適度なサイズのものを用いるつもりです。
具体的な指示をお待ちしております。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/05/29 23:33:05
  • 終了:--

回答(3件)

id:yama_r No.1

yama_r回答回数34ベストアンサー獲得回数02005/05/29 23:45:19

ポイント25pt

こんなふうに「詳細デザイン設定」の「スタイルシート」に

h1{

background-image: url(’画像のURL’);

background-position: 100% 100%;

background-repeat: no-repeat;

}

としてみてください。たぶんこれで大丈夫だとおもいます

id:Dental_Coga

できました(^.^)。ありがとうございます。

ただ、画像が本当に右端に行ってしまって、ちょっとアンバランスですね(^^;。また、ウィンドウ・サイズを変えると、タイトル文字と画像がダブってしまいますね。

もしよろしければ、画像をもう少し左側にずらす方法と、窓サイズを変えても画像と文字が重複しない方法があれば、教えていただけませんか?>他の方でも結構ですよ。

2005/05/30 00:00:25
id:hinako17 No.2

hinako17回答回数74ベストアンサー獲得回数02005/05/30 00:18:44

ポイント20pt

http://www.openspc2.org/reibun/css/

スタイルシート例文辞典

もう少し左側に動かす方法なら分かります。


background-position: 100% 100%;

という行の、前の方の「100%」の数字を小さくしていけば、どんどん左に動きますよ。

例えば

background-position: 95% 100%;

とか。


わかりにくかったらすみません。

id:Dental_Coga

ありがとうございました。左へ移動の件は解決しました。

あとは、文字と画像の重複についてですが・・・。

2005/05/30 00:23:25
id:l0_0l No.3

l0_0l回答回数725ベストアンサー獲得回数02005/05/30 00:28:27

ポイント20pt

タイトルの文字とロゴ画像をあわせて1つの画像にして掲載するという方法もあります。

1つの画像にしてしまえば、窓サイズを変えても画像と文字が重複しません。


完成した1つの画像を掲載するだけなら、

スタイルシートを使用せずに

「日記の設定」欄の「タイトルの設定」にある

「画像をアップロード」を利用して画像をアップするだけでも出来ると思います。


超適当ですが、こんな感じ、という事で画像作ってみました。(上記URL)

id:Dental_Coga

なるほど!そういう手があるのですね。

ありがとうございました。これにて終了させていただきます。

2005/05/30 00:31:56

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

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

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

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

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