xpwiki バックアップ : [スタイルシートについてのバックアップ差分(No.6)]

--- 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 を使ったセクションより後に書くことを忘れないでください。

Counter: 539, today: 1, yesterday: 0

メインメニュー

ログイン

オンライン状況

252 人のユーザが現在オンラインです。 (7 人のユーザが xpwiki を参照しています。)

登録ユーザ: 0
ゲスト: 252

もっと...

サイト情報

スタイルシートについて のバックアップ差分(No.6)