ライブドアブログの質問です

カテゴリ別アーカイブがサイドに出ますが、これの行頭に黄色いフォルダマークを入れたいのですが、可能でしょうか
よろしくお願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/11/02 10:26:42
  • 終了:2009/11/06 02:48:17

ベストアンサー

id:rouge_2008 No.1

rouge_2008回答回数594ベストアンサー獲得回数3512009/11/02 16:18:20

ポイント60pt

CSSを編集すれば可能です。

まず「ブログ設定」→「デザイン」→「カスタマイズ」の「スタイルシート(CSS)」に移動します。

※編集欄で右クリックして「すべて選択」→「コピー」をしてから、行数が表示されるテキストエディタに貼り付けて編集すると編集しやすいです。

856行目を探してください。

以下のような記述があります。

div.sidebody {
	background: url(http://parts.blog.livedoor.jp/img/usr/livedoor/web_directors/side_body.gif) no-repeat 0 8px;
	padding: 0 0 5px 9px;
	margin-left: 5px;
	text-align: left;
}

ここを次のように編集します。

div.sidebody {
	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat 2px 2px;
	padding: 0 0 5px 20px;
	margin-left: 5px;
	text-align: left;
}

後は、再度編集欄に戻すだけです。(※コピー先を空欄にしてから貼り付けると間違えにくいと思います。)

表示位置も調整したので上記で問題ないと思いますが、好みに合わせて適宜変更してください。

urlはダミーです。

http://q.hatena.ne.jp/

id:clinejp

ありがとうございます

しかし、全体がデザインマニュアルのようなものに変わってしまいました。

なぜでしょうか

2009/11/03 17:06:30
  • id:rouge_2008
    どのデザインを使用していたのでしょうか?
    もう一度「デザイン選択」で目的のデザインを適用してから、「デザインカスタマイズ」でCSSをカスタマイズしてみてください。


    ※適用しているデザインによってCSSの記述は異なります。
    共通しているのは、カテゴリ別アーカイブのカテゴリ表示部分を変更したい場合は、「div.sidebody」のCSSを変更すれば良いということです。
    (黄色いフォルダ画像を表示したい場合は、次の背景画像を指定します。※自分で用意した別の画像でも大丈夫です。)

    div.sidebody {
    background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat 2px 2px;
    }

    その他の記述「margin」等に関しては既にある場合もありますので、使用しているデザインに合わせて、追加したり変更したりしてください。

    どのデザインを使用したいのか教えていただければ、私の方でも確認してみます。
  • id:clinejp
    ありがとうございます。
    デザインは ロハス1_3 というのを使用しています。

    div sidebodyのところは見つかったのですが、うまく行きません。
    すみませんが、お時間のあるときに試していただけると幸いです
  • id:rouge_2008
    新着デザインの所に表示されている「ロハス3」でしょうか?
    ※背景が落ち着いたグレーの大きなチェックで、左側にメニューがある2カラムのデザイン(メニューや記事の全体の背景色は、白とさらにその下の背景色が何色と言えばいいかちょっと不明ですがベージュ?)

    すみません。「div.sidebody」に適用した場合、記事リストのタイトル等にも反映されてしまいますね。
    以下のように変更してみてください。(※表示位置も調整してあります。)
    ※何処でもいいですが、元々の記述の下に「div.plugin-categorize div.sidebody」として追加しています。

    div.sidebody {
    text-align: left;
    margin-bottom: 15px;
    }

    div.plugin-categorize div.sidebody {
    background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat 0 2px;
    padding: 0 0 5px 17px;
    margin-left: 2px;
    }
  • id:rouge_2008
    ロハス1-3が何色なのかは分かりませんが、ロハス1の方ですね。
    タイトル画像が鳥が飛んでいるイラストで、左右にメニューが表示される3カラムデザイン。
    ロハス3と同じように、以下の記述を追加すれば、カテゴリ別アーカイブだけにフォルダ画像が表示されます。(※表示位置を少し変えています。)

    div.plugin-categorize div.sidebody {
    background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat 0 0;
    padding: 0 0 5px 17px;
    margin-left: 2px;
    }

  • id:clinejp
    解決しました
    ありがとうございます。

    いただいたものでばっちりだったのですが、プレビューボタンで反映されていないので、無駄に時間を使ってしまいました。
    大変助かりまして、共同運営者も喜んでいます。
    見栄えが違いますねえ。ありがとうございました。

    http://blog.livedoor.jp/clinemedia/

  • id:rouge_2008
    解決おめでとうございます。
    喜んでいただけると私も嬉しいです。
    ポイントといるかもありがとうございました。(^^)

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

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

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

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