「編集向け情報/CSS関連」の編集履歴（バックアップ）一覧はこちら
編集向け情報/CSS関連 - (2012/05/08 (火) 16:21:19) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[編集向け情報]]＞CSS関連
VPVP wikiで設定しているCSS関連の情報
&bold(){CSSとは...}
&q(HTMLやXMLなどのマークアップ言語の表示（見栄えなど）を指示する、W3Cの勧告する仕様（群）。Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字。)
&cite(はてなキーワード)より
----
#contents_line(level=2,sep=／)
----
*@wikiのテンプレート
当wikiでは、@wikiが用意している「ノート（3段組）」を採用しています。
そのCSS指定のファイルは[[こちら>http://www6.atwiki.jp/_skin/base_028n.css?v=201108]]で閲覧できます。
*追加設定
デフォルトで設定されているものに追加、変更しているもの
**強調文字
意味を強調したいときに使用する<strong>～</strong>について
プラグインは&nowiki(){&strong(){文字列}あるいは''文字列''}です
***変更内容
-デフォルト：太文字
-カスタム ：太文字、赤色（#900）
***使用例
&nowiki(){この内容は''重要です''。}
&arrow(2)
この内容は''重要です''。
----
**表組み（テーブル）のヘッダ
テーブルの行にヘッダ指定する際の<thead>～</thead>について
プラグインは「|h（テーブル行末にh）」です。
***変更内容
-デフォルト：太文字、中央ぞろえ
-カスタム ：太文字、中央ぞろえ、背景色指定（#aadddd）
***使用例
&nowiki(){|ヘッダ１|ヘッダ２|h}
&nowiki(){|ボディ１|ボディ２|}
&arrow(2)
|ヘッダ１|ヘッダ２|h
|ボディ１|ボディ２|
----
#co(){テンプレート
**
について
****変更内容
-デフォルト：
-カスタム ：
***使用例
&nowiki(){}
&arrow(2)
}
*新規設定（class指定）
デフォルトで設定されているものに、独自で新規設定しているもの
**.dlTable
<dl>～</dl>を表組みのように表示する
***1. 使用例
&nowiki(){#divclass(dlTable){}
&nowiki(){:2012/01/01|文字列}
&nowiki(){-文字列}
&nowiki(){:2012/02/01|}
&nowiki(){-文字列}
&nowiki(){--文字列}
}
&arrow(2)
#divclass(dlTable){
:2012/01/01|文字列
-文字列
:2012/02/01|
-文字列
--文字列
}
***2. 想定用途
-日付と内容をセットで記載したい
-表組みで表現したい内容で、一列目のセル全てに背景色をつけたい
***3. 注意点
-一列目の幅は、文字数に関係なく固定幅です（7em）
-表の幅は、内容に関係なくページの本体部分の表示幅です（97%）
-一列目のセルの入力行数が、同行の二列目の入力行数より多いと、表が崩れます&br()そのため、一列目の文字数は大体揃っていて、短いものを書くのに向いています
-dl"T"ableとTは大文字です
----
**.summary
ページ（あるいは項目）の内容、編集方針を規定する文章の<table>～</table>の色を変更します
それ以外の用途（ただの色指定）には使わないで下さい
***1. 使用例
#asciiart(){
#divclass(summary){
|このページはCSSについて記述します|
}
}
&arrow(2)
#divclass(summary){
|このページはCSSについて記述します|
}
***2. 想定用途
-ページ（あるいは項目）の内容、編集方針を規定する文章をはっきりさせたい
***3. 注意点
-想定用途以外の使い方をしないで下さい。
----
**.blindform
プラグイン「#pcomment」を用いて、他ページの一部引用（読み込み）を行うとき
※ツリー型コメントフォーム(#pcomment)を利用した@wikiが想定外の使い方
***1. 使用例
#asciiart(){
#divclass(blindform){
#pcomment(MMDスレ＠2ch/製作・鑑賞スレ,below,noname,2)
}
}
&arrow(2)
#divclass(blindform){
#pcomment(MMDスレ＠2ch/製作・鑑賞スレ,below,noname,2)
}
***2. 想定用途
-他のページの箇条書きされている、上から（あるいは下から）指定行数を引用したいとき&br()かつ、そのページが頻繁に更新され複数箇所を更新するには面倒なとき
***3. 注意点
-箇条書き以外の記載は、引用の際に無視されます
-@wikiのプラグインの想定外の使い方なので、仕様変更があった場合に機能しなくなる可能性があります
-&font(#666){裏技的な使い方をしていますので、編集したページを長期的に確認できる人のみ使って下さい}
----
#co{テンプレート
**
***1. 使用例
#asciiart(){
#divclass(){
}
}
&arrow(2)
#divclass(){
}
***2. 想定用途
***3. 注意点
}
*コメント
wiki表示の不具合の報告、あるいは採用してほしいCSSがあればどうぞ
#comment(){below,vsize=3,}
----
[[編集向け情報]]＞CSS関連
VPVP wikiで設定しているCSS関連の情報
&bold(){CSSとは...}
&q(HTMLやXMLなどのマークアップ言語の表示（見栄えなど）を指示する、W3Cの勧告する仕様（群）。Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字。)&cite(はてなキーワード)より
----
#contents_line(level=2,sep=／)
----
*@wikiのテンプレート
当wikiでは、@wikiが用意している「ノート（3段組）」を採用しています。
そのCSS指定のファイルは[[こちら>http://www6.atwiki.jp/_skin/base_028n.css?v=201108]]で閲覧できます。
*追加設定
デフォルトで設定されているものに追加、変更しているもの
**強調文字
意味を強調したいときに使用する<strong>～</strong>について
プラグインは&nowiki(){&strong(){文字列}あるいは''文字列''}です
***変更内容
-デフォルト：太文字
-カスタム ：太文字、赤色（#900）
***使用例
&nowiki(){この内容は''重要です''。}
&arrow(2)
この内容は''重要です''。
----
**表組み（テーブル）のヘッダ
テーブルの行にヘッダ指定する際の<thead>～</thead>について
プラグインは「|h（テーブル行末にh）」です。
***変更内容
-デフォルト：太文字、中央ぞろえ
-カスタム ：太文字、中央ぞろえ、背景色指定（#aadddd）
***使用例
&nowiki(){|ヘッダ１|ヘッダ２|h}
&nowiki(){|ボディ１|ボディ２|}
&arrow(2)
|ヘッダ１|ヘッダ２|h
|ボディ１|ボディ２|
----
#co(){テンプレート
**
について
****変更内容
-デフォルト：
-カスタム ：
***使用例
&nowiki(){}
&arrow(2)
}
-----
*新規設定（class指定）
デフォルトで設定されているものに、独自で新規設定しているもの
**.dlTable
<dl>～</dl>を表組みのように表示する
***1. 使用例
&nowiki(){#divclass(dlTable){}
&nowiki(){:2012/01/01|文字列}
&nowiki(){-文字列}
&nowiki(){:2012/02/01|}
&nowiki(){-文字列}
&nowiki(){--文字列}
}
&arrow(2)
#divclass(dlTable){
:2012/01/01|文字列
-文字列
:2012/02/01|
-文字列
--文字列
}
***2. 想定用途
-日付と内容をセットで記載したい
-表組みで表現したい内容で、一列目のセル全てに背景色をつけたい
***3. 注意点
-一列目の幅は、文字数に関係なく固定幅です（7em）
-表の幅は、内容に関係なくページの本体部分の表示幅です（97%）
-一列目のセルの入力行数が、同行の二列目の入力行数より多いと、表が崩れます&br()そのため、一列目の文字数は大体揃っていて、短いものを書くのに向いています
-dl"T"ableとTは大文字です
----
**.summary
ページ（あるいは項目）の内容、編集方針を規定する文章の<table>～</table>の色を変更します
それ以外の用途（ただの色指定）には使わないで下さい
***1. 使用例
#asciiart(){
#divclass(summary){
|このページはCSSについて記述します|
}
}
&arrow(2)
#divclass(summary){
|このページはCSSについて記述します|
}
***2. 想定用途
-ページ（あるいは項目）の内容、編集方針を規定する文章をはっきりさせたい
***3. 注意点
-想定用途以外の使い方をしないで下さい。
----
**.blindform
プラグイン「#pcomment」を用いて、他ページの一部引用（読み込み）を行うとき
※ツリー型コメントフォーム(#pcomment)を利用した@wikiが想定外の使い方
***1. 使用例
#asciiart(){
#divclass(blindform){
#pcomment(MMDスレ＠2ch/製作・鑑賞スレ,below,noname,2)
}
}
&arrow(2)
#divclass(blindform){
#pcomment(MMDスレ＠2ch/製作・鑑賞スレ,below,noname,2)
}
***2. 想定用途
-他のページの箇条書きされている、上から（あるいは下から）指定行数を引用したいとき&br()かつ、そのページが頻繁に更新され複数箇所を更新するには面倒なとき
***3. 注意点
-箇条書き以外の記載は、引用の際に無視されます
-@wikiのプラグインの想定外の使い方なので、仕様変更があった場合に機能しなくなる可能性があります
-&font(#666){裏技的な使い方をしていますので、編集したページを長期的に確認できる人のみ使って下さい}
----
#co{テンプレート
**
***1. 使用例
#asciiart(){
#divclass(){
}
}
&arrow(2)
#divclass(){
}
***2. 想定用途
***3. 注意点
}
*コメント
wiki表示の不具合の報告、あるいは採用してほしいCSSがあればどうぞ
#comment(){below,vsize=3,}
----
表示オプション
横に並べて表示：
変化行の前後のみ表示：
モデルデータ
