装飾 のバックアップの現在との差分(No.8)
#freeze
#nosidebar
*ブロック囲い [#v191b5e2]
文章を目立たせたりするのにブロックで囲うことができます。
行頭に半角スペースを付けるとその後の文字が囲まれます。
----
&color(Green){半角スペース};囲まれる内容
囲まれる内容
----
複数行の場合は #pre{{ 囲まれる内容 }} を使うと便利です。
~#pre{{
囲まれる内容
囲まれる内容
}}
#pre{{
囲まれる内容
囲まれる内容
}}
&color(Red){囲みの中では文字の装飾などは利きません。};
囲まれる文字の中に{ や }がある場合はエラーが出ますが、
#preの後の { 記号、もしくは終わりの }記号を増やす事で対応できます。
#br
*折りたたみ [#kd3d037a]
~#style()プラグインを利用して折りたたみメニューを作成できます。
#style(class=submenuheader){{
表示しておく内容(クリック部分)
}}
#style(class=submenu){{
折りたたまれる内容
折りたたまれる内容
}}
#style(class=dd_width250 dd_bgcolorccc){{{
#style(class=submenuheader){{
表示しておく内容(クリック部分)
}}
#style(class=submenu){{
折りたたまれる内容
折りたたまれる内容
}}
}}}
----
~{{
から
}} までは
折りたたみスタイル適用の宣言です。内部に複数の「折りたたみ」処理を入れることができます。
また、他の処理で { を使っている場合は { の数を増やして調整して下さい。
#br
*折りたたみ その2 [#acf1fe58]
~region() で長い文章などを折りたたむことができます。
#region("折りたたみ名称")
折りたたまれた内容
あいうえお
かきくけこ
#endregion
#region("折りたたみ名称")
折りたたまれた内容
あいうえお
かきくけこ
#endregion
----
リスト、リンクとコンボした例
#region("折りたたみ名称")
折りたたまれたリンク集
-[[Google>http://www.google.co.jp/]]
-[[Yahoo>http://www.yahoo.co.jp]]
#endregion
#region("折りたたみ名称")
折りたたまれたリンク集
-[[Google>http://www.google.co.jp/]]
-[[Yahoo>http://www.yahoo.co.jp]]
#endregion
#br
*アスキーアート [#j0042d0b]
~#aa{{ アスキーアート }} でアスキーアートを表現できます。
----
~#aa{{
_ _
'´ ヽト、 / ̄ ̄ ̄ ̄ ̄
i iノリノ))))┘ |
!_(li ゚ ー゚ノ!| < なにカナ? なにカナ?
⊂l卯つ |
く>ェ1 \_____
し'ノ
}}
----
#aa{{
_ _
'´ ヽト、 / ̄ ̄ ̄ ̄ ̄
i iノリノ))))┘ |
!_(li ゚ ー゚ノ!| < なにカナ? なにカナ?
⊂l卯つ |
く>ェ1 \_____
し'ノ
}}
----
アスキーアート中では文字の装飾などは利きません。
アート中に{ や }がある場合はエラーが出ますが、
#aaの後の { 記号、もしくは終わりの }記号を増やす事で対応できます。
#br
*#styleプラグイン [#d22a4eb6]
sWIKIでは #styleプラグインを実装しています。
#styleプラグインは、予め用意されたスタイルクラスを<div>タグに適用するプラグインです。
#style(class=dd_greentable){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}
#style(class=dd_greentable){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}
上の場合、クラスに予め用意されている「dd_greentable」が適用されました。
----
div.dd_greentable table thead tr td {
background-color: #6A8832;
color: white;
}
----
重複してクラスを適用したい場合は、半角スペースを開けて入力して下さい。
#br
用意されているスタイルは[[こちら>styleプラグインの用意スタイル一覧]]をご覧下さい。
#br
|