プロが教えるわが家の防犯対策術!

JUGEMUのブログを使っています。CSSなど詳しくないのですが、本文の文字の色や大きさなど少し変える事ができました。
ですが、下記の箇所を変える方法がわかりません。

日記(10)
趣味(15)

などカテゴリーの後の記事の数字(10)や(15)の所が黒のままなので、文字の色を変えたいのですが、タグのどこを見ればいいのかわかりません。

また、サイドメニューに表示される、RECENT COMMENTS と言う所で、どの記事にコメントされたのか、記事名が出る所も文字が黒いままで、変えたいのですが、これもタグのどこなのかわかりません。

font-colorとある所は全部一度変えてみましたが、変わってくれませんでした。
ブログのヘルプには詳しい事は載っておらず、検索しても中々わかりません。
この2か所の変え方を教えて下さい。お願いします。

A 回答 (2件)

補足読みました。





■サイドバー本体の文字色を変える
  (この方法ですと、全てのサイドバーの文字色が変わることになります)


CSSを編集します。

CSS編集フォームの中にある .linktext を探します。
 /* メニュー -----~~ */ の下あたりにあります。

.linktext{
text-align: left;
font-size: 10px;
text-align:left;
}

↑このようになっていますので、 この部分に文字色を指定する記述を加えます。

.linktext{
text-align: left;
font-size: 10px;
text-align:left;
color:#******;  ←←← このように書き加えます。*の部分は好きな色のカラーコードを入れてください
}

   カラーコード
     http://www.tagindex.com/color/safe_color.html
     http://www.cgiboy.com/color/


これで保存します。 (「CSSを編集」ボタンをクリック)





■別々の色にする場合

HTML、CSS 両方の編集が必要です。
ここでは、RECENT COMMENTS の部分の文字色を変える方法を挙げます。


まず、HTML編集フォーム内から

<!-- BEGIN recent_comment -->
<div class="links">
<div class="linktitle">
RECENT COMMENTS
</div>
<div class="linktext">
{recent_comment_list}
</div>
</div>
<!-- END recent_comment -->

↑の部分を探します。
これが どの記事にコメントされたか、の一覧が出るサイドバーです。

この linktext を linktext_a と書き換えます。
以下のようになります。

<!-- BEGIN recent_comment -->
<div class="links">
<div class="linktitle">
RECENT COMMENTS
</div>
<div class="linktext_a">
{recent_comment_list}
</div>
</div>
<!-- END recent_comment -->


これで一度保存しておきます。(「HTMLを編集ボタン」をクリック)



次に、CSSを編集します。

CSS編集フォームで、

.linktext{
text-align: left;
font-size: 10px;
text-align:left;
color:#******;   ←←←※デフォルトのままの場合は これはありません※
}

をコピーし、 直下あたりに貼りつけます。
上記のものが上下にふたつ並んだ状態になります。


さきほど貼り付けた方の、 linktext を linktext_a と書き換えます。

.linktext_a{
text-align: left;
font-size: 10px;
text-align:left;
color:#******;
}

そして、 文字色の部分を好きなように書き換えて保存します (「CSSを編集」ボタンをクリック)


以上でおわりです。



説明がわかりにくいかもしれません
わからないところがあったら、また質問してください。

この回答への補足

とても詳しいお答えをありがとうございます。
今ちょっとPCをつけられる時間が限られてしまって、まだ試していないのですが、今ゆっくり読んで勉強している所です。
結果とお礼が少し遅くなってしまうと思い、恐縮ですが、やってみたらまたご報告します。
どうもありがとうございます。

補足日時:2010/02/09 22:47
    • good
    • 0
この回答へのお礼

お礼が遅くなって済みません。

こちらを試したら、両方の色変えができました。HTMLの方も編集するのは知らなかったので、とても参考になりました。
詳しく書いて頂きまして助かりました。
どうもありがとうございます!

お礼日時:2010/02/11 17:11

どのテンプレートを使っているかわかりませんが



>カテゴリーの後の記事の数字(10)や(15)の所が黒のままなので、文字の色を変えたい
>RECENT COMMENTS と言う所で、どの記事にコメントされたのか、記事名が出る所

サイドバー本体のところの文字色を変える必要があります。
CSSの編集が必要です。


このふたつを、同じ色に変える場合は簡単ですが
別々の色にしたい場合は少し手間がかかります。


使っているテンプレートの名前を明記すれば
詳しいアドバイスができると思います。

この回答への補足

返信ありがとうございます。使用しているのは下記のテンプレートです。

http://jugem.jp/utf/?mode=viewer&act=lookup&jtid …
テンプレート名:Break Time

質問箇所は二つとも同じ色で構いません。もし別にする方法があれば知りたいですが、難しい様でしたら同じでも結構です。
サイドバーの他の所の文字色(リンクタイトル等)は変えられたのですが、質問の個所がタグのどこに該当するのかわかりません。

お手数をおかけしますが、よろしくお願いします。

補足日時:2010/02/05 20:45
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!