![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
***テンプレート [#d4c2feaa] メンバーリストにキャラクター紹介ページを作る際、&br; 以下のテキストを参考にしてもらえると喜びます。 Willのような表示方法をさせるには以下のテキストを使用してください。 |CENTER:''キャラ名''|&ref(img1.jpg,nolink);|>|CENTER:''職業''|CENTER:''Lv.''|CENTER:BGCOLOR(#FFFFFF):1/1| |~|~|CENTER:''HP''|CENTER:BGCOLOR(#FFFFFF):50|CENTER:''SP''|CENTER:BGCOLOR(#FFFFFF):10| |~|~|CENTER:''STR''|CENTER:BGCOLOR(#FFFFFF):1|CENTER:''INT''|CENTER:BGCOLOR(#FFFFFF):2| |~|~|CENTER:''AGI''|CENTER:BGCOLOR(#FFFFFF):3|CENTER:''DEX''|CENTER:BGCOLOR(#FFFFFF):4| |~|~|CENTER:''VIT''|CENTER:BGCOLOR(#FFFFFF):5|CENTER:''LUK''|CENTER:BGCOLOR(#FFFFFF):6| |~|~|CENTER:''HIT''|CENTER:BGCOLOR(#FFFFFF):40|CENTER:''FLEE''|CENTER:BGCOLOR(#FFFFFF):30| |~|>|>|>|>|文章| |~|>|>|>|>|CENTER:&ref(img2.jpg),nolink);| |>|>|>|>|>|BGCOLOR(#FFFFFF): | 実際にこれを貼り付けると以下のようになります。 |CENTER:''キャラ名''|&ref(img1.jpg,nolink);|>|CENTER:''職業''|CENTER:''Lv.''|CENTER:BGCOLOR(#FFFFFF):1/1| |~|~|CENTER:''HP''|CENTER:BGCOLOR(#FFFFFF):50|CENTER:''SP''|CENTER:BGCOLOR(#FFFFFF):10| |~|~|CENTER:''STR''|CENTER:BGCOLOR(#FFFFFF):1|CENTER:''INT''|CENTER:BGCOLOR(#FFFFFF):2| |~|~|CENTER:''AGI''|CENTER:BGCOLOR(#FFFFFF):3|CENTER:''DEX''|CENTER:BGCOLOR(#FFFFFF):4| |~|~|CENTER:''VIT''|CENTER:BGCOLOR(#FFFFFF):5|CENTER:''LUK''|CENTER:BGCOLOR(#FFFFFF):6| |~|~|CENTER:''HIT''|CENTER:BGCOLOR(#FFFFFF):40|CENTER:''FLEE''|CENTER:BGCOLOR(#FFFFFF):30| |~|>|>|>|>|文章| |~|>|>|>|>|CENTER:&ref(img2.jpg,nolink);| |>|>|>|>|>|BGCOLOR(#FFFFFF): | より詳しい説明、と言うかヘルプは[[こちら参照:http://o-s.sub.jp/guild/pukiwiki.php?%C0%B0%B7%C1%A5%EB%A1%BC%A5%EB]]です。&br; 簡単にいくつか抜き出しますので参考になれば。&br; インライン要素がテキスト自体、装飾(強調斜体画像添付等)されるもので&br; ブロック要素は全体の構成、枠組みやリストなど表示形式のこと…で良いのかな、&br; その辺素人なので分かりません、教えてください偉い人。 #br ***改行 [#ff1150aa] 改行(HTMLのタグで言う<BR>は&br;になります。 例： こういう 表示を したい ↑この3行を表示するには、こういう&br;表示を&br;したいと入力すればできます。 では実際に入れて見ましょう。↓&br; こういう&br; 表示を&br; したい #br 因みに行間をあけるにはその行にのみ#brと入力してください。#brの後に色々くっつくと行をあけてくれません。(この文章の上下も#brであけてます) #br ***文字の装飾 [#tb54078a] 強調、所謂太字や斜体表示、文字のサイズや色の指定など。 ''強調表示<B>'' '''斜体表示<I>''' %%取消線<S>&& 実際に表示すると以下のようになります。 ''強調表示'' '''斜体表示''' %%取消線%%&br;&br; 文字サイズの指定は&size(サイズ){インライン要素};で行えます。&br; サイズの指定はピクセルで行います。&br; 文字サイズの指定は&size(サイズ){インライン要素};で行えます。 サイズの指定はピクセルで行います。 文字色の指定は&color(文字色,背景色){インライン要素};といった感じ。 例：&size(30){30ピクセル}; &color(white,black){文字白背景黒}; &size(30){30ピクセル}; &color(white,black){文字白背景黒};&br; さてもう1点。&br; HTMLタグだと水平線てのがありましたよね。そう、<HR>です。&br; これをwikiで表示するには-を4つ以上並べる事で完了します。 例：---- ---- といった具合です。 #br ***リンクの貼り方 [#v29e17c1] メニューバーに自身のページを追加する際にも必要になります。&br; メニューバーに自身のページを追加する際にも必要になります。 [[リンク名:URL]]と入力することにより、 文章中にリンクを入れることが出来ます。 例：茶鯖のURLは[[こちら:http://chaxism.ddo.jp/]]です。 実際に表示するとこうなります。&br;&br; 茶鯖のURLは[[こちら:http://chaxism.ddo.jp/]]です。 #br ***表 [#rd643c8d] |2本(←エルじゃないです)でテキストを囲むと表になります。&br; 例：|こんな感じ| ←実際に表示すると下のようになります。 |こんな感じ。| また行頭に,(コンマ)を入れてテキストを,で区切っていくことでも表形式で表示します。 表の枠内の表示のサンプルは[[すでに載ってます:http://o-s.sub.jp/guild/pukiwiki.php?%C0%B0%B7%C1%A5%EB%A1%BC%A5%EB#k7c49df4]]ので、 その下に載っている|~|と|>|で区切った場合どうなるか例を挙げてみます。 例えば下のような表がありますよね。 |111|22222|3333333| |4444444|555|66666| |77777|8888888|999| これを |>|22222|3333333| |>|>|66666| |77777|>|999|とするとどうなるか。>を記載した場合右のセルと連結する、とありますね。 つまりこのような形になります。 |>|22222|3333333| |>|>|66666| |77777|8888888|999| また|~|は上のセルと連結するので |111|22222|3333333| |4444444|555|~| |~|8888888|999|とした場合、 |111|22222|3333333| |4444444|555|~| |~|8888888|999| こういうくっつき方をします。Willのはこれの組み合わせなので 入力するときが面倒なだけで実はWikiの編集は簡単なのです。 #br ***画像の表示 [#oc60887c] さて画像の表示方法ですが、これは2種類あります。&br; -表示させたいページへ添付(アップロード)する。 -外部から読み込む。(http://〜)&br; 行頭に#ref(ファイル名);と入れるか、文章中に&ref(ファイル名);と入れるか。 基本的にはどちらも変わりませんが#は行頭でないと反応しません。 画像のアップロードの仕方''添付''で行います。&br; 画像のアップロードの仕方''添付''で行います。 画面上部メニューからか、画面下部の&ref(http://o-s.sub.jp/guild/image/file.png,nolink);から添付ページへ飛べます。 ではこのページにexample.jpgというファイルをアップロードしてあるので、 実際に表示して見ましょう。#ref(example.jpg,nolink);と入れます。 #ref(example.jpg,nolink); といった具合です。#だと列間隔が開くので私は&で表示してます。どちらが良いのかは知りません。 #br さて、これだけ書いておいて何ですが、結局の所全部[[載ってます:http://o-s.sub.jp/guild/pukiwiki.php?%C0%B0%B7%C1%A5%EB%A1%BC%A5%EB]]ので&br; ここまで読んだ方はご苦労様でした。 #br #br ~ &br; 旦 #br お茶でも飲んで休憩してください。 #br #br RIGHT:誰か文章能力ある人書き直してくれないかなぁ、と思いつつ。 RIGHT:4/20 21:38 Will RIGHT:4/20 21:46 Will
