10: 2007-12-09 (日) 17:24:40 nao-pon |
11: 2007-12-10 (月) 09:06:35 nao-pon |
| * スタイルシートについて [#ua97f3ce] | | * スタイルシートについて [#ua97f3ce] |
- | このページは、Ver 3.43 以降の xpWiki について書かれています。Ver 3.42 以前については以下のページをご覧ください。 | + | このページは、Ver 3.45 以降の xpWiki について書かれています。Ver 3.44 以前については以下のページをご覧ください。 |
| | | |
| #ls2(,pagename,reverse) | | #ls2(,pagename,reverse) |
| 読み込むファイルが main.css の場合、ブロック表示用が main_block.css レンダラー用が main_render.css となります。 | | 読み込むファイルが main.css の場合、ブロック表示用が main_block.css レンダラー用が main_render.css となります。 |
| | | |
- | プラグインが読み込む 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 |
| + | + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/css/main_block.css |
| + | + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin/default/main_block.css |
| + | |
| + | また、プラグインが読み込む CSS ファイルについても同様に配置し、適用できます。 |
| + | |
| + | *** ブロックの CSS を xpWiki と完全に切り離す方法 [#t31e33f0] |
| + | |
| + | XOOPS のブロック管理のブロック編集にて、そのブロックを包む <DIV> のクラス名と、読み込む CSS ファイルを設定することができます。((そのブロックで使用しているプラグインによって、表示が乱れることがあります。)) |
| + | |
| + | xpWiki の CSS の影響を完全に切り離したい場合は、<DIV>クラス名に別のクラス名を指定してください。 |
| + | |
| + | 読み込む CSS ファイルの変更は、若干複雑です。 |
| + | |
| + | - <DIV>クラス名を変更しない場合、読み込む CSS ファイル名を変えても、CSS 定義が後で読み込まれる他のブロックにて上書きされる可能性があります。 |
| + | - 空白(ファイルを指定しない)にすると、CSSは読み込まれません。ただし、<DIV>クラス名を指定していないと、他のブロックで xpWiki の CSS が読み込まれると、xpWiki の CSS が適用されます。 |
| | | |
| ** CSS内での相対パスについて [#s5749543] | | ** CSS内での相対パスについて [#s5749543] |
| | | |
| 背景画像などに、URLを指定したい場合に相対パスを使う場合は、XOOPS_URL/modules/[DirName]/skin/loader.php が 自己CSS のパスになりますので、この位置から計算して相対パスを指定する必要があります。 | | 背景画像などに、URLを指定したい場合に相対パスを使う場合は、XOOPS_URL/modules/[DirName]/skin/loader.php が 自己CSS のパスになりますので、この位置から計算して相対パスを指定する必要があります。 |