練習ページ のビジュアル編集 Top > 練習ページ 横幅100%と幅指定|100||||sth(20%)th(30%)th(10%)th(40%)tdtdtdtdtdtdtdtdtdtdtdtdthththth #contents ---- CENTER:&size(20){このページのソースと照らし合わせてご覧下さい。}; // コメントはメモ用に使用。スラッシュを2つ行の先頭に置くとページには出力されません。 ---- #hr *文章 [#c23c277a] 文章を書くと一つの段落として整形されます。 >テキストパディング レベル1(左右に余白ができる) 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 >>テキストパディング レベル2 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 >>>テキストパディング レベル3 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 > >> >>> >>>> >>>>>重ねるたびに余白が増える 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 :textLeftPad20:左だけに20pxの余白 「:文字列:」で文字列のclass属性をpタグに付けることが可能 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 :textLeftPad100:上限は100pxまでで、10px毎にcssで設定している cssは管理画面で追記が可能 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章 &br; *文字装飾 [#l89b765d] |''強調''|'''斜体'''|%%取り消し%%|%%%アンダーライン%%%|__点線__|注釈((注釈は括弧を二回連続して囲むと整形される))| |B{簡易青文字}|R{簡易赤文字}|G{簡易緑文字}|Y{簡易黄文字}|O{簡易橙文字}|V{簡易紫文字}|P{簡易桃文字}|N{ネタバレ}| 整形済みテキスト整形済みテキスト整形済みテキスト 整形済みテキスト整形済みテキスト整形済みテキスト COLOR(#993333){ 色の変更も可能なルール(COLOR(#993333)) } SIZE(10){ サイズの変更も可能なルール(SIZE(10)) } SIZE(20){ COLOR(#333399){ 両方指定(SIZE(20)COLOR(#333399)) } } 左寄せ CENTER:中寄せ RIGHT:右寄せ &br; *リスト [#f46f68bd] - リスト レベル1 -- リスト レベル2 - リスト レベル1 -- リスト レベル2 --- リスト レベル3 --- リスト レベル3 + 番号リスト + 番号リスト + 番号リスト &br; *用語 [#zcbf4116] :用語1|ここに解説文やURLを記載する http://example.org/ :用語2|いろいろ書いた解説文2 :用語3|いろいろ書いた解説文3 &br; *テーブル [#wa9dea71] **通常 [#j9cb6c23] |~ヘッダ|~th|~|の次に「~」チルドを書くとthになる|~行末に「h」を書くとtheadになる(tablesearchプラグインで必須)|h |セル|td|td|td| |>|セルに>だけを書くと右と結合|td|td| |td|td|BGCOLOR(#66ccff):背景色指定|SIZE(16):COLOR(#cc0000):文字サイズ・色指定| |~|セルにチルドだけを書くと上と結合|td|td| |~ヘッダ|~th|~|の次に「~」チルドを書くとthになる|~行末に「f」を書くとtfootになる|f **幅指定((pxは省略してもかまわない。省略するとpx指定になる)) [#b73ccfb5] |200px|60px|100px|100px|c |~th(200px)|~th(60px)|~th(100px)|~th(100px)|h |td |td |td |td | |td |td |td |td | |td |td |td |td | |~th |~th |~th |~th |f // 通常のセルにスペースを加えても問題ありません。ソースの見た目をきれいにしておくと他の編集者にとっても作業がしやすくなります。 **横幅100%((「|」の数を揃え、行末に「s」を書き、最初のセルに数値を入れる))と幅指定((横幅100%の場合は、cで横幅を決める時%で指定すること)) [#qb8dc421] |100||||s |20%|30%|10%|40%|c |~th(20%)|~th(30%)|~th(10%)|~th(40%)|h |td|td|td|td| |td|td|td|td| |td|td|td|td| |~th|~th|~th|~th|f &br; *折りたたみ((#regionと#endregionは1セット #endregionを忘れるとページのデザインが崩れる)) [#oritatami] #region(ここに文章を記入) 絶対に#endregionを忘れてはいけません。 -リストもOK -リストもOK :定義|定義もOK |~th|~th|~th|h |>|>|テーブルも入る| #region(内部折りたたみ) 開閉コンテンツの中に、開閉コンテンツを3段階まで入れることが可能 それ以外は動作しません。また、#endregionも中に配置します。 #region(内部折りたたみ3段階目) ここが3段階目、状態はcookieに保存されます。 #endregion #endregion #endregion &br; -------------------------------- *大見出し [#a6dc7f79] **中見出し[#qa1c1e8c] ***小見出し [#k28ac390] ページの更新 通常編集モードに切り替える データ参照プラグイン 入力支援ツールを表示 ▼参照先ページ選択:データを表示 元データの書式(インラインプラグイン)を継承する