calendar

S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930     
<< April 2018 >>

最新記事

recent comment

  • 未定ですが、ワードプレスへ引っ越そうと思っています
    ハル (04/10)

categories

archives

        

スマホ版への切り替え

スポンサードリンク

スポンサードリンク

テンプレート変更(ブログタイトル/説明文の色変更)

  • 2017.08.02 Wednesday
  • 23:32
0

    引き続き裏でテンプレートをカスタマイズ中ですが

    作業メモログです。

     

    まだ探り探りの状態ですので、もしかしたら間違えているかも・・・。

     

    今回はブログタイトル/説明文の色を変えます。

    引き続き使用するテンプレートはPC向け「custom06」です。

     

    ブログタイトルの色変更

     

    まずブログタイトルの色変更です。

    テンプレート「custom06」のCSS部の以下の部分を検索し

     

    /* ブログ名の色 */

    h1 a,h1 a:link,h1 a:visited {color:#000000;text-decoration:none;}   →
    h1 a:hover,h1 a:active {color:#999999;text-decoration:none;}        →

     

    ,離ラーコードを変えればブログタイトルの文字色が変わる

    △離ラーコードはマウスが指した時の色(リンク?)

    ここはカラーコードだけ変えれば良いので簡単。

     

    ブログ説明文の色変更

     

    次にブログ説明文の色変更です。

    ブログタイトルと同じようにCSS内で以下の部分を検索し

     

    /* ブログの説明文 */
    div#description {margin:10px 0 0 0;padding:0 0 0 30px;}

     

    ここに変更したいカラーコード追加することで変更できます。

    div#description {margin:10px 0 0 0;padding:0 0 0 30px;color: #FFFFFF;}

     

     

    変更前後

     

    例として、実際にブログタイトル/説明文の文字色を

    #000000(黒)から#FFFFFF(白)へ変更します。

     

    変更前

     

    変更後

     

    出来ました。

     

    ブログ説明文もそうだし他もですが、カラーコードが設定されていないです。

    これはページ全体のテキストの色(リンク以外)が黒で指定されてるからでしょうね。

     

    /* ページ全体のテキスト色 */
    html {color:#000000;}

     

    メニュータイトル等で色を変更する際はカラーコード追加でOKだと思います。

     

    今回はここまで。

    スポンサードリンク

    同じカテゴリー内の記事

    コメント
    コメントする