Top > 装飾

装飾
HTML ConvertTime 0.023 sec.

ブロック囲い

文章を目立たせたりするのにブロックで囲うことができます。
行頭に半角スペースを付けるとその後の文字が囲まれます。


半角スペース囲まれる内容

囲まれる内容

複数行の場合は #pre{{ 囲まれる内容 }} を使うと便利です。

#pre{{
囲まれる内容
囲まれる内容
}}

囲まれる内容
囲まれる内容

囲みの中では文字の装飾などは利きません。
囲まれる文字の中に{ や }がある場合はエラーが出ますが、

#preの後の { 記号、もしくは終わりの }記号を増やす事で対応できます。


折りたたみ

#style()プラグインを利用して折りたたみメニューを作成できます。

#style(class=submenuheader){{
表示しておく内容(クリック部分)
}}
#style(class=submenu){{
折りたたまれる内容
折りたたまれる内容
}}

{{
から
}} までは
折りたたみスタイル適用の宣言です。内部に複数の「折りたたみ」処理を入れることができます。
また、他の処理で { を使っている場合は { の数を増やして調整して下さい。


折りたたみ その2

region() で長い文章などを折りたたむことができます。

#region("折りたたみ名称")
折りたたまれた内容
あいうえお
かきくけこ
#endregion
 折りたたみ名称

リスト、リンクとコンボした例

#region("折りたたみ名称")
折りたたまれたリンク集
-[[Google>http://www.google.co.jp/]]
-[[Yahoo>http://www.yahoo.co.jp]]
#endregion
 折りたたみ名称

アスキーアート

#aa{{ アスキーアート }} でアスキーアートを表現できます。


#aa{{
    _  _
   '´   ヽト、       / ̄ ̄ ̄ ̄ ̄
  i iノリノ))))┘    |
  !_(li ゚ ー゚ノ!|      < なにカナ? なにカナ?
    ⊂l卯つ        |
    く>ェ1        \_____
    し'ノ
}}


    _  _ 
   '´   ヽト、       / ̄ ̄ ̄ ̄ ̄ 
  i iノリノ))))┘    | 
  !_(li ゚ ー゚ノ!|      < なにカナ? なにカナ? 
    ⊂l卯つ        | 
    く>ェ1        \_____ 
    し'ノ 

アスキーアート中では文字の装飾などは利きません。
アート中に{ や }がある場合はエラーが出ますが、

#aaの後の { 記号、もしくは終わりの }記号を増やす事で対応できます。


#styleプラグイン

sWIKIでは #styleプラグインを実装しています。

#styleプラグインは、予め用意されたスタイルクラスを<div>タグに適用するプラグインです。

#style(class=dd_greentable){{
|ヘッダー|ここはtableヘッダー|h
|td|td|
}}
ヘッダーここはtableヘッダー
tdtd

上の場合、クラスに予め用意されている「dd_greentable」が適用されました。


div.dd_greentable table thead tr td {
background-color: #6A8832;
color: white;
}


重複してクラスを適用したい場合は、半角スペースを開けて入力して下さい。


用意されているスタイルはこちらをご覧下さい。



テスト的に表示しています。