FC2blogのブログテンプレートを配布中

 - - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 - -

FC2blogの着せ替えブログスポンサー広告gerberaテンプレート記事部分の文字色を設定(変更)する【gerbera】

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

羽アイコン FC2 Blog Ranking 羽アイコン

記事部分の文字色を設定(変更)する【gerbera】

【gerbera】テンプレートの、記事部分の文字色を変更したいのですが?というご質問を頂戴いたしましたので、記事にしてみます。

【gerbera】テンプレートの場合、記事部分のスタイルの設定は、コメント部分のスタイルの設定部分とを併せて書いておりますので、まずは、分離する必要があります。

テンプレートのスタイルシート(CSS)の中から、以下のブロックを見つけます。

.entry_body,
.comment_body

line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;

上記のブロックを、以下のように2つに分離します。

.entry_body

line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;

.comment_body

line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;

分離が終わりましたら、.entry_bodyブロックのからまでの間に、お好みの文字色を、以下のように書き加えます。

.entry_body

line-height: 160%;
color: #カラーコード;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;

以上までの作業で、記事部分の文字色を設定(変更)する事が出来ます。

なお、ご注意いただきたいのは、「続きを読む」をクリックした場合、一記事表示モードへ移動するわけですが、その場合は、「続きを読む」部分に追記した文章もそのまま、上記で設定した文字色になってしまう、という事です。

もし、「続きを読む」で追記した部分の、文字色の変更はしない場合、以下のブロックに、元の文字色(bodyに設定している文字色)を設定する必要があります。

.entry_more

line-height: 160%;
margin: 0px;
padding: 10px 0px 10px 0px;

上記のままでは、文字色の設定は.entry_bodyブロックで指定した文字色が引き継がれますから、以下のように文字色を指定します。

.entry_more

line-height: 160%;
color: #000;←追加
margin: 0px;
padding: 10px 0px 10px 0px;

上記の作業をしますと、記事の上部と追記部分とが別々の色に設定されます。

スポンサーサイト

羽アイコン FC2 Blog Ranking 羽アイコン

ソースネクスト

コメント

ありがとう御座います

早速やってみます。
お手数掛けてすみませんでした。m(o・ω・o)m
また分からない事があったら質問しにきていいですか?!

上手く行くと良いですね

>おとさん

ご希望通りに、上手く行くと良いですね。

コメント投稿フォーム

(必須)
(必須)
(必須)
(必須)
管理者にだけ表示を許可する

【コメント、トラックバックについて】を読まれましたか?

トラックバックURI

side menu

羽アイコン INDEX 羽アイコン

記事部分の文字色を設定(変更)する【gerbera】

★★★

【COMMENT】

【TRACKBACK】

    ★★★

    全タイトルを表示

    ★★★

    羽アイコン INFORMATION 羽アイコン

    ★★★

    ご利用の前に

    お問い合わせの前に

    ★★★

    • ▼リンクスタッフがおすすめ!
    • 3000円キャッシュバック中

    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!
    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!

    ★★★

    このブログをリンクに追加する

    FC2ブックマークに追加

    羽アイコン RECENT ENTRIES 羽アイコン

    羽アイコン RECENT COMMENTS 羽アイコン

    ★★★

    羽アイコン RECENT TRACKBACK 羽アイコン

    羽アイコン CATEGORY 羽アイコン

    羽アイコン ARCHIVES 羽アイコン

    羽アイコン LINKS 羽アイコン

    羽アイコン MATERIAL 羽アイコン

    【イラスト素材】
    オレンジジュース100%
    オレンジジュース100% 様

    【素材の加工】
    FC2blogの着せ替えブログ

    <こうさぎ背景>
    silverheart

    羽アイコン PROFILE 羽アイコン

    elouai's doll maker 3

    ez-HTML

    Powered By FC2 blog

    FC2Ad






    side menu

    サイトマップラス
    Powered by SEO対策

    マクロミルへ登録

    羽アイコン BLOG PET 羽アイコン

    羽アイコン Collection Picnic 羽アイコン

    ★★★

    羽アイコン 訪問バナー配布中 羽アイコン

    ★★★

    はなみつきのお家に行く!

    ★★★

    はなみつきの家に訪問の際は、コレピクにログインしている必要があります。

    ★★★

    トイザらス・オンラインショッピング

    ★★★

    Apple Store
(Japan)

    art5_120x90.jpg

    羽アイコン おすすめ本・ソフト 羽アイコン

    ベクターPCショップ&ソフトウェア・ライブラリ

    ★★★

    羽アイコン RECOMMEND 羽アイコン

    ★★★

    ★★★

    ★★★

    ★★★

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。