編集向け情報>CSS関連

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

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





@wikiのテンプレート

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


追加設定

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

強調文字

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

変更内容

  • デフォルト:太文字
  • カスタム :太文字、赤色(#900)

使用例

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


表組み(テーブル)のヘッダ

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

変更内容

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

使用例

|ヘッダ1|ヘッダ2|h
|ボディ1|ボディ2|
 
ヘッダ1 ヘッダ2
ボディ1 ボディ2





新規設定(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があればどうぞ
名前:
コメント: