--年--月--日

スポンサーサイト

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

ブログタイトルの文字色・背景色を変更

  1. FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定 ]をクリックします。
  2. 「現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。
  3. 「スタイルシートの編集[テンプレート名]を編集しています。」の欄の中でクリックします。(この中であればカーソルはどこでも構いません。)
    • 必ずバックアップしましょう!

     いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「css_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪
  4. [Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにa:linkと入力して、検索してください。
  5. a:link.entry{?}の中にpadding-left: 20px;を追加します。

    ブログタイトルの背景色の変更


    /* タイトルバナー */
    #banner {
    padding: 15px;
    border-bottom: 1px solid #666699;
    color: #999999;
    background: #cc0033;←デフォルトは#8fabbe
    background-position: right top;
    background-repeat: no-repeat;
    /* background-image: url(".gif");*/←画像の場合はここを利用します。urlを記入して『/*』『*/』を削除しましょう
    text-align: left;
    }

    ブログタイトルの文字色の変更


    #banner a,
    #banner a:link,
    #banner a:visited {
    color: #cd5c5c;←デフォルトは#FFFFFF
    font-size: 32px;
    text-decoration: none;
    }
    #banner a:hover {}
    #banner a:active {}
    /* タイトルバナー下の説明 */
    #banner h2 {
    color: #cd5c5c;←デフォルトは#FFFFFF
    font-size: 12px;
    }
  6. [プレビュー]で確認して、[更新]をクリックしましょう。

なお、このテンプレートは、小粋空間yujiroさん作成のFC2ブログテンプレートからお借りしたものです。

  • yozoからのお願い
 この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。
 また、言うまでもないことですが、この記事を参考にされるのでしたら、「CSS編集」は自己責任で行ってください。そして、必ずバックアップを取っておくようにしてくださいね♪
 この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。もちろん、「これではおかしいのでは?」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m

↓ ぽちっと応援お願いします♪ m(_ _)m
人気blogランキング


yozoの気が向いたと記2.0の関連記事紹介

↓ ぽちっと応援お願いします♪ m(_ _)m
人気blogランキング


FC2 Management

スレッドテーマ:カスタマイズ:ブログ

メイン

≪New BlogPet「うさも」の背景紹介?入梅間近?3? | Top | 教員採用試験、問題集のコピペ? Old≫

トラックバックURL


コメントする

お楽しみ:
サイト管理者にのみ通知する

チェックするとコメントプレビューがオンになります。

ご利用のブラウザ、設定ではご利用になれません。


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