Top > ページ建築講座
HTML convert time to 0.022 sec.


ページ建築講座

Last-modified: 2016-10-14 (金) 21:17:05

目次 Edit

1 編集技術 Edit

1-1 かならずおぼえておこう編 Edit

1-1-1 表の作り方 Edit

見本見本
見本見本

表の作り方はこれ

|~見本|~見本|
|見本|見本|

これで完成です。
|←これで挟んだところが表の内部になります。

1-1-2 コメント欄の作り方 Edit

コメントの作り方は2つあります。

一つ目のコメント欄

*コメント
#pcomment

でできます。

二つ目

#comment

を打つとコメント欄ができます。

1-2 初級編 Edit

1-2-1 電光掲示板 Edit

テスト

これのやり方は

#marquee(テスト,,,Black,yellow,20)

と打てばok
ちなみに数字を変えると
テスト,,,Black,yellow,40)の場合は

テスト

となります

数字を小さくすると

テスト

にります。

1-2-2 目次の作り方 Edit

|~目次|
|#contents|

こうすると目次の出来上がり

1-2-3 メモの作り方 Edit

#memox(80,10,更新,<DELIM>)

でできます。


#memox(縦幅(ピクセル),横幅(ピクセル),ボタンの言葉,<DELIM>)

1-2-4 見出し Edit

見出しの作り方

*テスト

と打つと見出しの完成です。

また、

**テスト

***テスト

を打つのもok

