編集向け情報/CSS関連 - VPVP wiki

編集向け情報＞CSS関連

VPVP wikiで設定しているCSS関連の情報

CSSとは...
HTMLやXMLなどのマークアップ言語の表示（見栄えなど）を指示する、W3Cの勧告する仕様（群）。Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字。はてなキーワードより

---

• @wikiのテンプレート
• 追加設定
  • 強調文字／変更内容／使用例
  • 表組み（テーブル）のヘッダ／変更内容／使用例

---

@wikiのテンプレート

当wikiでは、@wikiが用意している「ノート（3段組）」を採用しています。
そのCSS指定のファイルはこちらで閲覧できます。

追加設定

デフォルトで設定されているものに追加、変更しているもの

強調文字

意味を強調したいときに使用する<strong>～</strong>について
プラグインは&strong(){文字列}あるいは''文字列''です

変更内容

• デフォルト：太文字
• カスタム　：太文字、赤色（#900）

使用例

この内容は''重要です''。
　
この内容は重要です。

---

表組み（テーブル）のヘッダ

テーブルの行にヘッダ指定する際の<thead>～</thead>について
プラグインは「|h（テーブル行末にh）」です。

変更内容

• デフォルト：太文字、中央ぞろえ
• カスタム　：太文字、中央ぞろえ、背景色指定（#aadddd）

使用例

|ヘッダ１|ヘッダ２|h
|ボディ１|ボディ２|
　

ヘッダ１	ヘッダ２
ボディ１	ボディ２

---

---

新規設定（class指定）

デフォルトで設定されているものに、独自で新規設定しているもの

.dlTable

<dl>～</dl>を表組みのように表示する

1. 使用例

#divclass(dlTable){
:2012/01/01|文字列
-文字列
:2012/02/01|
-文字列
--文字列
}
　

2012/01/01

文字列

• 文字列

2012/02/01

• 文字列
  • 文字列

2. 想定用途

• 日付と内容をセットで記載したい
• 表組みで表現したい内容で、一列目のセル全てに背景色をつけたい

3. 注意点

• 一列目の幅は、文字数に関係なく固定幅です（7em）
• 表の幅は、内容に関係なくページの本体部分の表示幅です（97%）
• 一列目のセルの入力行数が、同行の二列目の入力行数より多いと、表が崩れます
  そのため、一列目の文字数は大体揃っていて、短いものを書くのに向いています
• dl"T"ableとTは大文字です

---

.summary

ページ（あるいは項目）の内容、編集方針を規定する文章の<table>～</table>の色を変更します
それ以外の用途（ただの色指定）には使わないで下さい

1. 使用例

#divclass(summary){
|このページはCSSについて記述します|
}

　

このページはCSSについて記述します

2. 想定用途

• ページ（あるいは項目）の内容、編集方針を規定する文章をはっきりさせたい

3. 注意点

• 想定用途以外の使い方をしないで下さい。

---

.blindform

プラグイン「#pcomment」を用いて、他ページの一部引用（読み込み）を行うとき
※ツリー型コメントフォーム(#pcomment)を利用した@wikiが想定外の使い方

1. 使用例

#divclass(blindform){
#pcomment(MMDスレ＠2ch/製作・鑑賞スレ,below,noname,2)
}

　

2. 想定用途

• 他のページの箇条書きされている、上から（あるいは下から）指定行数を引用したいとき
  かつ、そのページが頻繁に更新され複数箇所を更新するには面倒なとき

3. 注意点

• 箇条書き以外の記載は、引用の際に無視されます
• @wikiのプラグインの想定外の使い方なので、仕様変更があった場合に機能しなくなる可能性があります
• 裏技的な使い方をしていますので、編集したページを長期的に確認できる人のみ使って下さい

---

コメント

wiki表示の不具合の報告、あるいは採用してほしいCSSがあればどうぞ

---