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

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

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


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


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

●質問者: スパロウ
●カテゴリ:はてなの使い方 コンピュータ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● meefla
●50ポイント

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

右側の検索やカレンダーのある部分は、サイドバーと言います。
ここがヘッダーとかぶっているのは、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" を追加すると良いかもしれません。

頑張って下さい。


スパロウさんのコメント
おお?!!分かりやすいです!ありがとうございます!『親切な方』ですね!

2 ● kodairabase
●50ポイント

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

関連質問

●質問をもっと探す●



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