見出しをつけると、見出しの後ろに [#r5c0b8ee] のような文字列が自動で作成されます。
これがあることで、見出しのところに直接行くことができます。(目次など)
同じ文字列にすると、正常に動作しないので、気をつけてください。

1-2-5 番号付きリスト Edit

+てすと

++てすと

+++てすと

-てすと

--てすと

--てすと
とやると番号付きリストが出来ます。

  1. テスト
    1. テスト
      1. テスト
  • テスト
    • テスト
      • テスト

離すと番号は1からになります。

  1. テスト

工夫すればいいかもしれない?

1-2-6 水平線の引き方 Edit



----
#hr
  • を四つ以上または、#hrで水平線が引けます。

1-2-7 改行の仕方 Edit

テスト
テスト

テスト&br;テスト

改行するには↑のように

&br;

↑の文字列をつかいましょう。
表の途中で改行することもできます。
ちなみに、バグのところで書いてあるように
1601行以上になると更新できなくなるので
積極的につかっていきましょう。

1-3 中級編 Edit

1-3-1 色について Edit

開いてください

1-3-2 折りたたみ式の文字 Edit

開いてみ

作り方

#region(文字)
#endregion

でok

1-3-3 カウンター Edit

開いてください

1-3-4 カウンター応用 Edit

開いてください

1-3-5 Edit

&tooltip(<term>){};

(中に文字を入れると)
テスト
中はこんな感じ

&tooltip(<term>テスト){見えましたか?};

こんなかんじになります

1-4 上級編 Edit

1-4-1 表の作り方(応用) Edit

開いてください

1-4-2 おみくじ Edit

#randommes(おみくじ,,page)

とやると、おみくじが可能です。
ただし、使う場合は、共通ではなく、『○○(○には利用者の名前)/おみくじ』ページを作り、

#randommes(○○(○には利用者の名前)/おみくじ,,page)

としていただきます。
↓出力結果(此方はサンプルとなります。)

中吉

おまけでこんな事も出来ます。

#randommes(○○(○には利用者の名前)/おみくじ,daily,page)

こうすると日替わりになります。

1-4-3 画像添付方法 Edit

画像添付のやり方

#ref(添付ファイル名)

もしくは

#ref(ファイルのURL)

で画像添付したものが貼れます。

&ref(添付ファイル名、またはURL,nolink,コメント);

の場合はリンクなしでマウスを当てるとコメントが出ます。

&ref(添付ファイル名、またはURL,nolink,コメント);

をおすすめします。結構便利なので。
ここではサンプルとしてこれを置いときます。

開いてみ

なお、標準でも添付は可能だがこっちおすすめしますよ。

1-4-4 画像添付方法 発展1 画像を左右に寄せる方法 Edit

開けてください

1-4-5 画像添付方法 発展2 画像の横に文字を書く方法 Edit

開けてください

1-4-6 画像添付方法 発展3 画像の大きさを変更する方法 Edit

開けてください

1-4-7 引用文のやり方 Edit

>インライン要素

とやると引用文ができます。

テスト

テスト

テスト

これは空行があるまで作動します。ご注意ください。

1-4-8 画像添付方法 発展4 画像の縦横比を変える方法 Edit

コメント
コメント
#ref(ウィンドウ_1.png,nolink,50x100,コメント);
#ref(ウィンドウ_1.png,nolink,125x20,コメント);

(幅x高さ)でサイズを指定出来ます。

1-4-9 自動で行を追加する方法 Edit

開けてください

1-5 アイデア編 Edit

テスト

上の作り方。

|>|>|BGCOLOR(#C0E0FF):|
|BGCOLOR(#E0F0FF):|BGCOLOR(#F0F8FF):COLOR(#0080FF):テスト|BGCOLOR(#E0F0FF):|
|>|>|BGCOLOR(#C0E0FF):|

でOKですん。
ウィンドウ_1.png ウィンドウ_3.png アイディアは最強!!!(この2つの画像はウディタ素材としても置いてますんでどうぞ)
※規約:自作発言禁止、製作者『闇討善悪』の名と『ここのWiki』のトップページのURLを記載

テストOPOテスト
停止中
テストテストテスト

1-5-1 文字スクロールアイデア Edit

#marquee(文字列,[behavior],[loop],[背景色],[文字色],[文字サイズ]);

の応用をここに・・・。

文字列 behavior指定(slide) behavior指定(alternate) loop指定(5回) loopと色指定(5回) もっといぢわる文字列,) 文字サイズ20px

一応参考に見ていってね!
上のは以下のとおり!

#marquee(文字列);
#marquee(behavior指定(slide),slide);
#marquee(behavior指定(alternate),alternate);
#marquee(loop指定(5回),,5);
#marquee(loopと色指定(5回),,5,yellow);
#marquee("もっといぢわる文字列,)");
#marquee(文字サイズ20px,,,black,#AAFFAA,20);

1-5-2 文字スクロールアイデア2 Edit

表と組み合わせて使用する事も可能。

文字列文字列文字列文字列文字列文字列文字列文字列文字列
文字列文字列文字列
文字列文字列文字列
|文字列文字列文字列|文字列文字列文字列|文字列文字列文字列|
|#marquee(文字列);|#marquee(文字列);|#marquee(文字列);|
|#marquee(文字列,alternate);|#marquee(文字列,alternate);|#marquee(文字列,alternate);|

2 ページ作成の問題について Edit

行数オーバーと表示されたら....行数を減らしましょう。
1600行以上はオーバーになるのでこのwikiでは1500行にしています。
ページを更新した後、真っ白なページになって更新できなくなったら
管理人、または副管理人に頼んでバックアップを消してもらいましょう。
バックアップの残り容量が少なくてバックアップを残そうとしているのに
容量が足りなくなっているときに発生するようです。
ちなみに、バックアップの数は360が限界でそれ以降は古いバックアップから順に
自動的に削除されます。

3 ヘッダー画像について Edit

完全上級者向けなのでそれを踏まえて。(ヘッダー画像についてなので。)

上級者向けの方は開けてください

コメント Edit

最新の50件を表示しています。 コメントページを参照

  • 画像の修正、ならびに、おみくじのサンプルを修正(動いていなかったので)しました。 -- 闇討善悪? 2016-05-25 (水) 15:14:38
  • ヘッダーの画像についての設置方法を記載しました。(上級者向けとして位置づけています) -- 闇討善悪? 2016-05-25 (水) 16:32:25
お名前: URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White