5: 2007-10-09 (火) 13:28:01 nao-pon | 6: 2007-10-21 (日) 11:16:20 nao-pon | ||
---|---|---|---|
Line 76: | Line 76: | ||
} | } | ||
}} | }} | ||
+ | |||
+ | ** ブロック表示用のスタイルシート [#k436b564] | ||
+ | |||
+ | ブロック表示される時のみ特定のCSSを適用したい場合もあると思います。 | ||
+ | |||
+ | ページがブロックに表示される場合は、その内容は <div class="xpwiki_b_[ディレクトリ名]"></div> で囲まれますので、html 側の各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 を使ったセクションより後に書くことを忘れないでください。 |
ぺージ情報 | |
---|---|
ぺージ名 : | スタイルシートについて |
ページ別名 : | 未設定 |
ページオーナー : | nao-pon |
閲覧可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |
編集可 | |
グループ : | すべての訪問者 |
ユーザー : | すべての訪問者 |