Top > 装飾

装飾 の変更点

#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


ホーム リロード   新規 下位ページ作成 コピー 一覧 最終更新 差分 バックアップ 検索   凍結解除 名前変更     最終更新のRSS