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

概要

plugin:box

注意：<code> </code>で囲むのとは違い、複数スペースが１つになります。
注意：１行に収まらないと、改行されます。

書き方

<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>

例オススメの使い方

注意：<code> </code>で囲むのとは違い、スペースがなくなります。。

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>

例：工夫して作った例

Twitterで英語情報発信中
@kurity_english

<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>

関連プラグイン

「プラグイン」に戻る

DokuWikiで情報発信

サイドバー

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

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

目次

概要

書き方

例

例

例オススメの使い方

例

例

例

例

例

例

例：工夫して作った例

DokuWikiで情報発信

ユーザ用ツール

サイト用ツール

サイドバー

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

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

目次

概要

書き方

例

例

例 オススメの使い方

例

例

例

例

例

例

例：工夫して作った例

ページ用ツール

例オススメの使い方