SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

https://blog.51cto.com/13969817

多くの企業は、UIスタイルのため、または特定のフォントやサイトのナビゲーションの背景を変更する必要があるの優れたユーザーエクスペリエンスのための明確なセットを持っています。
あなたがLenovoのノートPCを使用している場合、我々は、例えば、あなたのサイトの[サイトの設定]ページを開くには、IEブラウザを使用し、開発者向けツールのページを入力するにはF12キーを押し、あなたはのFn + F12キーで使用する必要があります。あなたは私たちが見つけたい、あなたはコードの関連ページへのジャンプが表示されます、我々はエクスプローラパネルで「カレンダー戦略の見直し」にポインタをクリックを使用してページ要素を選択し、エクスプローラペインになります:メニュー項目テキストそれをダブルクリックし、[ラベルスタイルの右側にルールを追加し、そのナビゲーションフォントの色は赤です。
SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

スタイルタグのルール、サンプルコードに追加します。

.menu項目テキスト{
色:!赤い重要。
}

それに注意してください。

  • これらの規則のために、あなたはそれが他のコマンドを上書きすることを意味し、属性を定義した後、感嘆符を置くことができます。
  • 私たちは、ページが読み込ま+更新されたときにもう一度ページを更新すると、初期状態に、セットバックを消えます行われた変更。
  • あなたが永続的に保持したい場合は、このルールをコピーする必要があり、その後、スタイルシートを貼り付け、恒久的に、スタイルシートを次のように変更し、このルールを使用して保存します。
    SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

あなたは、マウスのナビゲーション上のフロートは、そのようなターンブルーなどのナビゲーション色の変化、にしたい場合は、どのように動作しますか?

私たちは、スタイルシート内のいくつかの変更を行う必要があります。
SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

サンプルコード:

.menu項目テキスト{
色:!赤い重要。
}
.menu項目テキスト:ホバー{
色:青重要。

マウスは青にナビゲーション、ナビゲーション色を浮動する場合:

SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

次に、我々はフォントがナビゲーションバーの背景色を変更する方法を見て?

ルールを追加し、静的メニュー項目:我々はいくつかのエクスプローラパネルで変更を行う必要があります。
SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

サンプルコードをルール:

.STATIC {
背景色:!水色重要。
}

説明:

あなたが永続的に保持したい場合は、このルールをコピーする必要があり、その後、スタイルシートを貼り付け、恒久的に、スタイルシートを次のように変更し、このルールを使用して保存します。

SharePoint Onlineのカスタム開発:サイトナビゲーションのフォントの色や背景を変更する方法

おすすめ

転載: blog.51cto.com/13969817/2450638