Taiz /タイヅ (brandstetter) wrote,
Taiz /タイヅ
brandstetter

Howto: Navigation Strip(ナビゲーション・ストリップ)のカスタマイズ

日記/コミュニティーページ上部に表示される Navigation Strip(ナビゲーション・ストリップ)を、お好みの色にカスタマイズします。

▼通常はViewing Option (表示オプション) ページでこの2色から選択;
◎Dark gray ダークグレイ
ナビストリップ(ダーク)
◎Light gray ライトグレイ
ナビストリップ(ライト)

▼これを、たとえば筆者のLJのレイアウトに合わせて「赤・グラデーションなし」にしてみます。
カスタマイズしたナビストリップ
背景:#bb0000、テキスト/ボーダー:#ffffff(白)、リンク:#000000(黒)


●以下設定方法↓

設定方法
※ここでは、S2 スタイルシステムの「Smooth Sailing」というレイアウトを使っていますが、
 レイアウトによっては設定できないものがあるかも知れません。
 (S1スタイルシステムは対応してません

ナビゲーションストリップなど、表示オプションページの設定方法はコチラ

  1. 青ナビバー>Journal>Edit Journal Style からJournal Display (日記の表示設定)ページへ進み、
    Cutom Option タブをクリック。(下図)

    ナビストリップのカスタマイズ


  2. 「Presentaition」セクションになっていることを確認して、ページ下部の「>>Navigation strip colors」へ。

    ナビストリップのカスタマイズ設定

    ▼カスタマイズ方法を選択。
    ├ Do not use custom colors: 色のカスタマイズをしない(デフォルトのグレーを使用する)
    ├ Use custom colors with a background gradient: 色をカスタマイズする、背景色のグラデーション有
    └ Use custom colors without a background gradient:  〃 、背景色のグラデーションなし

    Save Changes ボタンはまだ押さなくても大丈夫です
  3. Section のリンクから Colors セクションへ。
    日記のカスタマイズ
  4. 下スクロールして「 >> ~ color of navigation strip」(4ヵ所)へ。それぞれ、色を設定。
    ナビストリップの色設定

    ▼「#rrggbb」のHTMLカラーを入力、または [Choose...] ボタンからカラーピッカーで。
    Background color of navigation strip: 背景色
    ├ Text color of navigation strip: テキスト色
    Border color of navigation strip: ボーダー色
    └ Link color of navigation strip: リンク色

    注意:カスタム色設定しない箇所は、デフォルトの色が使用されます。
  5. 設定を終えたら [Save Changes] ボタンで確定。
Tags: LJの使い方, 表示設定
Subscribe

  • (no subject)

    Happy (a day belated) LJ B-day!

  • Semagicで履歴閲覧時にエラーが出る場合

    念のため... Semagicを使っていて過去記事の履歴(History)を見ようとするとInvalid Passwordエラーが出る場合は (View) > Options > Advanced タブ内の「Challenge/responce」のチェックを外してみてください。

  • Error 500

    9/25日の22時頃に「Error 500」(「Error 500 Frank's nibbling on the wires/ヤギのフランクが配線をかじっているようです」とか何とか)が表示されてページが見られなくなっていたようですが、 LJ側で対応中/済みのようです。 ※Error…

  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments