8: 2007-11-08 (木) 08:05:54 nao-pon | 9: 2007-12-09 (日) 17:21:23 nao-pon | ||
---|---|---|---|
Line 1: | Line 1: | ||
* スタイルシートについて [#ua97f3ce] | * スタイルシートについて [#ua97f3ce] | ||
- | このページは、Ver 3.21 以降の xpWiki について書かれています。Ver 3.20.1 以前については「[[スタイルシートについて/Ver 3.20.1以前]]」のページをご覧ください。 | + | このページは、Ver 3.43 以降の xpWiki について書かれています。Ver 3.42 以前については以下のページをご覧ください。 |
+ | |||
+ | #ls2(,pagename,reverse) | ||
#contents | #contents | ||
Line 35: | Line 37: | ||
にアップロードします。 | にアップロードします。 | ||
- | #code(php){{ | + | #code(css){{ |
$class h1, | $class h1, | ||
$class h2 { | $class h2 { | ||
Line 79: | Line 81: | ||
}} | }} | ||
- | ** ブロック表示用のスタイルシート [#k436b564] | + | ** ブロック表示およびレンダラー用のスタイルシート [#k436b564] |
- | ブロック表示される時のみ特定のCSSを適用したい場合もあると思います。 | + | ブロック表示やレンダラーモードでのみ特定のCSSを適用したい場合もあると思います。 |
- | ページがブロックに表示される場合は、その内容は <div class="xpwiki_b_[ディレクトリ名]"></div> で囲まれますので、html 側の各CSSにクラス指定子をベタ書きしてブロックのみに適用することができます。 | + | 読み込むCSSのファイル名にブロックモードは _block 、レンダラーモードは _render を付け加えたCSSファイルを main.css と同様に配置します。 |
- | + | ||
- | 例えば、xpwiki ディレクトリにインストールされた、xpwiki のブロック表示の <h>タグの色を変えたい場合は、次のように main.css に書くことができます。 | + | |
- | + | ||
- | #code(css){{ | + | |
- | div.xpwiki_b_xpwiki h1, | + | |
- | div.xpwiki_b_xpwiki h2 { | + | |
- | background-color:#d8bfd8; | + | |
- | } | + | |
- | div.xpwiki_b_xpwiki h3 { | + | |
- | border-bottom: 3px solid #d8bfd8; | + | |
- | border-top: 1px solid #d8bfd8; | + | |
- | border-left: 10px solid #d8bfd8; | + | |
- | border-right: 5px solid #d8bfd8; | + | |
- | } | + | |
- | div.xpwiki_b_xpwiki h4 { | + | |
- | border-left: 18px solid #d8bfd8; | + | |
- | } | + | |
- | }} | + | |
- | ただし、$class を使ったセクションより後に書くことを忘れないでください。 | + | main.css の場合、ブロック表示用が main_block.css レンダラー用が main_render.css となります。 |
** CSS内での相対パスについて [#s5749543] | ** CSS内での相対パスについて [#s5749543] | ||
背景画像などに、URLを指定したい場合に相対パスを使う場合は、XOOPS_URL/modules/[DirName]/skin/loader.php が 自己CSS のパスになりますので、この位置から計算して相対パスを指定する必要があります。 | 背景画像などに、URLを指定したい場合に相対パスを使う場合は、XOOPS_URL/modules/[DirName]/skin/loader.php が 自己CSS のパスになりますので、この位置から計算して相対パスを指定する必要があります。 |
ぺージ情報 | |
---|---|
ぺージ名 : | スタイルシートについて |
ページ別名 : | 未設定 |
ページオーナー : | nao-pon |
閲覧可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
編集可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |