2007/9/21 金曜日

XOOPS: Yahoo! UI LibraryのCSSを使用したテーマ

カテゴリー: XOOPS — trek @ 20:25:46

Yahoo! UI LibraryのCSSを使用したXOOPS(XOOPS Cube 2.0)のテーマを作成してみました。
背景が白のシンプルなテーマです。

XOOPSテーマサンプル

Yahoo! UI Libraryがサポートしているブラウザの一覧は、次のページにあります。
Yahoo! UI Library: Graded Browser Support

ダウンロード

ダウンロード(yudefault_2.zip)

セットアップ

  1. The Yahoo! User Interface Library (YUI)から、Yahoo! UI Library(yui2.3.1.zip)をダウンロードします。
  2. XOOPS_ROOT_PATH(※)に、Yahoo! UI Library(yui2.3.1.zip)を展開します。

    ※ XOOPS_ROOT_PATHは、XOOPSをインストールしたディレクトリで、mainfile.phpに記述されているパスです。

    Yahoo! UI Libraryは、次のようなディレクトリに配置されることになります。
    XOOPS_ROOT_PATH/yui

  3. yuidefault_2.zipをXOOPSのテーマディレクトリで展開します。

    XOOPSのテーマディレクトリは、XOOPS_ROOT_PATH/themesです。

  4. 管理画面の[システム管理]->[一般設定]->[一般設定]で、デフォルト・サイトテーマを「yuidefault」を選択して、送信ボタンを押下します。

    ホームページにテーマが適用されない場合は、一度ログアウトします。

追記(2007年9月24日)
Yahoo! UI LibraryとInternet Explorer6は相性が悪いのかな」の問題が再現しなくなったため、style.cssを修正しました。

Copyright © 2007 とれっくかいはつ
HTML convert time: 0.176 sec. Powered by WordPress ME