スタイルシートについて をテンプレートにして作成 :: XOOPS マニア

開始行:
#contents * スタイルシートについて このページは、Ver 3.45 以降の 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 を変更するには、変更した style.css を... また、ページ CSS を解除するには、''&font(Red){改行のみの}... ** ブロック表示およびレンダラー用のスタイルシート ブロック表示やレンダラーモードでのみ特定の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... + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin... + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin... また、プラグインが読み込む CSS ファイルについても同様に配... *** ブロックの CSS を xpWiki と完全に切り離す方法 XOOPS のブロック管理のブロック編集にて、そのブロックを包... xpWiki の CSS の影響を完全に切り離したい場合は、<DIV>クラ... 読み込む CSS ファイルの変更は、若干複雑です。 - <DIV>クラス名を変更しない場合、読み込む CSS ファイル名... - 空白(ファイルを指定しない)にすると、CSSは読み込まれませ... ** CSS内での相対パスについて 背景画像などに、URLを指定したい場合に相対パスを使う場合は...

終了行:
#contents * スタイルシートについて このページは、Ver 3.45 以降の 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 を変更するには、変更した style.css を... また、ページ CSS を解除するには、''&font(Red){改行のみの}... ** ブロック表示およびレンダラー用のスタイルシート ブロック表示やレンダラーモードでのみ特定の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... + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin... + XOOPS_ROOT_PATH/modules/[インストールディレクトリ]/skin... また、プラグインが読み込む CSS ファイルについても同様に配... *** ブロックの CSS を xpWiki と完全に切り離す方法 XOOPS のブロック管理のブロック編集にて、そのブロックを包... xpWiki の CSS の影響を完全に切り離したい場合は、<DIV>クラ... 読み込む CSS ファイルの変更は、若干複雑です。 - <DIV>クラス名を変更しない場合、読み込む CSS ファイル名... - 空白(ファイルを指定しない)にすると、CSSは読み込まれませ... ** CSS内での相対パスについて 背景画像などに、URLを指定したい場合に相対パスを使う場合は...

ページ名: