具体的には、 http://d.hatena.ne.jp/Dental_Coga/ のタイトル「古賀歯科医院 休診予定などのお知らせ」という文字の右側（□枠内の右側）に医院のロゴを載せたいのです。web pageだったらサイト作成ソフトでテーブル組みを使ったりして、簡単に出来るのですけど、はてなダイアリーではどうやったら良いのか全然分かりません。
もちろん、ロゴ画像は適度なサイズのものを用いるつもりです。
具体的な指示をお待ちしております。
No.1
34
0
25pt
http://www6.plala.or.jp/go_west/nextcss/
CSS Dencitie
こんなふうに「詳細デザイン設定」の「スタイルシート」に
h1{
background-image: url(’画像のURL’);
background-position: 100% 100%;
background-repeat: no-repeat;
}
としてみてください。たぶんこれで大丈夫だとおもいます
No.2
740
20pt
http://www.openspc2.org/reibun/css/
スタイルシート例文辞典
もう少し左側に動かす方法なら分かります。
background-position: 100% 100%;
という行の、前の方の「100%」の数字を小さくしていけば、どんどん左に動きますよ。
例えば
background-position: 95% 100%;
とか。
わかりにくかったらすみません。
ありがとうございました。左へ移動の件は解決しました。
あとは、文字と画像の重複についてですが・・・。
No.3
7250
20pt
タイトルの文字とロゴ画像をあわせて１つの画像にして掲載するという方法もあります。
１つの画像にしてしまえば、窓サイズを変えても画像と文字が重複しません。
完成した１つの画像を掲載するだけなら、
スタイルシートを使用せずに
「日記の設定」欄の「タイトルの設定」にある
「画像をアップロード」を利用して画像をアップするだけでも出来ると思います。
超適当ですが、こんな感じ、という事で画像作ってみました。（上記URL）
なるほど！そういう手があるのですね。
ありがとうございました。これにて終了させていただきます。
2
1
1
1
29
24
できました(^.^)。ありがとうございます。
ただ、画像が本当に右端に行ってしまって、ちょっとアンバランスですね(^^;。また、ウィンドウ・サイズを変えると、タイトル文字と画像がダブってしまいますね。
もしよろしければ、画像をもう少し左側にずらす方法と、窓サイズを変えても画像と文字が重複しない方法があれば、教えていただけませんか？＞他の方でも結構ですよ。