[
自宅サーバーWebRing
┃
前
|ID=54
前後5表示
|
次
┃
乱移動
|
サイト一覧
]
このサイト内
書籍 DVD CD
Google(日本語)
Google(Web全体)
Google(イメージ)
Google(キャッシュ)
Yahoo! JAPAN
goo 英和
goo 和英
goo 国語
goo 新語
サイトマップ
リンク集
ダウンロード
フォーラム
Users Wiki
最新情報
TOP
»
xpwiki
»
スタイルシートについて
» Ver 3.44以前 をテンプレートにして作成
|
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
リンク元
印刷
スタイルシートについて
をテンプレートにして作成
xpwiki
:スタイルシートについて/Ver 3.44以前 をテンプレートにして作成
開始行:
#contents
* スタイルシートについて
このページは、Ver 3.43 以降の xpWiki について書かれていま...
#ls2(スタイルシートについて,pagename,reverse)
** 必ず読み込まれる CSS (main.css)
xpWiki では、デフォルトの表示状態(defaultスキン)でのCSSを...
それでは具合が悪いので、スタイルシート(CSS)のオーバーライ...
xpWikiが読み込むCSSの実体は、&br;
XOOPS_TRUST_PATH/modules/xpwiki/skin/css&br;
ディレクトリにあります。
ページを表示する場合に必ず読み込まれる CSS は main.css (m...
この main.css を上書きするためには、&br;
XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ...
さらに、スキンにより上書きすることができます。そのために...
XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ...
まとめると、デフォルトのスキン「default」における main.cs...
+ XOOPS_TRUST_PATH/modules/xpwiki/skin/css/main.css
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
次に、例えば<h>タグの色を #9acd32(yellowgreen) に変えたい...
次の内容の main.css を スキンに関わらず適用したい場合は、...
"XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/...
にアップロードし、default スキンにのみ適用したい場合は、&...
"XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/...
にアップロードします。
#code(css){{
$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 の カスタマイズ CSS は、htt...
** プラグインが使用するCSS
プラグインが独自にCSSを読み込んでいる場合があります。その...
プラグインが独自に読み込むスタイルシートも、&br;
XOOPS_TRUST_PATH/modules/xpwiki/skin/css &br;
ディレクトリにあります。基本的に プラグイン名.css となっ...
これらのCSSも main.css と同様に上書きすることができます。
** ページ毎のスタイルシート
各ページにファイル名 style.css として、CSSファイルを添付...
また、下層ページにもそのスタイルシートが適用(継承)されま...
このページには以下のスタイルシートが添付されています。
#code(css){{
$class div.body {
background : url(../image/HowToCSS.gif) no-repeat fixed ...
}
}}
** ブロック表示およびレンダラー用のスタイルシート
ブロック表示やレンダラーモードでのみ特定のCSSを適用したい...
ブロックモードは _block 、レンダラーモードは _render を読...
読み込むファイルが main.css の場合、ブロック表示用が main...
例えば、デフォルトのスキン「default」のブロック用 main.cs...
+ XOOPS_TRUST_PATH/modules/xpwiki/skin/css/main.css
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
また、プラグインが読み込む CSS ファイルについても同様に配...
** CSS内での相対パスについて
背景画像などに、URLを指定したい場合に相対パスを使う場合は...
終了行:
#contents
* スタイルシートについて
このページは、Ver 3.43 以降の xpWiki について書かれていま...
#ls2(スタイルシートについて,pagename,reverse)
** 必ず読み込まれる CSS (main.css)
xpWiki では、デフォルトの表示状態(defaultスキン)でのCSSを...
それでは具合が悪いので、スタイルシート(CSS)のオーバーライ...
xpWikiが読み込むCSSの実体は、&br;
XOOPS_TRUST_PATH/modules/xpwiki/skin/css&br;
ディレクトリにあります。
ページを表示する場合に必ず読み込まれる CSS は main.css (m...
この main.css を上書きするためには、&br;
XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ...
さらに、スキンにより上書きすることができます。そのために...
XOOPS_ROOT_PATH(html側)/modules/[インストールディレクトリ...
まとめると、デフォルトのスキン「default」における main.cs...
+ XOOPS_TRUST_PATH/modules/xpwiki/skin/css/main.css
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
次に、例えば<h>タグの色を #9acd32(yellowgreen) に変えたい...
次の内容の main.css を スキンに関わらず適用したい場合は、...
"XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/...
にアップロードし、default スキンにのみ適用したい場合は、&...
"XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/...
にアップロードします。
#code(css){{
$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 の カスタマイズ CSS は、htt...
** プラグインが使用するCSS
プラグインが独自にCSSを読み込んでいる場合があります。その...
プラグインが独自に読み込むスタイルシートも、&br;
XOOPS_TRUST_PATH/modules/xpwiki/skin/css &br;
ディレクトリにあります。基本的に プラグイン名.css となっ...
これらのCSSも main.css と同様に上書きすることができます。
** ページ毎のスタイルシート
各ページにファイル名 style.css として、CSSファイルを添付...
また、下層ページにもそのスタイルシートが適用(継承)されま...
このページには以下のスタイルシートが添付されています。
#code(css){{
$class div.body {
background : url(../image/HowToCSS.gif) no-repeat fixed ...
}
}}
** ブロック表示およびレンダラー用のスタイルシート
ブロック表示やレンダラーモードでのみ特定のCSSを適用したい...
ブロックモードは _block 、レンダラーモードは _render を読...
読み込むファイルが main.css の場合、ブロック表示用が main...
例えば、デフォルトのスキン「default」のブロック用 main.cs...
+ XOOPS_TRUST_PATH/modules/xpwiki/skin/css/main.css
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
+ XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin...
また、プラグインが読み込む CSS ファイルについても同様に配...
** CSS内での相対パスについて
背景画像などに、URLを指定したい場合に相対パスを使う場合は...
ページ名:
ぺージ情報
ぺージ名 :
スタイルシートについて/Ver 3.44以前
ページ別名 :
未設定
ページオーナー :
nao-pon
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
Counter: 0, today: 0, yesterday: 0
メインメニュー
ホーム
価格比較 百貨
UsersWiki
xpwiki
新規ページ作成
最新ページ一覧
全ページ一覧
人気のページ
全コメント一覧
xpWikiフォーラム
スキン選択
ヘルプ
お問い合わせ
ファイルマネージャー
ログイン
ユーザー名:
パスワード:
パスワード紛失
|
新規登録
オンライン状況
217 人のユーザが現在オンラインです。 (2 人のユーザが xpwiki を参照しています。)
登録ユーザ: 0
ゲスト: 217
もっと...
サイト情報