親切な方、是非とも回答お願いします!至急ではないですが・・・。


ダイアリーやグループの日記で、タイトルを画像にすることができますよね?僕はあるグループの自分の日記で、初期からあるタイトルを消し、タイトルを画像に変換、クリックすると、その日記にリンクされているようにしたのですが、どうも上すぎるのか、ヘッダの『hatena:group:〔グループ名アルファベト〕』の部分に上部がくっついてしまい、さらには日記の端によってしまい、見た目が少し変です。


分かりづらい前置きですが、何が言いたいかといいますと、『タイトル画像を、自分好みの位置に配置する編集方法』を教えて欲しいのです。


その日記を見なければ、状況が分からないよ!という方へ。
http://ugochara.g.hatena.ne.jp/akira-tago0704/
です。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2011/11/22 00:39:19
  • 終了:2011/11/29 00:40:04

回答(2件)

id:meefla No.1

meefla回答回数980ベストアンサー獲得回数4582011/11/23 01:46:13

ポイント50pt

修正の仕方はいくつか考えられますが、とりあえず簡単な方から。

右側の検索やカレンダーのある部分は、サイドバーと言います。
ここがヘッダーとかぶっているのは、CSS が適切な設定になっていないのが原因だと思われます。
(タイトルを消したせいで設定がおかしくなったのかも?)

まず、CSS の編集画面(h1{display:none;}を入力した所)で、

.sidebar{
  margin-top: -100px;
}

という指定がされていないかを確認して下さい。

指定があれば数値を -100 以外に変更し、指定がない場合は次の記述を追加します。

.sidebar{
  margin-top: 0px;
}

これで、次の画像のようになる筈です。

f:id:meefla:20111123013102p:image

もっと下にしたい場合は、0px ではなく、200px

.sidebar{
  margin-top: 200px;
}

にすると、こうなります。

f:id:meefla:20111123013132p:image

うまく行かない場合は、

.sidebar{
  margin-top: 200px !important;
}

のように、"!important" を追加すると良いかもしれません。

頑張って下さい。

id:akira-tago0704

おお~!!分かりやすいです!ありがとうございます!『親切な方』ですね!

2011/11/23 14:18:21
id:kodairabase No.2

kodairabase回答回数661ベストアンサー獲得回数802011/11/28 19:33:47

ポイント50pt

はてなダイアリーのタイトル画像と背景をカスタマイズ
http://d.hatena.ne.jp/ni_no5/20100910/1284090164

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

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

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

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

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