タグ

カスタマイズに関するyterazonoのブックマーク (1)

  • jQuery MobileのCSSを変更してテーマをカスタマイズ (1/3)

    CSSを駆使することでjQuery Mobileでもオリジナルデザインを実現できますが(関連記事)、フルカスタマイズではかなりの手間がかかります。今回はjQuery Mobileのテーマカラーのみを変更する、手軽なセミカスタマイズの方法を紹介します。 jQuery MobileのCSSを解剖する テーマカラーをカスタマイズするために、jQuery MobileのCSSがどのように設計されているか、見てみましょう。 jQuery MobileのCSSは、「共通CSS」と「テーマCSS」の2つで構成されています。共通CSSは、要素のサイズや間隔、余白など、ページの構造やレイアウトに関する設定が記述されており、すべてのテーマで共通して利用されます。 一方、テーマCSSは、data-theme属性で指定したテーマ(デフォルトでは「a」~「e」までの5種類)のスタイルを記述したCSSで、指定したテー

    jQuery MobileのCSSを変更してテーマをカスタマイズ (1/3)
  • 1