目次

「プラグイン」に戻る
DokuWikiおすすめプラグイン一覧。まとめ

Dokuwikiプラグイン : box pluginで文字を囲む




概要


書き方

<box width classes colours | title text>
contents text
</box>
width: 幅の指定。

classes: 以下に定義されているクラスから選択できる
    round   角が丸いBox
    blue   枠線の色を青にする
    red   枠線の色を赤にする
    green   枠線の色を緑にする
    orange   枠線の色を橙にする
    left   Wikiページの左側に表示する
    right   Wikiページの右側に表示する
    *クラスを選択しない場合、「角が四角く、テンプレートのカラーに従った」Boxを表示する。

colours: 指定方式は16進形式もしくはRGB方式による。(例: #F00 #fcab94 rgb(255,255,0)等)
    色指定は、以下の順番で行われる。
        背景色
        タイトルの背景色
        外枠の色
        ボーダーの色
        指定色が4色満たない場合、指定されていない部分は最初の色が利用される。

title text: Box内に表示されるタイトル

contents text: Box内に表示される本文


test
改行
BBCodeプラグイン
太字
<box>
test
改行
[b]BBCodeプラグイン[/b]
**太字**
</box>


例 オススメの使い方
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
test test test
test
test
<box 100% #EEE>
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
test       test       test
**test**
test
</box>

  • テスト
  • 太字
  • 特に強調
  • ハイライト表示
<box 100% round #D5E0EE>
\\
  *テスト
  * **太字**
  * <wrap em>特に強調</wrap>
  * <wrap hi>ハイライト表示</wrap>
</box>
aaaa bbbbbbbb ccccccccc dddddddddddd eeeeeee ffffff ggggggg hhhhhh iiiiiiiii jjjjjjjjjjjjj kkkkkkkkk llllllll mmmmmmmm nnnnnnnnnn oooooooo
<box 1200px #EEE>
aaaa bbbbbbbb ccccccccc dddddddddddd eeeeeee ffffff ggggggg hhhhhh iiiiiiiii  jjjjjjjjjjjjj   kkkkkkkkk  llllllll  mmmmmmmm nnnnnnnnnn oooooooo
</box>


test
改行
BBCodeプラグイン
太字
test
<box 100% round #EEE>
test
改行
[b]BBCodeプラグイン[/b]
**太字**
test
</box>


透明の枠

透明の枠
aaaaa
bbbbbb
<box 100% left #FFF>
透明の枠
aaaaa
bbbbbb
</box>


TEST


test

改行
BBCodeプラグイン
太字


1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz
<box 50% #DCDCDC | TEST >
test \\
改行
[b]BBCodeプラグイン[/b]
**太字**
\\
1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz
</box>


test

test2

test3
<box 60% left #ccc>
test \\
test2 \\
[color=red]test3[/color]
</box>


例:工夫して作った例
<box 100% round #3399FF>
<html>
<br>
<b>
<a href="https://twitter.com/kurity_english" target="_blank" style="color:white">Twitterで英語情報発信中<br>@kurity_english</a>
</b>
<br>
</html>
</box>








「プラグイン」に戻る