[
自宅サーバーWebRing
┃
前
|ID=54
前後5表示
|
次
┃
乱移動
|
サイト一覧
]
このサイト内
書籍 DVD CD
Google(日本語)
Google(Web全体)
Google(イメージ)
Google(キャッシュ)
Yahoo! JAPAN
goo 英和
goo 和英
goo 国語
goo 新語
サイトマップ
リンク集
ダウンロード
フォーラム
Users Wiki
最新情報
TOP
»
xpwiki
» スタイルシートについて のバックアップソース(No.5)
|
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
Note
リンク元
印刷
スタイルシートについて
のバックアップソース(No.5)
xpwiki
:
スタイルシートについて
のバックアップソース(No.5)
差分
を表示
現在との差分
を表示
バックアップ No.5 を復元して編集
スタイルシートについて
へ行く。
« Prev
Next »
* スタイルシートについて [#ua97f3ce] このページは、Ver 3.21 以降の xpWiki について書かれています。Ver 3.20.1 以前については「[[スタイルシートについて/Ver 3.20.1以前]]」のページをご覧ください。 #contents ** 必ず読み込まれる CSS (main.css) [#c2c74035] xpWiki では、デフォルトの表示状態(defaultスキン)でのCSSをXOOPS_TRUST_PATH 側に持っています。ただ、CSSを独自にカスタマイズした場合に、バージョンアップするとカスタマイズした分が元に戻ってしまいます。 それでは具合が悪いので、スタイルシート(CSS)のオーバーライト(上書き)を取り入れています。 xpWikiが読み込むCSSの実体は、&br; XOOPS_TRUST_PATH/modules/xpwiki/skin/css&br; ディレクトリにあります。 ページを表示する場合に必ず読み込まれる CSS は main.css (media="all") と main_print.css (media="print") です。 この main.css を上書きするためには、&br; XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ]/skin/css ディレクトリに、main.css というファイル名でアップロードします。 さらに、スキンにより上書きすることができます。そのためには、&br; XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ]/skin/[スキン名] ディレクトリに、main.css というファイル名でアップロードします。 まとめると、デフォルトのスキン「default」における main.css の読み込み順は次のようになります。 + XOOPS_TRUST_PATH/modules/xpwiki/skin/css/main.css + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/css/main.css + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/default/main.css 次に、例えば<h>タグの色を #9acd32(yellowgreen) に変えたい場合について説明します。 次の内容の main.css を スキンに関わらず適用したい場合は、&br; "XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/css/"&br; にアップロードし、default スキンにのみ適用したい場合は、&br; "XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/default/"&br; にアップロードします。 #code(php){{ $class h1, $class h2 { background-color:#9ACD32; } $class h3 { border-bottom: 3px solid #9ACD32; border-top: 1px solid #9ACD32; border-left: 10px solid #9ACD32; border-right: 5px solid #9ACD32; } $class h4 { border-left: 18px solid #9ACD32; } }} $class は、モジュールディレクトリ名にあわせたクラスセレクタ文字列に置換されます。(モジュールディレクトリ名が xpwiki ならば、"div.xpwiki_xpwiki") ** プラグインが使用するCSS [#i8f2a9b2] プラグインが独自にCSSを読み込んでいる場合があります。そのCSSのオーバーライト方法について説明します。 プラグインが独自に読み込むスタイルシートも、&br; XOOPS_TRUST_PATH/modules/xpwiki/skin/css &br; ディレクトリにあります。基本的に プラグイン名.css となっています。 これらのCSSも main.css と同様に上書きすることができます。 ** ページ毎のスタイルシート [#w72894c1] 各ページにファイル名 style.css として、CSSファイルを添付することで、特定のスタイルシートをそのページに適用することができます。 また、下層ページにもそのスタイルシートが適用(継承)されます。 このページには以下のスタイルシートが添付されています。 #code(css){{ $class div.body { background : url(../image/HowToCSS.gif) no-repeat fixed right 200px ; } }}
« Prev
Next »
スタイルシートについて のバックアップ一覧
スタイルシートについて のバックアップソース(No. All)
1: 2007-01-06 (土) 15:22:34
nao-pon
2: 2007-07-09 (月) 16:10:44
nao-pon
3: 2007-07-10 (火) 08:54:46
nao-pon
4: 2007-09-17 (月) 14:51:06
nao-pon[4RpXGVpYNVI]
5: 2007-10-09 (火) 13:28:01
nao-pon
6: 2007-10-21 (日) 11:16:20
nao-pon
7: 2007-10-09 (火) 13:28:01
nao-pon
8: 2007-11-08 (木) 08:05:54
nao-pon
9: 2007-12-09 (日) 17:21:23
nao-pon
10: 2007-12-09 (日) 17:24:40
nao-pon
11: 2007-12-10 (月) 09:06:35
nao-pon
現: 2007-12-10 (月) 09:06:35
nao-pon
ぺージ情報
ぺージ名 :
スタイルシートについて
ページ別名 :
未設定
ページオーナー :
nao-pon
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
Counter: 549, today: 1, yesterday: 0
メインメニュー
ホーム
価格比較 百貨
UsersWiki
xpwiki
新規ページ作成
最新ページ一覧
全ページ一覧
人気のページ
全コメント一覧
xpWikiフォーラム
スキン選択
ヘルプ
» 関連ページ
» 編集する
» 変更点を見る
» バックアップ一覧
» 添付ファイル一覧
» リンク元一覧
お問い合わせ
ファイルマネージャー
ログイン
ユーザー名:
パスワード:
パスワード紛失
|
新規登録
オンライン状況
482 人のユーザが現在オンラインです。 (6 人のユーザが xpwiki を参照しています。)
登録ユーザ: 0
ゲスト: 482
もっと...
サイト情報