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

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

●質問者: Dental_Coga
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:Web はてなダイアリー サイズ サイト ソフト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● yama_r
●25ポイント

http://www6.plala.or.jp/go_west/nextcss/

CSS Dencitie

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

h1{

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

background-position: 100% 100%;

background-repeat: no-repeat;

}

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

◎質問者からの返答

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

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

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


2 ● hinako17
●20ポイント

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

スタイルシート例文辞典

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


background-position: 100% 100%;

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

例えば

background-position: 95% 100%;

とか。


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

◎質問者からの返答

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

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


3 ● l0_0l
●20ポイント

http://f.hatena.ne.jp/l0_0l/20050530002706

p_q

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

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


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

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

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

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


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

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



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