装飾 のバックアップの現在との差分(No.5)
#freeze #nosidebar *ブロック囲い [#v191b5e2] 文章を目立たせたりするのにブロックで囲うことができます。 行頭に半角スペースを付けるとその後の文字が囲まれます。 ---- &color(Yellow){半角スペース};囲まれる内容 &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 |