You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@netbeans.apache.org by GitBox <gi...@apache.org> on 2019/01/07 20:29:22 UTC

[GitHub] vieiro closed pull request #98: [NETBEANS-1867] Fixing clickable images in tutorials

vieiro closed pull request #98: [NETBEANS-1867] Fixing clickable images in tutorials
URL: https://github.com/apache/incubator-netbeans-website/pull/98
 
 
   

This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:

As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):

diff --git a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs.asciidoc b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs.asciidoc
index 9f33b942..d066d466 100644
--- a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs.asciidoc
@@ -111,7 +111,10 @@ Another thing that may alter project metadata unexpectedly are macros (`-D` opti
 
 You can specify the list of such macros to ignore in the "Transient macros" field. This prevents the IDE from storing these macros values in project metadata. Macros are to be specified in the macro=value form. Here is a screenshot of a project properties:
 
-image:::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+[.feature]
+--
+image::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+--
 
 
 == Managed Projects
diff --git a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ja.asciidoc
index 0f1fb241..0062f7b8 100644
--- a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ja.asciidoc
@@ -101,7 +101,10 @@ NetBeans IDEはプロジェクト・メタデータ・ファイルを非常に
 
 「一時マクロ」フィールドでこのようなマクロのリストを指定して無視することができます。これにより、IDEはプロジェクト・メタデータにこれらのマクロ値を格納しなくなります。マクロはマクロ=値の形式で指定します。プロジェクト・プロパティのスクリーンショットを次に示します。
 
-image:::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+[.feature]
+--
+image::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+--
 
 
 == 管理対象プロジェクト
diff --git a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_pt_BR.asciidoc
index 1aab1313..5887f6ef 100644
--- a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_pt_BR.asciidoc
@@ -101,7 +101,10 @@ Outro elemento que pode alterar os metadados do projeto inesperadamente são as
 
 Você pode especificar a lista dessas macros a ignorar no campo "Macros transitórias". Isso impede o IDE de armazenar esses valores de macro nos metadados do projeto. As macros devem ser especificadas na forma macro=valor. Esta é uma tela das propriedades de um projeto:
 
-image:::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+[.feature]
+--
+image::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+--
 
 
 == Projetos Gerenciados
diff --git a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ru.asciidoc
index 00ca6e5c..48a764ed 100644
--- a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_ru.asciidoc
@@ -101,7 +101,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 
 Вы можете указать список таких макросов, которые требуется игнорировать, в поле "Переходные макросы". Это предотвращает для IDE хранение значений этих макросов в метаданных проектов. Макросы должны быть указаны в формате 'макрос=значение'. Ниже приведен снимок экрана для свойств проекта.
 
-image:::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+[.feature]
+--
+image::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+--
 
 
 == Управляемые проекты
diff --git a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_zh_CN.asciidoc
index 25c726eb..b5512cef 100644
--- a/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/cnd/cpp-vcs_zh_CN.asciidoc
@@ -101,7 +101,10 @@ NetBeans IDE 过于频繁地用来更改项目元数据文件。例如,您可
 
 您可以指定要在 "Transient macros"(瞬态宏)字段中忽略的此类宏的列表。这样就会阻止 IDE 将这些宏值存储在项目元数据中。将以 macro=value 形式指定宏。下面是项目属性的屏幕快照:
 
-image:::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+[.feature]
+--
+image::images/proj_props_small.png[role="left", link="images/proj_props.png"]
+--
 
 
 == 受管项目
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/clearcase.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/clearcase.asciidoc
index 3a7ae895..3ddb1d2d 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/clearcase.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/clearcase.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Content on this page applies to
 
 *Note: *To get the NetBeans ClearCase plugin, go to the Plugin Manager in the IDE (Tools > Plugins from the main menu) and install the plugin, as shown below:
 
-image:::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+[.feature]
+--
+image::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+--
 
 
 == Setting up ClearCase
@@ -78,7 +81,10 @@ NetBeans IDE automatically tries to identify the location of the  ``cleartool``
 1. Choose Tools > Options (NetBeans > Preferences on Mac) from the main menu. The Options dialog opens.
 2. Select the Miscellaneous icon along the top of the dialog, then click the Versioning tab. In the left pane under Versioning Systems, select ClearCase. User-defined options for ClearCase display in the main window of the dialog:
 
- image:::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+ [.feature]
+--
+image::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+--
 
 3. In the Specify the  ``cleartool``  Executable Path text field, either type in the path to the executable file or click Browse to navigate to it on your system.
 4. Click OK, then restart the IDE to allow changes to take effect.
@@ -122,7 +128,10 @@ Now that your project is created, you can synchronize it with a ClearCase server
 
 1. Right-click the project node in the Projects window and choose Add to source control. The Add dialog opens listing all new view-private files which are not automatically ignored by the IDE:
 
- image:::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+ [.feature]
+--
+image::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+--
 
 2. Type in a message in the Describing Message text area. Alternatively, click the Recent Messages ( image::images/recent-msgs.png[] ) icon located in the upper right corner to view and select from a list of messages that you have previously used.
 3. After specifying actions for individual files, click Add. The IDE's status bar, located in the bottom right of the interface, displays as the Add action takes place. Upon a successful Add, versioning badges disappear in the Projects, Files and Favorites windows, and the color encoding of checked-in files becomes black.
@@ -172,7 +181,11 @@ The Source Editor's right margin provides you with an overview that displays cha
 Note that you can click on a specific point within the margin to bring your inline cursor immediately to that location in the file. To view the number of lines affected, hover your mouse over the colored icons in the right margin:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Left margin* |image::images/right-ui.png[title="Versioning color encoding displays in editor's right margin"] 
 *Right margin* 
 |===
@@ -245,7 +258,10 @@ The ClearCase Versioning window provides you with a real-time list of all of the
 
 To open the Versioning window, select a versioned file or folder (e.g. from the Projects, Files, or Favorites window) and either choose ClearCase > Show Changes from the right-click menu, or choose Versioning > Show Changes from the main menu. The following window appears in the bottom of the IDE:
 
-image:::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+[.feature]
+--
+image::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+--
 
 By default, the Versioning window displays a list of all files within the selected package or folder that exhibit a noteworthy status (i.e., new, reserved, unreserved, etc.). You can click the column headings above the listed files to sort the files by name, status, location or rule.
 
@@ -274,7 +290,11 @@ For example, you can perform the following actions on a file:
 |* *Show Annotations*: 
 
 Displays author and revision number information in the left margin of files opened in the Source Editor.
- |image:::images/annotations-small.jpg[role="left", link="images/annotations.jpg"] 
+ |[.feature]
+--
+image::images/annotations-small.jpg[role="left", link="images/annotations.jpg"]
+--
+ 
 
 |* *Exclude from Checkin*: 
 
@@ -289,7 +309,10 @@ Comparing file versions is a common task when working with versioned projects. T
 
 When you perform a diff, a graphical Diff Viewer opens for the selected file(s) in the IDE's main window. The Diff Viewer displays two copies in side-by-side panels:
 
-image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+[.feature]
+--
+image::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+--
 
 The Diff Viewer makes use of the same <<viewingChanges,color encoding>> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current version. The red block indicates that content from the earlier version has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).
 
@@ -337,7 +360,10 @@ The Checkin dialog opens, listing:
 * all checked-out files
 * all new files, which will be automatically added to source control first (i.e., view-private files which are not yet versioned and are not ignored by the IDE).
 
-image:::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+[.feature]
+--
+image::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+--
 
 From the Checkin dialog, it is possible to specify whether to exclude individual files from the checkin. To do so, click the Checkin Action column of a selected file and choose Exclude from Checkin from the drop-down list.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ja.asciidoc
index 7f7d3ce8..6816230d 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ja.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74-73.png[title="このページの内容は、N
 
 *注意: *NetBeans ClearCaseプラグインを入手するには、IDEのプラグイン・マネージャへ移動し(メイン・メニューから「ツール」>「プラグイン」を選択)、次に示すように、プラグインをインストールします。
 
-image:::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+[.feature]
+--
+image::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+--
 
 
 == ClearCaseの設定
@@ -78,7 +81,10 @@ NetBeans IDEは、コンピュータ上の ``$PATH`` システム変数を使用
 1. メイン・メニューから「ツール」>「オプション」(Macでは「NetBeans」>「プリファレンス」)を選択します。「オプション」ダイアログが開きます。
 2. ダイアログの上部にある「その他」アイコンを選択し、「バージョン管理」タブをクリックします。「バージョン管理システム」下の左側のペインで、「ClearCase」を選択します。ダイアログのメイン・ウィンドウに、ClearCaseのユーザー定義オプションが表示されます。
 
- image:::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+ [.feature]
+--
+image::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+--
 
 3. 「 ``cleartool`` 実行可能ファイルのパスを指定」テキスト・フィールドに、実行可能ファイルのパスを入力するか、または「参照」をクリックしてシステム上のその場所まで移動します。
 4. 「OK」をクリックしてIDEを再起動すると、変更が有効になります。
@@ -122,7 +128,10 @@ ClearCaseバージョン管理プロジェクトを開くには:
 
 1. 「プロジェクト」ウィンドウでプロジェクト・ノードを右クリックし、「ソース管理に追加」を選択します。「追加」ダイアログが開き、IDEで自動的に無視されない新規view-privateファイルが表示されます。
 
- image:::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+ [.feature]
+--
+image::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+--
 
 2. 「説明メッセージ」テキスト領域にメッセージを入力します。または、右上隅にある「最近のメッセージ」(image::images/recent-msgs.png[])アイコンをクリックして、以前使用したメッセージのリストを表示して選択します。
 3. 個々のファイルのアクションを指定して「追加」をクリックします。「追加」アクションが実行されると、インタフェースの右下にあるIDEのステータス・バーが表示されます。追加に成功すると、「プロジェクト」、「ファイル」および「お気に入り」ウィンドウのバージョン管理バッジが消え、チェックイン・ファイルの色分けが黒に戻ります。
@@ -172,7 +181,11 @@ IDEのソース・エディタでバージョン管理されたファイルを
 マージンの特定の場所をクリックすると、インライン・カーソルがファイルのその場所にすぐに移動します。影響を受ける行数を表示するには、右側のマージンの色つきアイコンの上にマウスを動かします。
 
 |===
-|image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+|[.feature]
+--
+image:images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
 *左側のマージン* |image::images/right-ui.png[title="エディタの右側のマージンに表示されたバージョン管理の色分け"]
 *右側のマージン* 
 |===
@@ -245,7 +258,10 @@ ClearCaseバージョン管理ウィンドウは、ローカルの作業コピ
 
 バージョン管理ウィンドウを開くには、(「プロジェクト」ウィンドウ、「ファイル」ウィンドウ、または「お気に入り」ウィンドウなどから)バージョン管理ファイルまたはフォルダを選択し、右クリック・メニューから「ClearCase」>「変更を表示」を選択するか、またはメイン・メニューから「バージョン管理」>「変更を表示」を選択します。IDEの最下部に次のウィンドウが表示されます。
 
-image:::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+[.feature]
+--
+image::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+--
 
 デフォルトでは、「バージョン管理」ウィンドウは選択したパッケージまたはフォルダに含まれる、注目が必要な状態(新規、予約済、予約なしなど)を示す、すべてのファイルを一覧表示します。表示されたファイル一覧の列の見出しをクリックして、名前、ステータス、場所、またはルールでファイルをソートすることもできます。
 
@@ -274,7 +290,11 @@ image::images/versioning-right-click.jpg[title="「バージョン管理」ウ
 |* *注釈を表示*: 
 
 ソース・エディタで開かれているファイルの左マージンに、作成者、リビジョン番号情報を表示します。
- |image:::images/annotations-small.jpg[role="left", link="images/annotations.jpg"] 
+ |[.feature]
+--
+image::images/annotations-small.jpg[role="left", link="images/annotations.jpg"]
+--
+ 
 
 |* *チェックインから除外*: 
 
@@ -289,7 +309,10 @@ image::images/versioning-right-click.jpg[title="「バージョン管理」ウ
 
 差分の取得を実行すると、選択したファイルについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。次のように、差分ビューアには2つのコピーが並んだパネルに表示されます。
 
-image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+[.feature]
+--
+image::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+--
 
 差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<<viewingChanges,色分け>>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いバージョンで追加された内容を示します。赤いブロックは、前のバージョンの内容が、より最近のバージョンで除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。
 
@@ -337,7 +360,10 @@ image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
 * すべてのチェックアウト・ファイル
 * すべての新規ファイル。最初に、ソース管理に自動で追加されます。つまり、まだバージョン管理されておらず、IDEに無視されていないview-privateファイルです。
 
-image:::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+[.feature]
+--
+image::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+--
 
 「チェックイン」ダイアログで、「チェックイン」から個々のファイルを除外するかどうかを指定できます。これを行うには、選択したファイルの「チェックイン・アクション」列をクリックしてドロップダウン・リストから「チェックインから除外」を選択します。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_pt_BR.asciidoc
index fb19171a..97fcc91c 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_pt_BR.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74-73.png[title="O conteúdo desta página se ap
 
 *Observação: *Para obter o plug-in ClearCase do NetBeans, vá para o gerenciador de plug-ins no IDE (Ferramentas > Plug-ins no menu principal) e instale o plug-in, como mostrado abaixo:
 
-image:::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+[.feature]
+--
+image::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+--
 
 
 == Configurando o ClearCase
@@ -78,7 +81,10 @@ O NetBeans IDE tenta automaticamente identificar o local do arquivo executável
 1. Escolha Ferramentas > Opções (NetBeans > Preferências no Mac) no menu principal. A caixa de diálogo Opções é aberta.
 2. Selecione o ícone Diversos na parte superior da caixa de diálogo e clique na guia Controle de Versão. No painel esquerdo, em Sistemas de Controle de Versão, selecione ClearCase. As opções definidas pelo usuário para o ClearCase são exibidas na janela principal da caixa de diálogo:
 
- image:::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+ [.feature]
+--
+image::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+--
 
 3. No campo de texto Especificar o Caminho do Executável da  ``cleartool`` , digite o caminho do arquivo executável ou clique em Explorar para navegar para ele em seu sistema.
 4. Clique em OK, reinicie IDE para permitir que as alterações tenham efeito.
@@ -122,7 +128,10 @@ Agora que o seu projeto está criado, você pode sincronizá-lo com um servidor
 
 1. Clique com o botão direito do mouse no nó do projeto na janela Projetos e escolha Adicionar ao controle de código-fonte. A caixa de diálogo Adicionar se abre listando todos os novos arquivos de view privada que não são ignorados automaticamente pelo IDE:
 
- image:::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+ [.feature]
+--
+image::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+--
 
 2. Digite uma mensagem na área de texto Descrevendo a Mensagem. Se preferir, clique no ícone de Mensagens Recentes (image::images/recent-msgs.png[]) localizado no canto superior direito para ver e selecionar de uma lista de mensagens que você usou anteriormente existente.
 3. Depois de especificar ações para arquivos individuais, clique em Adicionar. A barra de status do IDE, localizada na parte inferior direita da interface, é exibida conforme a ação Adicionar acontecer. Com uma adição bem-sucedida, os emblemas de controle de versão desaparecem nas janelas Projetos, Arquivos e Favoritos, e a codificação de cor dos arquivos submetidos a check-in fica em preto.
@@ -172,7 +181,11 @@ A margem direita do Editor de Código-fonte fornece uma visão geral que exibe a
 Observe que você pode clicar em um ponto específico na margem para trazer imediatamente o seu cursor in-line para esse local no arquivo. Para exibir o número de linhas afetadas, passe o mouse sobre os ícones coloridos na margem direita:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Margem esquerda* |image::images/right-ui.png[title="A codificação de cor do controle de versão é exibida na margem direita do editor"] 
 *Margem direita* 
 |===
@@ -245,7 +258,10 @@ A janela de Controle de Versão do ClearCase fornece uma lista em tempo real de
 
 Para abrir a janela de Controle de Versão, selecione um arquivo ou pasta com controle de versão (ou seja, na janela Projetos, Arquivos ou Favoritos) e escolha ClearCase > Mostrar Alterações no menu de contexto, ou escolha Controle de Versão > Mostrar Alterações no menu principal. A janela seguinte aparece na parte inferior do IDE:
 
-image:::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+[.feature]
+--
+image::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+--
 
 Por default, a janela de Controle de Versão exibe uma lista de todos os arquivos do pacote ou pasta selecionado que exibem um status relevante (ou seja, novo, reservado, não reservado, etc.). Você pode clicar nos títulos das colunas acima dos arquivos listados para classificá-los por nome, status, localização ou regra.
 
@@ -274,7 +290,11 @@ Por exemplo, execute as ações a seguir em um arquivo:
 |* *Mostrar Anotações*: 
 
 Exibe o autor e as informações do número da revisão na margem esquerda dos arquivos abertos no Editor de Código-fonte.
- |image:::images/annotations-small.jpg[role="left", link="images/annotations.jpg"] 
+ |[.feature]
+--
+image::images/annotations-small.jpg[role="left", link="images/annotations.jpg"]
+--
+ 
 
 |* *Excluir do Check-in*: 
 
@@ -289,7 +309,10 @@ Comparar versões de arquivo é uma tarefa comum ao se trabalhar com projetos co
 
 Quando você executa a diferenciação, um Visualizador de Diferenciação se abre para o(s) arquivo(s) selecionado(s) na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado:
 
-image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+[.feature]
+--
+image::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+--
 
 O visualizador de Diferenciação usa a mesma <<viewingChanges,codificação de cor>> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à versão mais atual. O bloco vermelho indica que o conteúdo da versão anterior foi removido da última. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).
 
@@ -337,7 +360,10 @@ A caixa de diálogo Fazer Check-in é aberta, listando:
 * todos os arquivos submetidos a check-out
 * todos os novos arquivos, que serão adicionados automaticamente ao controle de versão primeiro (ou seja, arquivos de view privada que ainda não foram passados pelo controle de versão e não são ignorados pelo IDE).
 
-image:::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+[.feature]
+--
+image::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+--
 
 Na caixa de diálogo Fazer Check-in é possível especificar se devem ser excluídos arquivos individuais do check-in. Para fazer isso, clique na coluna Ação de Check-in de um item selecionado e escolha Excluir do check-in na lista drop-down.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ru.asciidoc
index 922594a7..f7e95791 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_ru.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 
 *Примечание. *Чтобы получить подключаемый модуль ClearCase NetBeans, перейдите в диспетчер подключаемых модулей в IDE ('Сервис' > 'Подключаемые модули' из главного меню) и установите подключаемый модуль, как показано ниже:
 
-image:::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+[.feature]
+--
+image::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+--
 
 
 == Установка и настройка ClearCase
@@ -78,7 +81,10 @@ IDE NetBeans автоматически выполняет попытку опр
 1. Выберите Tools ("Сервис") > Options ("Параметры") (NetBeans > Preferences ("Настройки") на Mac) из главного меню. Откроется диалоговое окно Options ("Параметры").
 2. Выберите значок Miscellaneous ("Разное") наверху диалогового окна, затем щелкните вкладку Versioning ("Управление версии"). В левой панели, под Versioning Systems ("Системы управления версиями"), выберите ClearCase. Определенные пользователем параметры ClearCase отобразятся в основном окне диалога:
 
- image:::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+ [.feature]
+--
+image::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+--
 
 3. В текстовом поле Specify the  ``cleartool``  Executable Path ("Указать путь исполнения cleartool") введите путь к исполняемому файлу, либо нажмите кнопку Browse ("Обзор") для перехода к нему в дереве каталогов.
 4. Нажмите кнопку "ОК" и перезапустите среду IDE, чтобы изменения вступили в силу.
@@ -122,7 +128,10 @@ IDE NetBeans автоматически выполняет попытку опр
 
 1. Щелкните правой кнопкой мыши узел проекта в окне проектов и выберите Add to Source Control ("Добавить под контроль версий"). Откроется диалоговое окно добавления, в котором перечислены все новые файлы для частного просмотра, кроме игнорируемых средой IDE автоматически:
 
- image:::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+ [.feature]
+--
+image::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+--
 
 2. Введите сообщение в текстовую область Describing Message ("Сообщение с описанием"), В качестве альтернативы щелкните значок 'Последние сообщения' ( image::images/recent-msgs.png[] ), расположенный в правом верхнем углу, чтобы просмотреть и выбрать необходимое из ранее использованного списка сообщений.
 3. После указания действий для отдельных файлов нажмите кнопку Add ("Добавить"). При выполнении действия добавления отобразится строка состояния среды IDE, расположенная в нижнем правом углу интерфейса. После успешного добавления значки контроля версий исчезнут в окнах Projects ("Проекты"), Files ("Файлы") и Favorites ("Избранное"), и цвет возвращенных после изменения файлов изменится на черный.
@@ -172,7 +181,11 @@ IDE NetBeans автоматически выполняет попытку опр
 Обратите внимание, что можно щелкнуть определенную точку внутри поля, чтобы немедленно перенести курсор в строке к этому месту файла. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Левое поле* |image::images/right-ui.png[title="Цветовая кодировка управления версиями отображается на правой границе редактора"] 
 *Правое поле* 
 |===
@@ -245,7 +258,10 @@ image::images/file-labels.jpg[title="метки файлов, отображае
 
 Чтобы открыть окно контроля версий, выберите версию файла или каталога (например, из окна "Проекты", "Файлы" или "Избранное") и либо выберите "ClearCase" > "Показать изменения" из контекстного меню, либо "Управление версиями" > "Показать изменения" из главного меню. В нижней панели среды IDE откроется следующее окно:
 
-image:::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+[.feature]
+--
+image::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+--
 
 По умолчанию в окне контроля версий отображается список всех файлов внутри выбранного пакета или папки, состояние которых заслуживает внимания (т. е. новый, зарезервированный, незарезервированный и т. д.). Щелкая заголовки столбцов над перечисленными файлами, эти файлы можно упорядочить по их именам, состоянию, местоположению или правилу.
 
@@ -274,7 +290,11 @@ image::images/versioning-right-click.jpg[title="Контекстное меню
 |* *Показать аннотации*: 
 
 Сведения об авторе и номере редакции в левом поле файлов, открытых в редакторе исходных файлов.
- |image:::images/annotations-small.jpg[role="left", link="images/annotations.jpg"] 
+ |[.feature]
+--
+image::images/annotations-small.jpg[role="left", link="images/annotations.jpg"]
+--
+ 
 
 |* *Исключить из возврата*: 
 
@@ -289,7 +309,10 @@ image::images/versioning-right-click.jpg[title="Контекстное меню
 
 При выполнении сравнения в главном окне среды IDE открывается графическое представление различий для выбранного(ых) файла(ов). Средство просмотра различий отображает две копии в расположенных рядом панелях:
 
-image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+[.feature]
+--
+image::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+--
 
 В просмотре различий используются те же <<viewingChanges,условные цвета>>, что используются и в других местах для показа изменений под контролем версий. На показанном выше снимке экрана зеленый блок указывает содержимое, добавленное к более новой версии. Красный блок указывает содержимое предыдущей версии, которое удалено из последующей. Синий указывает, что в выделенных строках произошли изменения.
 
@@ -337,7 +360,10 @@ image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
 * все извлеченные файлы;
 * все новые файлы, которые будут первыми автоматически добавлены под контроль версий (т. е., файлы для частного просмотра, которые пока не добавлены под контроль версий и не игнорируются средой IDE).
 
-image:::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+[.feature]
+--
+image::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+--
 
 Из диалогового окна возврата после изменения можно указать, следует ли исключить отдельные файлы из числа возвращаемых. Чтобы сделать это, щелкните столбец Checkin Action ("Действие возврата после изменения") выбранного файла и выберите Exclude from Checkin ("Исключить из возврата") из раскрывающегося списка.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_zh_CN.asciidoc
index 3139b0c0..79eb2d89 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/clearcase_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/clearcase_zh_CN.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74-73.png[title="此页上的内容适用于 Net
 
 *注:*要获得 ClearCase 插件,请进入 IDE 中的 "Plugin Manager"(插件管理器)(从主菜单中选择 "Tools"(工具)> "Plugins"(插件)),并按下述方法安装插件:
 
-image:::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+[.feature]
+--
+image::images/cc-plugin-small.png[role="left", link="images/cc-plugin.png"]
+--
 
 
 == 安装 ClearCase
@@ -78,7 +81,10 @@ NetBeans IDE 尝试使用计算机中的  ``$PATH``  系统变量自动标识  `
 1. 从主菜单中选择 "Tools"(工具)> "Options"(选项);在 Mac 上为 "NetBeans" > "Preferences"(首选项)。"Options"(选项)对话框打开。
 2. 选择对话框顶部的 "Miscellaneous"(其他)图标,然后单击 "Versioning"(版本控制)标签。在 "Versioning Systems"(版本控制系统)下面的左侧窗格中,选择 ClearCase。对话框主窗口中将会显示 ClearCase 的用户定义选项:
 
- image:::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+ [.feature]
+--
+image::images/cc-options-small.jpg[role="left", link="images/cc-options.jpg"]
+--
 
 3. 在 "Specify the  ``cleartool``  Executable Path"(指定 cleartool 可执行文件路径)文本字段中,输入可执行文件的路径或者单击 "Browse"(浏览)在系统中找到它。
 4. 单击 "OK"(确定),然后重新启动 IDE,使更改生效。
@@ -122,7 +128,10 @@ NetBeans IDE 尝试使用计算机中的  ``$PATH``  系统变量自动标识  `
 
 1. 在 "Projects"(项目)窗口中右键单击项目节点,选择 "Add to source control"(添加到源代码控制中)。此时将打开 "Add"(添加)对话框,其中列出 IDE 自动忽略的所有新建的视图私有文件:
 
- image:::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+ [.feature]
+--
+image::images/add-dialog-small.jpg[role="left", link="images/add-dialog.jpg"]
+--
 
 2. 在 "Describing Message"(描述消息)文本区输入消息。或者,单击右上角的 "Recent Messages"(近期的消息)(image::images/recent-msgs.png[]) 图标,以便在以前使用过的消息列表中进行查看和选择。
 3. 指定各个文件的操作后,单击 "Add"(添加)。执行添加操作时,将在界面右下方显示 IDE 的状态栏。成功添加后,版本控制标记就会从 "Projects"(项目)、"Files"(文件)和 "Favorites"(收藏夹)窗口中消失,并且检入文件的颜色编码会变成黑色。
@@ -172,7 +181,11 @@ NetBeans IDE 尝试使用计算机中的  ``$PATH``  系统变量自动标识  `
 注:单击旁注的特定点可以让内联光标立即转到文件中的该位置。想要查看受影响行的行号,可以将鼠标放在右旁注中的彩色图标上:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *左旁注* |image::images/right-ui.png[title="版本控制颜色编码显示在编辑器的右旁注中"] 
 *右旁注* 
 |===
@@ -245,7 +258,10 @@ ClearCase "Versioning"(版本控制)窗口为您提供了一个实时列表
 
 要打开 "Versioning"(版本控制)窗口,选择一个版本化文件或文件夹(例如,从 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中选择),然后从右键菜单中选择 "ClearCase" > "Show Changes"(显示更改)或者从主菜单中选择 "Versioning"(版本控制)> "Show Changes"(显示更改)。下面的窗口出现在 IDE 底部:
 
-image:::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+[.feature]
+--
+image::images/versioning-window-small.jpg[role="left", link="images/versioning-window.jpg"]
+--
 
 默认情况下,"Versioning"(版本控制)窗口显示一个列表此列表中包括选定的包或文件夹中的所有文件显示值得注意的状态(即新的、保留的、不保留的等)。您可以单击列出文件之上的列标题,按照名称、状态、位置或者规则对文件排序。
 
@@ -274,7 +290,11 @@ image::images/versioning-right-click.jpg[title="右键单击菜单显示在 "Ver
 |* *显示标注*: 
 
 在源代码编辑器中打开的文件的左旁注中显示作者和修订版本号信息。
- |image:::images/annotations-small.jpg[role="left", link="images/annotations.jpg"] 
+ |[.feature]
+--
+image::images/annotations-small.jpg[role="left", link="images/annotations.jpg"]
+--
+ 
 
 |* *从检入中排除*: 
 
@@ -289,7 +309,10 @@ image::images/versioning-right-click.jpg[title="右键单击菜单显示在 "Ver
 
 当执行比较时,将会为 IDE 的主窗口中选定的文件打开一个图形化的比较查看器。比较查看器在两个并行面板中显示两个副本:
 
-image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+[.feature]
+--
+image::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
+--
 
 比较查看器使用<<viewingChanges,颜色编码>>来显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示添加到更新版本的内容。红色块指示从新版本中移除的早期版本中的内容。蓝色指示在突出显示的行中发的更改。
 
@@ -337,7 +360,10 @@ image:::images/diff-viewer-small.jpg[role="left", link="images/diff-viewer.jpg"]
 * 所有检出文件
 * 所有新文件,这些文件将首先自动添加到源控制(即,未版本化和未被 IDE 忽略的视图私有文件)。
 
-image:::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+[.feature]
+--
+image::images/checkin-dialog-small.png[role="left", link="images/checkin-dialog.png"]
+--
 
 可以从 "Checkin"(检入)对话框中指定是否从检入操作中排除单独的文件。为此,可以单击选定文件的 "Checkin Action"(检入操作)列,从下拉列表中选择 "Exclude from Checkin"(从检入中排除)。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/cvs.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/cvs.asciidoc
index 00fb604d..64aef8f9 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/cvs.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/cvs.asciidoc
@@ -97,7 +97,10 @@ Depending on the method you are using you may need to specify other information,
 For more help with accessing local repositories, see: link:http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS[+How can I access local repositories?+]
 3. In the Modules to Checkout panel of the wizard, specify the module that you want to check out in the Module field. If you do not know the name of the module you want to check out, click the Browse button to view the repository's contents. From the Browse CVS Module dialog that appears, select any of the listed modules and click OK. Your selection is then added to the Module field:
 
-image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+[.feature]
+--
+image::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+--
 
 4. In the Branch text field, enter the name of the branch to checkout. You can click the Browse button to open the Browse Tags dialog box to search for available branches and tags. If you do not specify a branch or tag, the _trunk_ is checked out.
 5. In the Local Folder field, enter a location on your computer where you want files to be checked out to, then click Finish to initiate the CVS check out. The IDE checks out the specified sources and the IDE's status bar displays in the lower right corner, indicating progress of the files downloading from the repository to your local directory. You can also view files as they are being checked out from the Output window (Ctrl-4). 
@@ -117,7 +120,10 @@ To import a project to a repository:
 2. In the CVS Root panel of the Import wizard, specify the location of the repository as defined by <<protocolTypes,`CVSROOT`>>. Depending on the method you are using you may need to specify other information, such as a password and proxy settings for connecting to a remote repository (e.g. for `pserver`). Click Next.
 3. In the Folder to Import panel, specify the local folder you want to place in the repository. The name of your project is suggested for you in the Folder to Import text field by default:
 
-image:::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+[.feature]
+--
+image::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+--
 
 4. In the Import Message text area, enter a description of the project you are importing into the repository.
 5. Specify the location in the repository where you want to import the project by typing in the path in the Repository Folder text field. Alternatively, click the Browse button to navigate to a specific location in the repository. Click Finish to initiate the import. The IDE uploads the project files to the repository and the Output window opens to display the progress.
@@ -158,7 +164,11 @@ The Source Editor's right margin provides you with an overview that displays cha
 Note that you can click on a specific point within the margin to bring your inline cursor immediately to that location in the file. To view the number of lines affected, hover your mouse over the colored icons in the right margin:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Left margin* |image::images/right-ui.png[title="versioning color encoding displayed in editor's right margin"] 
 *Right margin* 
 |===
@@ -216,7 +226,10 @@ File status labels provide a textual indication of the status of versioned files
 1. Choose Tools > Options (NetBeans > Preferences on Mac) from the main menu. The Options window opens.
 2. Select the Miscellaneous button along the top of the window, then click the Versioning tab beneath it. Make sure CVS is selected beneath Versioning Systems in the left panel:
 
-image:::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+[.feature]
+--
+image::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+--
 
 3. Click the Add Variable button to the right of the Status Label Format text field. In the Add Variable dialog that displays, select the `{revision}` variable, then click OK. The revision variable is added to the status label Format text field.
 4. To reformat status labels so that only status and revision display to the right of files, rearrange the contents of the status label Format text field to the following:
@@ -239,7 +252,10 @@ The CVS Versioning window provides you with a real-time list of all of the chang
 
 To open the Versioning window, select a versioned file or folder (e.g. from the Projects, Files, or Favorites window) and either choose CVS > Show Changes from the right-click menu, or choose Versioning > Show Changes from the main menu. The following window appears in the bottom of the IDE:
 
-image:::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+[.feature]
+--
+image::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+--
 
 By default, the Versioning window displays a list of all modified files within the selected package or folder. Using the buttons in the toolbar, you can choose to display all changes or limit the list of displayed files to either locally or remotely modified files. You can also click the column headings above the listed files to sort the files by name, status or location.
 
@@ -272,17 +288,29 @@ Displays author and revision number information in the left margin of files open
 |* *Search History*: 
 
 Enables you to search for and compare multiple revisions of the selected file in the IDE's History Viewer. From the History Viewer you can also perform a <<comparing,diff>> or roll back your local copy to a selected revision.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Exclude from Commit*: 
 
 Allows you to mark the file to be excluded when performing a commit.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Revert Modifications*: 
 
 Opens the Confirm Overwrite dialog, enabling you to revert any actions that you have committed to files in your local working copy.
- |image:::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"] 
+ |[.feature]
+--
+image::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"]
+--
+ 
 |===
 
 
@@ -292,7 +320,10 @@ Comparing file revisions is a common task when working with versioned projects.
 
 When you perform a diff, a graphical Diff Viewer opens for the selected file(s) and revisions in the IDE's main window. The Diff Viewer displays two copies in side-by-side panels. The more current copy appears on the right side, so if you are comparing a repository revision against your working copy, the working copy displays in the right panel:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 The Diff Viewer makes use of the same <<viewingChanges,color encoding>> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current revision. The red block indicates that content from the earlier revision has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).
 
@@ -355,7 +386,10 @@ The following simple use-case demonstrates how you can apply the Merge dialog to
 
 1. Create new branch for the project by right-clicking the project node and choosing CVS > Branch. In the Branch dialog, enter `new_feature` as the Branch name, and make sure the Switch to this Branch Afterwards option is selected:
 
-image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+[.feature]
+--
+image::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+--
 
 Click the Branch button. A new branch is created in the repository, and the IDE switches your target repository location to the new branch. In the Projects window, the new branch name displays in grey text next to versioned files, indicating that you are now working from the branch.
 
@@ -372,7 +406,10 @@ In the dialog, specify the following criteria:
 * For the Until option, select Branch Head and type in the name of the branch you want to merge into the trunk. You can also click Browse to search amongst existing branches in the repository.
 * In the event that you want to tag revisions following the merge, select Tag Trunk after Merge and enter a tag name of your choosing.
 
-image:::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+[.feature]
+--
+image::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+--
 
 Click Merge. The IDE incorporates the branch into the trunk. If any merge conflicts arise in the process, the project's status is updated to <<resolving,Merge Conflict>> to indicate this.
 
@@ -407,7 +444,10 @@ Any conflicts that arise must be resolved before you commit files to the reposit
 
 The Merge Conflicts Resolver displays the two conflicting revisions side-by-side in the top pane, with the conflicting areas highlighted. The lower pane depicts the file as it appears while merges for individual conflicts between the two revisions occur:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 You resolve a conflict by accepting one of the two revisions displayed in the top pane. Click the Accept button of the revision you want to accept. The IDE merges the accepted revision with the source file, and you can immediately see the results of the merge in the bottom pane of the Merge Conflicts Resolver. Once all conflicts are resolved, click OK to exit the Merge Conflicts Resolver and save the modified file. The conflict badge is removed and you can now commit the modified file to the repository.
 
@@ -421,7 +461,10 @@ After editing source files, performing an update and resolving any conflicts, yo
 
 The Commit dialog opens, displaying files that are about to be committed to the repository:
 
-image:::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+[.feature]
+--
+image::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+--
 
 The Commit dialog lists:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/cvs_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/cvs_ja.asciidoc
index a81ef59a..a5bb3397 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/cvs_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/cvs_ja.asciidoc
@@ -97,7 +97,10 @@ IDEでは、CVSリポジトリがローカルかリモートか、およびそ
 ローカル・リポジトリへのアクセスに関する詳細は、link:http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS[+ローカル・リポジトリにアクセスする方法+]を参照してください。
 3. ウィザードの「チェックアウトするモジュール」パネルで、「モジュール」フィールドにチェックアウトするモジュールを指定します。チェックアウトするモジュールの名前がわからない場合、「参照」ボタンをクリックして、リポジトリの内容を表示します。表示された「CVSモジュールを参照」ダイアログから、表示されているいずれかのモジュールを選択し、「OK」をクリックします。これで、選択が「モジュール」フィールドに追加されます。
 
-image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+[.feature]
+--
+image::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+--
 
 4. 「分岐」テキスト・フィールドで、チェックアウトする分岐の名前を入力します。「参照」ボタンをクリックすると、「タグを参照」ダイアログ・ボックスが開き、使用可能な分岐とタグを検索できます。分岐とタグのどちらも指定しなかった場合は、_トランク_がチェックアウトされます。
 5. 「ローカル・フォルダ」フィールドで、ファイルのチェックアウト先にするコンピュータ上の場所を入力し、「終了」をクリックして、CVSチェックアウトを開始します。IDEによって指定されたソースがチェックアウトされ、右下隅のIDEのステータス・バーに、リポジトリからローカル・ディレクトリへのファイルのダウンロードの進捗状況が示されます。チェックアウト中のファイルを、「出力」ウィンドウから表示することもできます(Ctrl-4)。
@@ -117,7 +120,10 @@ image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png
 2. インポート・ウィザードの「CVSルート」パネルで、<<protocolTypes,`CVSROOT`>>で定義されるリポジトリの場所を指定します。使用する方法に応じて、リモート・リポジトリへ接続するためのパスワードやプロキシ設定(`pserver`の場合など)などのその他の情報を指定する必要がある場合があります。「次」をクリックします。
 3. 「インポートするフォルダ」パネルで、リポジトリ内に配置するローカル・フォルダを指定します。「インポートするフォルダ」テキスト・フィールドには、デフォルトで、プロジェクトの名前が自動的に提案されます。
 
-image:::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+[.feature]
+--
+image::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+--
 
 4. 「インポート・メッセージ」テキスト領域に、リポジトリにインポートしようとしているプロジェクトの説明を入力します。
 5. 「リポジトリ・フォルダ」テキスト・フィールドにパスを入力して、プロジェクトをインポートするリポジトリ内の場所を指定します。または、「参照」ボタンをクリックして、リポジトリ内の特定の場所に移動します。「終了」をクリックして、インポートを開始します。IDEによってプロジェクト・ファイルがリポジトリにアップロードされ、「出力」ウィンドウが開き、進捗状況が表示されます。
@@ -158,7 +164,11 @@ IDEのソース・エディタでバージョン管理されたファイルを
 マージンの特定の場所をクリックすると、インライン・カーソルがファイルのその場所にすぐに移動します。影響を受ける行数を表示するには、右側のマージンの色つきアイコンの上にマウスを動かします。
 
 |===
-|image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+|[.feature]
+--
+image:images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
 *左側のマージン* |image::images/right-ui.png[title="エディタの右側のマージンに表示されたバージョン管理の色分け"]
 *右側のマージン* 
 |===
@@ -216,7 +226,10 @@ image::images/badge-example.png[]
 1. メイン・メニューから「ツール」>「オプション」(Macでは「NetBeans」>「プリファレンス」)を選択します。「オプション」ウィンドウが開きます。
 2. ウィンドウの上部にある「その他」ボタンを選択し、その下にある「バージョン管理」タブをクリックします。左側のパネルの「バージョン管理システム」の下の「CVS」が選択されていることを確認します。
 
-image:::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+[.feature]
+--
+image::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+--
 
 3. 「ステータス・ラベル形式」テキスト・フィールドの右側の「変数を追加」ボタンをクリックします。表示される「変数を追加」ダイアログで`{revision}`変数を選択し、「OK」をクリックします。「ステータス・ラベル形式」テキスト・フィールドに、リビジョン変数が追加されます。
 4. ファイルの右側にステータスとリビジョンのみが表示されるようにステータス・ラベルを再フォーマットするには、「ステータス・ラベル形式」テキスト・フィールドの内容を次のように再整理します。
@@ -239,7 +252,10 @@ CVSバージョン管理ウィンドウは、ローカルの作業コピーの
 
 バージョン管理ウィンドウを開くには、(「プロジェクト」ウィンドウ、「ファイル」ウィンドウ、「お気に入り」ウィンドウなどから)バージョン管理ファイルまたはフォルダを選択し、右クリック・メニューから「CVS」>「変更を表示」を選択するか、またはメイン・メニューから「バージョン管理」>「変更を表示」を選択します。IDEの最下部に次のウィンドウが表示されます。
 
-image:::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+[.feature]
+--
+image::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+--
 
 デフォルトでは、「バージョン管理」ウィンドウは、選択されたパッケージまたはフォルダ内の変更されたすべてのファイルを一覧表示します。ツールバーにあるボタンを使用することによって、すべての変更を表示するか、表示されるファイルの一覧をローカルまたはリモートで変更されたファイルに制限できます。一覧表示されたファイルの上にある列の見出しをクリックして、名前、ステータス、または場所でファイルをソートすることもできます。
 
@@ -272,17 +288,29 @@ image::images/cvs-right-click.png[]
 |* *履歴を検索*: 
 
 IDEの履歴ビューアで選択したファイルの複数のリビジョンを検索して比較できます。履歴ビューアから、<<comparing,差分>>を取得したり、選択したリビジョンにローカル・コピーをロール・バックしたりすることもできます。
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *コミットから除外*: 
 
 コミットを実行するときに除外するファイルをマークできます。
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *変更内容を元に戻す*: 
 
 「上書きを確認」ダイアログを開き、ローカル作業コピー内のファイルにコミットした任意のアクションを元に戻すことができます。
- |image:::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"] 
+ |[.feature]
+--
+image::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"]
+--
+ 
 |===
 
 
@@ -292,7 +320,10 @@ IDEの履歴ビューアで選択したファイルの複数のリビジョン
 
 差分の取得を実行すると、選択したファイルとリビジョンについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。差分ビューアには2つのコピーが並んだパネルに表示されます。右側により現在に近いコピーが表示されるため、作業コピーに対してリポジトリ・リビジョンを比較すると、右パネルに作業コピーが表示されます。
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<<viewingChanges,色分け>>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いリビジョンに追加された内容を示します。赤いブロックは、前のリビジョンの内容が、より最近のリビジョンから除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。
 
@@ -355,7 +386,10 @@ NetBeans IDEでは、リポジトリの異なる分岐で行われた変更を
 
 1. プロジェクトの新しい分岐を作成するには、プロジェクト・ノードを右クリックし、「CVS」>「分岐」を選択します。「分岐」ダイアログで、分岐名として「`new_feature`」と入力し、「完了後にこの分岐に切替え」オプションが選択されていることを確認します。
 
-image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+[.feature]
+--
+image::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+--
 
 「分岐」ボタンをクリックします。リポジトリに新しい分岐が作成され、IDEによってターゲット・リポジトリの場所が新しい分岐に切り替えられます。「プロジェクト」ウィンドウで、バージョン管理されるファイルの横に新しい分岐名がグレーのテキストで表示され、分岐から作業できるようになったことが示されます。
 
@@ -372,7 +406,10 @@ IDEによってターゲット・リポジトリの場所がトランクに切
 * 「まで」オプションで、「分岐の先頭」を選択し、トランクにマージする分岐の名前を入力します。「参照」をクリックして、リポジトリ内の既存の分岐から検索することもできます。
 * マージ後にリビジョンにタグ付けする場合は、「マージ後にトランクにタグ付け」を選択し、選択するタグ名を入力します。
 
-image:::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+[.feature]
+--
+image::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+--
 
 「マージ」をクリックします。IDEによって分岐がトランクに組み込まれます。処理でマージ競合が発生した場合、プロジェクトのステータスはこれを示すために「<<resolving,競合をマージ>>」に更新されます。
 
@@ -407,7 +444,10 @@ image::images/cvs-conflict-versioning-win.png[]
 
 マージ競合リゾルバは、競合のある2つのリビジョンを上のペインに横に並べて表示し、競合領域は強調表示されます。下部のペインは、2つのリビジョン間の個々の競合のマージが行われると表示されるファイルを示します。
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 上部のペインに表示される2つのリビジョンのいずれかを採用することで競合を解決します。採用するリビジョンの「同意」ボタンをクリックします。IDEによって、採用されたリビジョンがソース・ファイルにマージされ、マージ競合リゾルバの下のペインにマージの結果がすぐに表示されます。すべての競合を解決したら、「OK」をクリックしてマージ競合リゾルバを終了し、変更したファイルを保存します。競合を示すバッジが除去され、これで、変更したファイルをリポジトリにコミットできます。
 
@@ -421,7 +461,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 「コミット」ダイアログが開き、リポジトリにコミットされるファイルが表示されます。
 
-image:::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+[.feature]
+--
+image::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+--
 
 「コミット」ダイアログには、次が表示されます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/cvs_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/cvs_pt_BR.asciidoc
index 19f435c8..0ba203ff 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/cvs_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/cvs_pt_BR.asciidoc
@@ -97,7 +97,10 @@ Dependendo do método utilizado, pode ser necessário especificar outras informa
 Para obter ajuda sobre como acessar repositórios locais, consulte: link:http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS[+Como posso acessar repositórios locais?+]
 3. No painel Módulos para Check-out do assistente, especifique o módulo cujo check-out deseja no campo Módulo. Caso não saiba o nome do módulo ao qual deseja fazer check-out, clique no botão Procurar para exibir o conteúdo do repositório. Na caixa de diálogo Procurar por Módulo CVS, selecione quaisquer dos módulos listados e clique em OK. Sua seleção é então adicionada no campo Módulo:
 
-image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+[.feature]
+--
+image::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+--
 
 4. No campo de texto Ramificação, insira o nome da ramificação para check-out. Clique no botão Procurar para abrir a caixa de diálogo Procurar Tags e pesquise as ramificações e tags disponíveis. Caso você não especifique uma ramificação ou uma tag, o _trunk_ será submetido a check-out.
 5. No campo Pasta Local, insira um local em seu computador onde deseja fazer check-out dos arquivos e, em seguida, clique em Finalizar para iniciar o check-out de CVS. O IDE faz check-out dos códigos-fonte especificado e a barra de status do IDE indica o andamento do download dos arquivos do repositório para seu diretório de trabalho local. Você também pode exibir os arquivos que estão sendo submetidos a check-out na janela de Saída (Ctrl-4). 
@@ -117,7 +120,10 @@ Para importar um projeto para um repositório:
 2. No painel Raiz CVS do assistente Importar, indique a localização do repositório, como definido pelo <<protocolTypes,`CVSROOT`>>. Dependendo do método utilizado, pode ser necessário especificar outras informações, como uma senha e definições de proxy para a conexão com um repositório remoto (exemplo, para um `pserver`). Clique em Próximo.
 3. No painel Pasta a Importar, especifique a pasta local que deseja colocar no repositório. O nome de seu projeto lhe é sugerido por default no campo de texto Pasta a Importar:
 
-image:::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+[.feature]
+--
+image::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+--
 
 4. Na área de texto Importar Mensagem, insira uma descrição do projeto que está importando no repositório.
 5. Especifique a localização no repositório onde deseja importar o projeto ao digitar o caminho no campo de texto Pasta do Repositório. Se preferir, clique no botão Procurar para navegar para uma localização específica no repositório. Clique em Finalizar para iniciar a importação. O IDE fará upload dos arquivos do projeto para o repositório e a janela de Saída será aberta e exibirá o andamento.
@@ -158,7 +164,11 @@ A margem direita do Editor de Código-fonte fornece uma visão geral que exibe a
 Observe que você pode clicar em um ponto específico na margem para trazer imediatamente o seu cursor in-line para esse local no arquivo. Para exibir o número de linhas afetadas, passe o mouse sobre os ícones coloridos na margem direita:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Margem esquerda* |image::images/right-ui.png[title="a codificação de cor do controle de versão é exibida na margem direita do editor"] 
 *Margem direita* 
 |===
@@ -216,7 +226,10 @@ Os labels de status do arquivo fornecem uma indicação textual do status dos ar
 1. Escolha Ferramentas > Opções (NetBeans > Preferências no Mac) no menu principal. A janela Opções é aberta.
 2. Selecione o botão Diversos na parte superior da janela e clique na guia Controle de Versão abaixo dela. Garanta que CVS esteja selecionado abaixo de Sistemas de Controle de Versão no painel esquerdo:
 
-image:::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+[.feature]
+--
+image::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+--
 
 3. Clique no botão Adicionar Variável à direita do campo de texto Formato do Label de Status. Na caixa de diálogo Adicionar Variável que é exibida, selecione a variável `{revision}` e clique em OK. A variável revision é adicionada ao campo de texto Formato do label de status.
 4. Para reformatar os labels de status de forma que somente o seletor de status e de revisão seja exibido à direita dos arquivos, reorganize o conteúdo do campo de texto Formato do label de status para o seguinte:
@@ -239,7 +252,10 @@ A janela de Controle de Versão de CVS fornece uma lista em tempo real de todas
 
 Para abrir a janela de Controle de Versão, selecione um arquivo ou pasta com controle de versão (ou seja, na janela Projetos, Arquivos ou Favoritos) e escolha CVS > Mostrar Alterações com o menu de contexto, ou escolha Controle de Versão > Mostrar Alterações no menu principal. A janela seguinte aparece na parte inferior do IDE:
 
-image:::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+[.feature]
+--
+image::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+--
 
 Por default, a janela Controle de Versão exibe uma lista de todos os arquivos modificados dentro do pacote ou pasta selecionado. Usando os botões na barra de ferramentas, é possível optar por exibir todas as alterações ou limitar a lista de arquivos exibidos a arquivos modificados local ou remotamente. É possível clicar nos cabeçalhos das colunas acima dos arquivos listados para classificá-los por nome, status ou local.
 
@@ -272,17 +288,29 @@ Exibe o autor e as informações do número da revisão na margem esquerda dos a
 |* *Pesquisar Histórico*: 
 
 Permite que você procure e compare várias revisões do arquivo selecionado no Exibidor de Histórico do IDE. No Visualizador de Históricos também é possível executar uma <<comparing,comparação>> ou restaurar sua cópia local para a revisão selecionada.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Excluir da Confirmação*: 
 
 Permite que você marque o arquivo para ser excluído ao executar uma confirmação.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Reverter Modificações*: 
 
 Abre a caixa de diálogo Confirmar Substituição que permite reverter quaisquer ações que tenham sido confirmadas para arquivos em sua cópia local de trabalho.
- |image:::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"] 
+ |[.feature]
+--
+image::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"]
+--
+ 
 |===
 
 
@@ -292,7 +320,10 @@ Comparar revisões de arquivos é uma tarefa comum ao se trabalhar com projetos
 
 Quando você faz uma diferenciação, um Visualizador de Diferenciação gráfico é aberto para os arquivos e revisões selecionados na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado. A cópia mais atual aparece no lado direito, portanto, se você estiver comparando uma revisão do repositório com sua cópia de trabalho, a cópia de trabalho é exibida no painel direito:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 O visualizador de Diferenciação usa a mesma <<viewingChanges,codificação de cor>> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).
 
@@ -355,7 +386,10 @@ O caso de uso simples a seguir demonstra como você pode aplicar a caixa de diá
 
 1. Crie a nova ramificação para o projeto ao clicar com o botão direito do mouse no nó do projeto e escolha CVS > Ramificação. Na caixa de diálogo Ramificação, insira `new_feature` como o nome da ramificação, e certifique-se de que a opção Ramificar Posteriormente esteja selecionada:
 
-image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+[.feature]
+--
+image::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+--
 
 Clique no botão Ramificar. Uma nova ramificação é criada no repositório, e o IDE alterna sua localização de repositório de destino para a nova ramificação. Na janela Projetos, o nome da nova ramificação é exibido em texto cinza junto aos arquivos com controle de versão, indicando que você agora está trabalhando a partir da ramificação.
 
@@ -372,7 +406,10 @@ Na caixa de diálogo, especifique os seguintes critérios:
 * Para a opção Até, selecione Início da Ramificação, e digite o nome da ramificação que deseja mesclar no tronco. Você também pode clicar em Procurar para pesquisar entre as ramificações existentes no repositório.
 * Caso deseje identificar as versões após a mescla, selecione Identificar Tronco após a mesclagem, e insira um nome de tag de sua escolha.
 
-image:::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+[.feature]
+--
+image::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+--
 
 Clique em Mesclar. O IDE incorpora a ramificação com o tronco. Caso surjam conflitos no processo, o status do projeto é atualizado para <<resolving,Conflito de Mesclagem>> para indicar isso.
 
@@ -409,7 +446,10 @@ Quaisquer conflitos que surjam precisam ser resolvidos antes de confirmar os arq
 
 O Resolvedor de Conflitos de Mesclagem exibe as duas revisões em conflito lado a lado no painel superior, com as áreas conflitantes realçadas. O painel inferior mostra o arquivo da forma como aparece durante mesclagens de conflitos entre as duas revisões:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 Você resolver um conflito ao aceitar uma das duas revisões exibidas no painel superior. Clique no botão Aceitar da revisão que deseja aceitar. O IDE mescla a revisão aceita com o arquivo de origem e você pode imediatamente ver os resultados da mesclagem no painel inferior do Resolvedor de Conflitos de Mesclagem. Depois de resolver todos os conflitos, clique em OK para sair do Resolvedor de Conflitos de Mesclagem e salvar o arquivo modificado. O emblema de conflito é removido e agora é possível confirmar o arquivo modificado no repositório.
 
@@ -423,7 +463,10 @@ Após editar os arquivos de origem, executar uma atualização e resolver quaisq
 
 A caixa de diálogo Confirmar é aberta, exibindo os arquivos que estão prestes a serem confirmados no repositório:
 
-image:::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+[.feature]
+--
+image::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+--
 
 A caixa de diálogo Confirmar lista:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/cvs_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/cvs_ru.asciidoc
index b07481b7..7474ea77 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/cvs_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/cvs_ru.asciidoc
@@ -97,7 +97,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 Для получения дополнительной информации о доступе к локальным репозиториям см. страницу link:http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS[+How can I access local repositories? (Как получить доступ к локальным репозиториям?)+]
 3. На панели "Модули для взятия" мастера укажите модуль, который необходимо взять для изменения, в поле "Модуль". Если название модуля неизвестно, нажмите кнопку "Обзор" для просмотра содержимого репозитория. В появившемся диалоговом окне "Выбор модуля CVS" выберите модуль из списка и нажмите кнопку "ОК". Выбранный модуль будет добавлен в поле "Модуль".
 
-image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+[.feature]
+--
+image::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+--
 
 4. В текстовом поле "Ветвь" введите имя ветви для получения. Можно также нажать кнопку "Обзор" для открытия диалогового окна "Выбор тега" и поиска доступных ветвей и тегов. Если ветвь или тег не будут указаны, будет выполнено получение _главной ветви_.
 5. В поле "Локальная папка" введите местоположение на своем компьютере, в которое необходимо сохранить взятые файлы, затем нажмите кнопку "Готово", чтобы начать процесс взятия файлов для изменения в CVS. Среда IDE берёт указанные исходные файлы для изменения. Строка состояния среды IDE в правом нижнем углу показывает состояние загрузки файлов из репозитория в локальный каталог. Также можно просмотреть получаемые файлы в окне "Вывод" (Ctrl-4). 
@@ -117,7 +120,10 @@ image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png
 2. На панели "Корень CVS" мастера импорта укажите местоположение репозитория, определенное переменной <<protocolTypes,`CVSROOT`>>. В зависимости от используемого метода для подключения к удаленному репозиторию может потребоваться ввод дополнительной информации: пароля или параметров прокси-сервера (например для метода подключения `pserver`). Нажмите кнопку "Далее".
 3. На панели "Импортируемая папка" укажите локальную папку, которую требуется поместить в репозиторий. Предложенное по умолчанию имя проекта отображается в текстовом поле "Импортируемая папка".
 
-image:::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+[.feature]
+--
+image::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+--
 
 4. В текстовом блоке "Сообщение импорта" введите описание проекта, импортируемого в репозиторий.
 5. Укажите местоположение в репозитории, куда необходимо импортировать проект, введя путь в текстовом поле "Папка репозитория". Можно также нажать кнопку "Обзор" и перейти к определенному местоположению в репозитории. Чтобы начать процесс импорта, нажмите "Готово". Среда IDE выгружает файлы проекта в репозиторий, а в открывшемся окне вывода отображается состояние импорта.
@@ -158,7 +164,11 @@ image:::images/folder-to-import-small.png[role="left", link="images/folder-to-im
 Обратите внимание, что можно щелкнуть определенную точку внутри поля, чтобы немедленно перенести курсор в строке к этому месту файла. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Левое поле* |image::images/right-ui.png[title="цветовая кодировка управления версиями отображается на правой границе редактора"] 
 *Правое поле* 
 |===
@@ -216,7 +226,10 @@ image::images/badge-example.png[]
 1. Выберите Tools ("Сервис") > Options ("Параметры") (NetBeans > Preferences ("Настройки") на Mac) из главного меню. Откроется окно "Options".
 2. Выберите кнопку Miscellaneous ("Разное") наверху диалогового окна, затем щелкните вкладку Versioning ("Контроль версий") под ним. В списке систем контроля версий на панели должна быть выбрана система CVS:
 
-image:::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+[.feature]
+--
+image::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+--
 
 3. Нажмите кнопку "Добавить переменную" справа от текстового поля "Формат ярлыка состояния". В открывшемся диалоговом окне" Добавление переменной" выберите переменную`{revision}` и нажмите "ОК". Переменная revision добавляется в текстовое поле "Формат ярлыка состояния".
 4. Чтобы изменить формат ярлыка состояния так, чтобы справа от файлов отображались только состояние и номер редакции, измените порядок значений в текстовом поле "Формат ярлыка состояния" следующим образом:
@@ -239,7 +252,10 @@ image::images/cvs-file-labels.png[]
 
 Чтобы открыть окно контроля версий, выберите версию файла или каталога (например, из окна "Проекты", "Файлы" или "Избранное") и либо выберите "CVS" > "Показать изменения" из контекстного меню, либо "Управление версиями" > "Показать изменения" из главного меню. В нижней панели среды IDE откроется следующее окно:
 
-image:::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+[.feature]
+--
+image::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+--
 
 По умолчанию в окне контроля версий отображается список измененных файлов в выбранном пакете или папке. Кнопки на панели инструментов используются для выбора отображения всех изменений или ограничения списка отображаемых файлов локальными или удаленными измененными файлами. Также можно щелкнуть заголовки столбцов над перечисленными файлами, чтобы отсортировать их по имени, состоянию или местоположению.
 
@@ -272,17 +288,29 @@ image::images/cvs-right-click.png[]
 |* *Поиск в журнале*: 
 
 Позволяет искать и сравнивать ранние редакции выбранного файла в окне просмотра журнала в среде IDE. Из окна просмотра журнала можно вызвать команду <<comparing,сравнения>> или вернуть текущую локальную копию в состояние выбранной редакции.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Исключить из фиксации*: 
 
 Позволяет исключить файл из процесса фиксации.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Откатить изменения*: 
 
 Открывает диалоговое окно "Подтвердить перезапись файла", позволяя отменить действия, выполненные с файлами в локальной рабочей копии.
- |image:::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"] 
+ |[.feature]
+--
+image::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"]
+--
+ 
 |===
 
 
@@ -292,7 +320,10 @@ image::images/cvs-right-click.png[]
 
 При выполнении сравнения откроется средство просмотра различий для выбранного файла(-в) и редакций в главном окне IDE. В средстве просмотра различий отображаются две копии на параллельных панелях. Текущая копия отображается в правой части, поэтому при сравнении копии в репозитории с рабочей копией последняя отображается на правой панели:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 В просмотре различий используются те же <<viewingChanges,условные цвета>>, что используются и в других местах для показа изменений под контролем версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.
 
@@ -355,7 +386,10 @@ IDE NetBeans обеспечивает возможность слияния из
 
 1. Создайте новую ветвь для проекта, щелкнув правой кнопкой мыши узел проекта и выбрав CVS > 'Ветвь'. В диалоговом окне 'Ветвь' введите имя ветви — `new_feature` — и убедитесь, что выбран параметр 'Переключиться на ветвь после создания'.
 
-image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+[.feature]
+--
+image::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+--
 
 Нажмите кнопку "Ветвь". В репозитории создается новая ветвь, и среда IDE переключает целевое местоположение в репозитории на новую ветвь. В окне 'Проекты' текст имени новой ветви выделен серым цветом рядом с файлами, для которых поддерживается управление версиями, что указывает на то, что теперь работа выполняется из ветви.
 
@@ -372,7 +406,10 @@ image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-
 * Для параметра "До" выберите значение "Заголовок ветви" и введите имя ветви, которую нужно слить с главной ветвью. Можно также нажать кнопку "Обзор" и найти в репозитории существующую ветвь.
 * Если необходимо пометить редакции, следующие за операцией слияния, выберите "Тег головной ветви после слияния" и введите необходимое имя тега.
 
-image:::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+[.feature]
+--
+image::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+--
 
 Щелкните "Слить". Среда IDE вводит ветвь в главную ветвь. Если во время процесса слияния возникают конфликты, состояние проекта меняется на <<resolving,Конфликт слияния>>.
 
@@ -407,7 +444,10 @@ image::images/cvs-conflict-versioning-win.png[]
 
 Средство разрешения конфликтов слияния отображает две конфликтующие копии рядом на верхней панели, выделяя при этом конфликтующие области. На нижней панели изображен файл так, как он отображается во время слияния для отдельных конфликтов между двумя редакциями:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 Для разрешения конфликта примите одну из двух редакций, которые отображаются на верхней панели. В редакции, которую необходимо принять нажмите кнопку "Принять". Среда IDE сливает принятую редакцию с исходным файлом, и результаты слияния мгновенно отображаются на нижней панели разрешителя конфликтов слияния. Когда все конфликты будут разрешены, нажмите "ОК" для выхода из средства разрешения конфликтов слияния и сохранения измененного файла. Метка конфликта будет удалена, и файл можно будет фиксировать в репозитории.
 
@@ -421,7 +461,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 Откроется диалоговое окно "Фиксация", в котором отображаются файлы для фиксации в репозитории:
 
-image:::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+[.feature]
+--
+image::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+--
 
 В диалоговом окне "Фиксация" перечислено следующее:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/cvs_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/cvs_zh_CN.asciidoc
index 7c982da8..b8f8dfdf 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/cvs_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/cvs_zh_CN.asciidoc
@@ -97,7 +97,10 @@ IDE 支持多种 `CVSROOT` 格式,这取决于 CVS 资源库是本地还是远
 如需获得访问本地资源库的更多帮助,请参见:link:http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS[+如何访问本地资源库?+]
 3. 在向导的 "Modules to Checkout"(要检出的模块)面板的 "Module"(模块)字段中,指定要检出的模块。如果不知道要检出的模块的名称,请单击 "Browse"(浏览)按钮,以查看资源库的内容。在显示的 "Browse CVS Module"(浏览 CVS 模块)对话框中,选择任意已列出的模块,然后单击 "OK"(确定)。此后会将所选内容添加到 "Module"(模块)字段中:
 
-image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+[.feature]
+--
+image::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png"]
+--
 
 4. 在 "Branch"(分支)文本字段中,输入要检出的分支的名称。您可以单击 "Browse"(浏览)按钮打开 "Browse Tags"(浏览标记)对话框,以搜索可用的分支和标记。如果未指定分支或标记,则会检出_主干_。
 5. 在 "Local Folder"(本地文件夹)字段中,输入计算机上要将文件检出到的位置,然后单击 "Finish"(完成),以启动 CVS 检出。IDE 将检出指定的源,而在右下角显示其状态栏,指示文件从资源库下载到本地目录的进度。此外,也可以在 "Output"(输出)窗口(Ctrl-4 组合键)中查看正在检出的文件。
@@ -117,7 +120,10 @@ image:::images/cvs-checkout-small.png[role="left", link="images/cvs-checkout.png
 2. 在导入向导的 "CVS Root"(CVS 根目录)面板中,根据 <<protocolTypes,`CVSROOT`>> 的定义指定资源库的位置。根据所使用的方法,您可能需要指定其他信息,如用于连接到远程资源库(例如,`pserver`)的口令及代理设置。单击 "Next"(下一步)。
 3. 在 "Folder to Import"(要导入的文件夹)面板中,指定要放在资源库中的本地文件夹。默认情况下,将建议您在 "Folder to Import"(要导入的文件夹)文本字段中输入项目的名称:
 
-image:::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+[.feature]
+--
+image::images/folder-to-import-small.png[role="left", link="images/folder-to-import.png"]
+--
 
 4. 在 "Import Message"(导入消息)文本区域中,输入要导入资源库中的项目的描述。
 5. 在 "Repository Folder"(资源库文件夹)文本字段中键入路径,以指定资源库中要导入项目的位置。或者,单击 "Browse"(浏览)按钮,以导航至资源库中的特定位置。单击 "Finish"(完成)以启动导入操作。IDE 会将项目文件上载到资源库中,并打开 "Output"(输出)窗口以显示进度。
@@ -158,7 +164,11 @@ image:::images/folder-to-import-small.png[role="left", link="images/folder-to-im
 注:单击旁注的特定点可以让内联光标立即转到文件中的该位置。想要查看受影响行的行号,可以将鼠标放在右旁注中的彩色图标上:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *左旁注* |image::images/right-ui.png[title="显示在编辑器右旁注中的版本控制颜色编码"] 
 *右旁注* 
 |===
@@ -216,7 +226,10 @@ image::images/badge-example.png[]
 1. 从主菜单中选择 "Tools"(工具)> "Options"(选项);在 Mac 上为 "NetBeans" > "Preferences"(首选项)。此时将打开 "Options"(选项)窗口。
 2. 选择窗口顶部的 "Miscellaneous"(其他)图标,然后单击下面的 "Versioning"(版本控制)标签。确保在左面板中的版本控制系统下方选择了 "CVS":
 
-image:::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+[.feature]
+--
+image::images/cvs-options-small.png[role="left", link="images/cvs-options.png"]
+--
 
 3. 单击 "Status Label Format"(状态标签格式)文本字段右侧的 "Add Variable"(添加变量)按钮。在显示的 "Add Variable"(添加变量)对话框中,选择 `{revision}` 变量,然后单击 "OK"(确定)。此时修订版本变量将添加到 "Status Label Format"(状态标签格式)文本字段中。
 4. 要重新设置状态标签的格式,以在文件右侧仅显示状态和修订版本,可按下列顺序重新排列 "Status Label Format"(状态标签格式)文本字段的内容:
@@ -239,7 +252,10 @@ CVS "Versioning"(版本控制)窗口为您提供了一个实时列表,其
 
 要打开 "Versioning"(版本控制)窗口,选择一个版本化文件或文件夹(例如,从 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中选择),然后从右键菜单中选择 "CVS" > "Show Changes"(显示更改)或者从主菜单中选择 "Versioning"(版本控制)> "Show Changes"(显示更改)。下面的窗口出现在 IDE 底部:
 
-image:::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+[.feature]
+--
+image::images/cvs-versioning-window-small.png[role="left", link="images/cvs-versioning-window.png"]
+--
 
 默认情况下,"Versioning"(版本控制)窗口会显示选定包或文件夹中所有已修改文件的列表。使用工具栏中的按钮,可以选择显示所有更改,也可以将显示的文件列表限定为本地或远程修改的文件。此外,也可以单击列出的文件上面的列标题,按名称、状态或位置对这些文件进行排序。
 
@@ -272,17 +288,29 @@ image::images/cvs-right-click.png[]
 |* *搜索历史记录*: 
 
 用于在 IDE 的历史记录查看器中搜索并比较选定文件的多个修订版本。通过历史记录查看器,还可以执行<<comparing,比较>>,或将本地副本回退至选定修订版本。
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *从提交中排除*: 
 
 用于标记执行提交时要排除的文件。
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *还原修改*: 
 
 打开 "Confirm Overwrite"(确认覆盖)对话框,以便还原已提交到本地工作副本中的文件的任何操作。
- |image:::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"] 
+ |[.feature]
+--
+image::images/cvs-confirm-overwrite-small.png[role="left", link="images/cvs-confirm-overwrite.png"]
+--
+ 
 |===
 
 
@@ -292,7 +320,10 @@ image::images/cvs-right-click.png[]
 
 进行比较时,将在 IDE 的主窗口中打开选定文件和修订版本的图形化比较查看器。比较查看器在两个并行面板中显示两个副本。较新的副本显示在右侧,因此,如果要将资源库修订版本与工作副本进行比较,则在右面板中显示工作副本:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 比较查看器使用<<viewingChanges,颜色编码>>来显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示已添加到较新修订版本中的内容。红色块指示从较新修订版本中删除了以前的修订内容。蓝色指示在突出显示的行中发的更改。
 
@@ -355,7 +386,10 @@ image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
 
 1. 为项目创建新分支,方法是右键单击项目节点,然后选择 "CVS" > "Branch"(分支)。在 "Branch"(分支)对话框中,输入 `new_feature` 作为分支名称,并确保 "Switch to this Branch Afterwards"(以后切换到此分支)选项处于选中状态:
 
-image:::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+[.feature]
+--
+image::images/cvs-branch-dialog-small.png[role="left", link="images/cvs-branch-dialog.png"]
+--
 
 单击 "Branch"(分支)按钮。此时将在资源库中创建新分支,而且 IDE 会将目标资源库位置切换至新分支。在 "Projects"(项目)窗口中,新的分支名称以灰色文本显示在版本控制文件旁,表示您目前正在使用分支。
 
@@ -372,7 +406,10 @@ IDE 会将目标资源库位置切换至主干。在 "Projects"(项目)窗
 * 对于 "Until"(结束位置)选项,请选择 "Branch Head"(分支标头),然后键入要合并到主干中的分支名称。您还可以单击 "Browse"(浏览),以搜索资源库中的现有分支。
 * 如果要在合并后标记修订版本,请选择 "Tag Trunk after Merge"(标记合并后的主干),然后输入所选的标记名称。
 
-image:::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+[.feature]
+--
+image::images/cvs-merge-branches-small.png[role="left", link="images/cvs-merge-branches.png"]
+--
 
 单击 "Merge"(合并)。IDE 会将分支合并到主干中。如果该过程中出现任何合并冲突,则会将项目的状态更新为<<resolving,合并冲突>>,以说明这一情况。
 
@@ -407,7 +444,10 @@ image::images/cvs-conflict-versioning-win.png[]
 
 "Merge Conflicts Resolver"(合并冲突解决程序)在顶部窗格中并排显示两个冲突的修订版本,并突出显示冲突区域。对两个修订版本之间的各个冲突进行合并时,下方窗格会描述显示的文件:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 您可以通过接受顶部窗格中显示的两个修订版本之一来解决冲突。单击要接受的修订版本的 "Accept"(接受)按钮。IDE 会将接受的修订版本与源文件合并,您可以立即在合并冲突解决程序的底部窗格中看到合并结果。解决了所有冲突后,单击 "OK"(确定)退出合并冲突解决程序并保存修改的文件。此时将删除冲突标记,现在您就可以将修改的文件提交到资源库了。
 
@@ -421,7 +461,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 此时将打开 "Commit"(提交)对话框,其中显示要提交到资源库的文件:
 
-image:::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+[.feature]
+--
+image::images/cvs-commit-dialog-small.png[role="left", link="images/cvs-commit-dialog.png"]
+--
 
 "Commit"(提交)对话框将列出以下内容:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/git.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/git.asciidoc
index 3a9c452a..16dd3ed0 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/git.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/git.asciidoc
@@ -80,7 +80,10 @@ To initialize a Git repository from existing files that are not in source contro
 1. In the Projects window, select an unversioned project and right-click the project name.
 2. In the context menu, choose  ``Versioning``  >  ``Initialize Git Repository``  (alternatively, in the main menu, choose  ``Team``  >  ``Git``  >  ``Initialize`` ).
 
-image:::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+[.feature]
+--
+image::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+--
 
 3. Specify the path to the repository you are going to store your versioned files in the  ``Initialize a Git Repository ``  dialog box or click Browse and browse for the directory required.
 4. Click OK.
@@ -103,7 +106,10 @@ To get a copy of an already existing Git repository, you need to clone it. Make
 
 1. Choose  ``Team``  >  ``Git``  >  ``Clone``  from the main menu. The Clone Repository wizard displays.
 
-image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+[.feature]
+--
+image::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+--
 
 2. At the Repository page, specify the path to a Git repository location, user name and password (you can save them for the future if required).
 3. (Optional) Click Proxy Configuration to display the Options dialog box and set the proxy server settings. Click OK when finished.
@@ -142,12 +148,18 @@ To clone a repository from GitHub via the SSH protocol, proceed as follows:
 6. (*Applies if using SSH-agent or Pageant for automated SSH access to the Git server.*) Leave the Private Key File and Passphrase fields empty to get authenticated access from the IDE to the Git server via correctly configured SSH-agent or Pageant.
 7. (Optional) Click Proxy Configuration to display the Options dialog box and set the proxy server settings. Click OK when finished.
 
-image:::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+[.feature]
+--
+image::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+--
 
 8. Click Next.
 9. At the Remote Branches page, select the repository branch(es) to be fetched (downloaded) to your local repository, for example  ``master`` .
 
-image:::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+[.feature]
+--
+image::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+--
 
 10. Click Next.
 11. At the Destination Directory page, specify the following:
@@ -160,7 +172,10 @@ By default Clone Name is filled out with the actual Git repository name.
  ``origin``  is the default alias of the repository being cloned. It is a recommended value.
 * Leave the Scan for NetBeans Projects after Clone checkbox selected to activate after-scanning right after the clone finishes. (The plugin searches for NetBeans projects in the cloned resources and offers to open the found projects.)
 
-image:::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+[.feature]
+--
+image::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+--
 
 12. Click Finish.
 After the repository is cloned, the Clone Completed message displays.
@@ -331,7 +346,10 @@ The Git Versioning view provides you with a real-time list of all of the changes
 
 To open the Versioning view, select a versioned file or folder (e.g. from the Projects, Files, or Favorites window) and either choose  ``Git``  >  ``Show Changes``  from the right-click menu, or choose  ``Team``  >  ``Show Changes``  from the main menu. The following window appears in the bottom of the IDE:
 
-image:::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+[.feature]
+--
+image::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+--
 
 By default, the Versioning view displays a list of all modified files within the selected package or folder in your Working Tree. Using the buttons in the toolbar, you can choose to display the list of files which have differences either between Index and HEAD, Working Tree and Index or Working Tree and HEAD. You can also click the column headings above the listed files to sort the files by name, status or location.
 
@@ -357,7 +375,10 @@ The Versioning view toolbar also includes buttons that enable you to invoke the
 
 You can access other Git commands in the Versioning view by selecting a table row that corresponds to a modified file, and choosing a command from the right-click menu:
 
-image:::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+[.feature]
+--
+image::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+--
 
 
 === Comparing File Revisions
@@ -370,7 +391,10 @@ Comparing file versions is a common task when working with versioned projects. T
 2. Choose  ``Team``  >  ``Diff``  >  ``Diff to HEAD``  from the main menu.
 A graphical Diff Viewer opens for the selected file(s) and revisions in the IDE's main window. The Diff Viewer displays two copies in side-by-side panels. The more current copy appears on the right side, so if you are comparing a repository revision against your working tree, the working tree displays in the right panel:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 The Diff Viewer makes use of the same <<color-coding-table,color coding>> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current revision. The red block indicates that content from the earlier revision has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).
 
@@ -436,7 +460,10 @@ To commit files to the Git repository:
 
 The  ``Commit``  dialog box displays.
 
-image:::images/commit-small.png[role="left", link="images/commit.png"]
+[.feature]
+--
+image::images/commit-small.png[role="left", link="images/commit.png"]
+--
 
 The  ``Commit``  dialog box contains the following components:
 
@@ -494,7 +521,10 @@ To create a local branch, if you want to work on a separate version of your file
 
 The Create Branch dialog box displays.
 
-image:::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+[.feature]
+--
+image::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+--
 
 3. In the Branch Name field, enter the name of the branch being created.
 4. Type a specific revision of the selected item by entering a commit ID, existing branch, or tag name in the Revision field or press Select to view the list of revisions maintained in the repository.
@@ -502,7 +532,10 @@ image:::images/create-branch-small.png[role="left", link="images/create-branch.p
 6. Review the Commit ID, Author, Message fields information specific to the revision being branched from and click Create.
 The branch is added to the  ``Branches/Local``  folder of the Git repository.
 
-image:::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+[.feature]
+--
+image::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+--
 
 
 === Checking Out
@@ -514,7 +547,10 @@ To check out a revision, perform the following:
 1. Choose Team > Checkout > Checkout Revision from the main menu. 
 The Checkout Selected Revision dialog box displays.
 
-image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+[.feature]
+--
+image::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+--
 
 2. Specify the revision required by entering a commit ID, existing branch, or tag name in the Revision field or press Select to view the list of revisions maintained in the repository.
 3. Skip if you did not press Select in the previous step. In the Select Revision dialog box, expand Branches and choose the branch required, specify the commit ID in the adjacent list if required, and press Select.
@@ -533,7 +569,10 @@ The IDE supports context-sensitive checkout of the file(s), folder(s), or projec
 1. Choose Team > Checkout > Checkout Files from the main menu. 
 The Checkout Selected Paths dialog box displays.
 
-image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+[.feature]
+--
+image::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+--
 
 2. Choose the Update Index with Entries from the Selected Revision option.
 If selected, the Index is updated with the state in the selected revision prior to the checkout itself (i.e., the selected files both in the Working Tree and Index are updated).
@@ -549,7 +588,10 @@ To port modifications from  a repository revision to the Working Tree, do as fol
 1. Choose Team > Branch/Tag > Merge Revision from the main menu.
 The Merge Revision dialog box displays.
 
-image:::images/merge-small.png[role="left", link="images/merge.png"]
+[.feature]
+--
+image::images/merge-small.png[role="left", link="images/merge.png"]
+--
 
 2. Specify the revision required by entering a commit ID, existing branch, or tag name in the Revision field or press Select to view the list of revisions maintained in the repository.
 3. Skip if you did not press Select in the previous step. In the Select Revision dialog box, expand Branches and choose the branch required, specify the commit ID in the adjacent list if required, and press Select.
@@ -593,7 +635,10 @@ To fetch the updates, do as follows:
 1. Choose Team > Remote > Fetch.
 The Fetch from Remote Repository wizard displays.
 
-image:::images/fetch-small.png[role="left", link="images/fetch.png"]
+[.feature]
+--
+image::images/fetch-small.png[role="left", link="images/fetch.png"]
+--
 
 2. At the Remote Repository page of the wizard, select either the Configured repository (to use the path to the repository configured earlier) or Specify Git Repository Location option (to define the path to a remote repository that has not been accessed yet, its name, login, password, and proxy configuration if required) and click Next.
 3. At the Remote Branches page of the wizard, choose the branches to fetch changes from and click Finish.
@@ -609,7 +654,10 @@ To perform pulling, complete the following steps:
 1. Choose Team > Remote > Pull.
 The Pull from Remote Repository wizard displays.
 
-image:::images/pull-small.png[role="left", link="images/pull.png"]
+[.feature]
+--
+image::images/pull-small.png[role="left", link="images/pull.png"]
+--
 
 2. At the Remote Repository page of the wizard, select either the Configured repository (to use the path to the repository configured earlier) or Specify Git Repository Location option (to define the path to a remote repository that has not been accessed yet, its name, and login and password if required) and click Next.
 3. At the Remote Branches page of the wizard, choose the branches to be pulled changes from and click Finish.
@@ -625,7 +673,10 @@ To contribute changes from your local Git repository into a public Git repositor
 1. Choose Team > Remote > Push.
 The Push to Remote Repository wizard displays.
 
-image:::images/push-small.png[role="left", link="images/push.png"]
+[.feature]
+--
+image::images/push-small.png[role="left", link="images/push.png"]
+--
 
 2. At the Remote Repository page of the wizard, select either the Configured repository (to use the path to the repository configured earlier) or Specify Git Repository Location option (to define the path to a remote repository that has not been accessed yet, its name, and login and password if required) and click Next.
 3. At the Select Local Branches page, choose the branch(es) to push your edits to and click Next.
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/git_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/git_ja.asciidoc
index 86966934..904ef3dc 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/git_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/git_ja.asciidoc
@@ -80,7 +80,10 @@ image::images/netbeans-stamp-80-74.png[title="このページの内容は、NetB
 1. 「プロジェクト」ウィンドウで、バージョン管理されていないプロジェクトを選択し、プロジェクト名を右クリックします。
 2. コンテキスト・メニューで「 ``バージョン管理`` 」>「 ``Gitリポジトリの初期化`` 」(または、メイン・メニューの「 ``チーム`` 」>「 ``Git`` 」>「 ``初期化`` 」)を選択します。
 
-image:::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+[.feature]
+--
+image::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+--
 
 3. 「 ``Gitリポジトリの初期化`` 」ダイアログ・ボックスで、バージョン管理されるファイルの保存先リポジトリへのパスを指定するか、「参照」をクリックして、必要なディレクトリを参照します。
 4. 「OK」をクリックします。
@@ -103,7 +106,10 @@ Gitリポジトリの初期化後、Gitリポジトリにファイルを<<add,
 
 1. メイン・メニューから「 ``チーム`` 」>「 ``Git`` 」>「 ``クローン`` 」を選択します。リポジトリをクローン・ウィザードが表示されます。
 
-image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+[.feature]
+--
+image::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+--
 
 2. リポジトリ・ページで、Gitリポジトリの場所へのパス、ユーザー名、およびパスワードを指定します(必要に応じて、今後のためにそれらを保存できます)。
 3. (オプション)「プロキシ構成」をクリックし、「オプション」ダイアログ・ボックスを表示して、プロキシ・サーバー設定を設定します。終了したら「OK」をクリックします。
@@ -142,12 +148,18 @@ SSHプロトコルによってGitHubからリポジトリをクローンする
 6. (*Gitサーバーへの自動化されたSSHアクセスにSSHエージェントまたはPageantを使用中の場合に適用されます。*)正しく構成されたSSHエージェントまたはPageant経由でIDEからGitサーバーへの認証されたアクセスを得るには、「秘密鍵ファイル」および「パス・フレーズ」フィールドを空のままにします。
 7. (オプション)「プロキシ構成」をクリックし、「オプション」ダイアログ・ボックスを表示して、プロキシ・サーバー設定を設定します。終了したら「OK」をクリックします。
 
-image:::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+[.feature]
+--
+image::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+--
 
 8. 「次」をクリックします。
 9. リモート分岐ページで、ローカル・リポジトリにフェッチ(ダウンロード)するリポジトリ分岐、たとえば ``master`` などを選択します。
 
-image:::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+[.feature]
+--
+image::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+--
 
 10. 「次」をクリックします。
 11. 出力先ディレクトリ・ページで、次を指定します。
@@ -160,7 +172,10 @@ image:::images/github-branches-small.png[role="left", link="images/github-branch
  ``origin`` はクローンするリポジトリのデフォルトのエイリアスです。これは推奨される値です。
 * 「クローン後にNetBeansプロジェクトをスキャン」チェックボックスを選択されたままにして、クローンの終了直後に、事後スキャンをアクティブ化します。(プラグインはクローンされたリソースでNetBeansプロジェクトを検索し、見つかったプロジェクトを開くように提案します。)
 
-image:::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+[.feature]
+--
+image::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+--
 
 12. 「終了」をクリックします。
 リポジトリがクローンされると、「クローン完了」メッセージが表示されます。
@@ -331,7 +346,10 @@ Gitバージョン管理ビューは、ローカルの作業ツリーの選択
 
 バージョン管理ビューを開くには、(「プロジェクト」ウィンドウ、「ファイル」ウィンドウまたは「お気に入り」ウィンドウなどから)バージョン管理ファイルまたはフォルダを選択し、右クリック・メニューから「 ``Git`` 」>「 ``変更を表示`` 」を選択するか、またはメイン・メニューから「 ``チーム`` 」>「 ``変更を表示`` 」を選択します。IDEの最下部に次のウィンドウが表示されます。
 
-image:::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+[.feature]
+--
+image::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+--
 
 デフォルトでは、バージョン管理ビューは、作業ツリー内の選択されたパッケージまたはフォルダ内の変更されたすべてのファイルを一覧表示します。ツールバーのボタンを使用して、索引とHEAD、作業ツリーと索引、または作業ツリーとHEAD間で相違があるファイルの一覧を表示するように選択できます。一覧表示されたファイルの上にある列の見出しをクリックして、名前、ステータス、または場所でファイルをソートすることもできます。
 
@@ -357,7 +375,10 @@ image:::images/versioning-view-small.png[role="left", link="images/versioning-vi
 
 「バージョン管理」ビューで、変更したファイルに対応する表の行を選択し、右クリック・メニューからコマンドを選択すると、他のGitコマンドにアクセスできます。
 
-image:::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+[.feature]
+--
+image::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+--
 
 
 === ファイル・リビジョンの比較
@@ -370,7 +391,10 @@ image:::images/versioning-right-click-small.png[role="left", link="images/versio
 2. メイン・メニューから「 ``チーム`` 」>「 ``差分`` 」>「 ``HEADとの差分`` 」を選択します。
 選択したファイルとリビジョンについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。差分ビューアには2つのコピーが並んだパネルに表示されます。右側により現在に近いコピーが表示されるため、作業ツリーに対してリポジトリ・リビジョンを比較すると、右パネルに作業ツリーが表示されます。
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<<color-coding-table,色分け>>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いリビジョンに追加された内容を示します。赤いブロックは、前のリビジョンの内容が、より最近のリビジョンから除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。
 
@@ -436,7 +460,10 @@ IDEによって、選択したファイルが上の<<three,ステップ3>>で指
 
 「 ``コミット`` 」ダイアログ・ボックスが表示されます。
 
-image:::images/commit-small.png[role="left", link="images/commit.png"]
+[.feature]
+--
+image::images/commit-small.png[role="left", link="images/commit.png"]
+--
 
 「 ``コミット`` 」ダイアログ・ボックスには次のコンポーネントが含まれます。
 
@@ -494,7 +521,10 @@ IDEで分岐を操作する場合、次のアクションがサポートされ
 
 「分岐の作成」ダイアログ・ボックスが表示されます。
 
-image:::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+[.feature]
+--
+image::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+--
 
 3. 「分岐名」フィールドで、作成する分岐の名前を入力します。
 4. コミットID、既存の分岐、またはタグ名を「リビジョン」フィールドに入力して、選択した項目の特定のリビジョンを入力するか、「選択」を押して、リポジトリで管理されているリビジョンの一覧を表示します。
@@ -502,7 +532,10 @@ image:::images/create-branch-small.png[role="left", link="images/create-branch.p
 6. 分岐させるリビジョンに固有の「コミットID」、「作成者」、「メッセージ」フィールドの情報を確認して、「作成」をクリックします。
 分岐がGitリポジトリの ``「分岐」/「ローカル」`` フォルダに追加されます。
 
-image:::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+[.feature]
+--
+image::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+--
 
 
 === チェックアウト
@@ -514,7 +547,10 @@ image:::images/branch-added-small.png[role="left", link="images/branch-added.png
 1. メイン・メニューから「チーム」>「チェックアウト」>「リビジョンのチェックアウト」を選択します。
 「選択されたリビジョンをチェックアウト」ダイアログ・ボックスが表示されます。
 
-image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+[.feature]
+--
+image::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+--
 
 2. コミットID、既存の分岐またはタグ名を「リビジョン」フィールドに入力して、必要なリビジョンを指定するか、「選択」を押して、リポジトリで管理されているリビジョンの一覧を表示します。
 3. 前のステップで「選択」を押さなかった場合、スキップします。「リビジョンを選択」ダイアログ・ボックスで、「分岐」を展開し、必要な分岐を選択して、必要に応じて、隣接する一覧のコミットIDを指定し、「選択」を押します。
@@ -533,7 +569,10 @@ IDEは、IDEで現在選択されているファイル、フォルダまたは
 1. メイン・メニューから「チーム」>「チェックアウト」>「ファイルのチェックアウト」を選択します。
 「選択されたパスをチェックアウト」ダイアログ・ボックスが表示されます。
 
-image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+[.feature]
+--
+image::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+--
 
 2. 「選択されたリビジョンからのエントリで索引を更新」オプションを選択します。
 選択した場合、チェックアウト前に選択したリビジョンの状態で索引が更新されます(作業ツリーと索引の両方の選択したファイルが更新されます)。
@@ -549,7 +588,10 @@ image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
 1. メイン・メニューから「チーム」>「分岐/タグ」>「リビジョンをマージ」を選択します。
 「リビジョンをマージ」ダイアログ・ボックスが表示されます。
 
-image:::images/merge-small.png[role="left", link="images/merge.png"]
+[.feature]
+--
+image::images/merge-small.png[role="left", link="images/merge.png"]
+--
 
 2. コミットID、既存の分岐またはタグ名を「リビジョン」フィールドに入力して、必要なリビジョンを指定するか、「選択」を押して、リポジトリで管理されているリビジョンの一覧を表示します。
 3. 前のステップで「選択」を押さなかった場合、スキップします。「リビジョンを選択」ダイアログ・ボックスで、「分岐」を展開し、必要な分岐を選択して、必要に応じて、隣接する一覧のコミットIDを指定し、「選択」を押します。
@@ -593,7 +635,10 @@ image:::images/merge-small.png[role="left", link="images/merge.png"]
 1. 「チーム」>「リモート」>「フェッチ」を選択します。
 「リモート・リポジトリからフェッチ」ウィザードが表示されます。
 
-image:::images/fetch-small.png[role="left", link="images/fetch.png"]
+[.feature]
+--
+image::images/fetch-small.png[role="left", link="images/fetch.png"]
+--
 
 2. ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログイン、パスワード、およびプロキシ構成を定義する)を選択し、「次」をクリックします。
 3. ウィザードのリモート分岐ページで、変更をフェッチする分岐を選択し、「終了」をクリックします。
@@ -609,7 +654,10 @@ image:::images/fetch-small.png[role="left", link="images/fetch.png"]
 1. 「チーム」>「リモート」>「プル」を選択します。
 リモート・リポジトリからプル・ウィザードが表示されます。
 
-image:::images/pull-small.png[role="left", link="images/pull.png"]
+[.feature]
+--
+image::images/pull-small.png[role="left", link="images/pull.png"]
+--
 
 2. ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログインとパスワードを定義する)を選択し、「次」をクリックします。
 3. ウィザードのリモート分岐ページで、変更がプルされる分岐を選択し、「終了」をクリックします。
@@ -623,7 +671,10 @@ image:::images/pull-small.png[role="left", link="images/pull.png"]
 1. 「チーム」>「リモート」>「プッシュ」を選択します。
 リモート・リポジトリへプッシュ・ウィザードが表示されます。
 
-image:::images/push-small.png[role="left", link="images/push.png"]
+[.feature]
+--
+image::images/push-small.png[role="left", link="images/push.png"]
+--
 
 2. ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログインとパスワードを定義する)を選択し、「次」をクリックします。
 3. ローカル分岐を選択ページで、編集をプッシュする分岐を選択し、「次」をクリックします。
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/git_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/git_pt_BR.asciidoc
index e4b3e4a7..aab25063 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/git_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/git_pt_BR.asciidoc
@@ -58,7 +58,10 @@ Para inicializar um repositório Git de arquivos existentes que ainda não estã
 1. Na janela Projetos, selecione um projeto sem controle de versão e clique com o botão direito do mouse no nome do projeto.
 2. No menu de contexto, escolha  ``Controle de Versão``  >  ``Inicializar o Repositório Git``  (alternativamente, no menu principal escolha  ``Equipe``  >  ``Git``  >  ``Inicializar`` ).
 
-image:::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+[.feature]
+--
+image::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+--
 
 3. Especifique o caminho para o repositório em que você armazenará seus arquivos com controle de versão na caixa de diálogo  ``Inicializar Repositório do Git``  ou clique em Procurar e navegue para o diretório necessário.
 4. Clique em OK.
@@ -81,7 +84,10 @@ Para obter uma cópia de um repositório Git já existente, é preciso cloná-lo
 
 1. Escolha  ``Equipe``  >  ``Git``  >  ``Clonar``  no menu principal. O Assistente Clonar Repositório é Exibido.
 
-image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+[.feature]
+--
+image::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+--
 
 2. Na página Repositório, especifique o caminho da localização do repositório Git, o nome de usuário e senha (você pode salvá-los para uso futura se necessário).
 3. (Opcional) Clique em Configuração de Proxy para exibir a caixa de diálogo Opções e especificar as definições do servidor proxy. Clique em OK quando finalizar.
@@ -120,12 +126,18 @@ Para clonar um repositório por meio do GitHub usando o Protocolo SSH, faça o s
 6. (*Aplica-se se usar o agente SSH ou Pageant para acesso de SSH automatizado para o servidor Git.*) Deixe os campos Arquivo de Chave Privada e Frase-Senha vazios para obter acesso autenticado do IDE para o servidor Git, por meior de agente SSH ou Pageant configurado.
 7. (Opcional) Clique em Configuração de Proxy para exibir a caixa de diálogo Opções e especificar as definições do servidor proxy. Clique em OK quando finalizar.
 
-image:::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+[.feature]
+--
+image::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+--
 
 8. Clique em Próximo.
 9. Na página Ramificações Remotas, selecione as ramificações de repositório a serem extraídas (por download) para seu repositório local; por exemplo,  ``master`` .
 
-image:::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+[.feature]
+--
+image::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+--
 
 10. Clique em Próximo.
 11. Na página Diretório de Destino, especifique o seguinte:
@@ -138,7 +150,10 @@ Por default, o Nome do Clone é preenchido com o nome real do repositório Git.
  ``origin``  é o apelido default do repositório sendo clonado. Esse é o valor recomendado.
 * Deixe selecionada a caixa de seleção Varrer por projetos do NetBeans após clonar para ativar a pós-varredura assim que a clonagem finalizar. (O plug-in pesquisa projetos NetBeans nos recursos clonados e se oferece para abrir os projetos encontrados).
 
-image:::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+[.feature]
+--
+image::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+--
 
 12. Clique em Finalizar.
 Após o repositório ter sido clonado, a mensagem Clonagem Concluída é exibida.
@@ -309,7 +324,10 @@ A view Controle de Versão do Git fornece uma lista em tempo real de todas as al
 
 Para abrir a view Controle de Versão, selecione um arquivo ou pasta com controle de versão (ou seja, na janela Projetos, Arquivos ou Favoritos) e escolha  ``Git``  >  ``Mostrar Alterações``  no menu do botão direito do mouse ou escolha  ``Equipe``  >  ``Mostrar Alterações``  no menu principal. A janela seguinte aparece na parte inferior do IDE:
 
-image:::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+[.feature]
+--
+image::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+--
 
 Por default, a view Controle de Versão exibe uma lista de todos os arquivos modificados no pacote ou pasta selecionada na Árvore de Trabalho. Usando o botões da barra de ferramentas, é possível optar por exibir a lista de arquivos que têm diferenças entre o Índice e o HEAD, entre a Árvore de Trabalho e o Índice ou entre a Árvore de Trabalho e o HEAD. É possível clicar nos cabeçalhos das colunas acima dos arquivos listados para classificá-los por nome, status ou local.
 
@@ -335,7 +353,10 @@ A barra de ferramentas da view Controle de Versão também inclui botões que pe
 
 Você pode acessar outros comandos do Git na view Controle de Versão, selecionando uma linha da tabela que corresponde a um arquivo modificado, e escolhendo um comando do menu com o botão direito do mouse:
 
-image:::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+[.feature]
+--
+image::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+--
 
 
 === Comparando Revisões de Arquivos
@@ -348,7 +369,10 @@ Comparar versões de arquivo é uma tarefa comum ao se trabalhar com projetos co
 2. Escolha  ``Team``  >  ``Diff``  >  ``Diff to HEAD``  no menu principal.
 Um Visualizador gráfico de Diferenciação é aberto para os arquivos selecionados na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado. Quanto mais atual a cópia aparecer no lado direito, ou seja, você está comparando uma revisão no repositório contra sua árvore de trabalho, a árvore de trabalho é exibida no painel direito:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 O Visualizador de Diferenciação usa a mesma <<color-coding-table,codificação de cor>> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).
 
@@ -414,7 +438,10 @@ Para confirmar arquivos para o repositório Git:
 
 A caixa de diálogo  ``Confirmar``  é exibida.
 
-image:::images/commit-small.png[role="left", link="images/commit.png"]
+[.feature]
+--
+image::images/commit-small.png[role="left", link="images/commit.png"]
+--
 
 A caixa de diálogo  ``Confirmar``  contém os seguintes componentes:
 
@@ -472,7 +499,10 @@ Para criar uma ramificação local, caso deseje trabalhar em uma versão separad
 
 A caixa de diálogo Criar Ramificação é exibida.
 
-image:::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+[.feature]
+--
+image::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+--
 
 3. No campo Nome da Ramificação, insira o nome da ramificação que está sendo criada.
 4. Especifique a revisão necessária ao inserir um ID de confirmação, ramificação existente, ou nome da tag no campo Revisão, ou pressione Selecionar para exibir uma lista das revisões mantidas no repositório.
@@ -480,7 +510,10 @@ image:::images/create-branch-small.png[role="left", link="images/create-branch.p
 6. Reveja as informações dos campos ID da Confirmação, Autor e Mensagem específicos da revisão sendo ramificada.
 A ramificação é adicionada à pasta  ``Ramificações/Local``  do repositório Git.
 
-image:::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+[.feature]
+--
+image::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+--
 
 
 === Fazendo Check-out
@@ -492,7 +525,10 @@ Para fazer check-out de uma versão, proceda da seguinte forma:
 1. Escolha Equipe > Check-out > Fazer Check-out da Revisão no menu principal. 
 A caixa de diálogo Fazer Check-out da Revisão Selecionada é exibida.
 
-image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+[.feature]
+--
+image::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+--
 
 2. Especifique a revisão necessária ao inserir um ID de confirmação, uma ramificação existente ou o nome da tag no campo Revisão, ou pressione Selecionar para exibir uma lista das revisões mantidas no repositório.
 3. Ignore se você não pressionou Selecionar na etapa anterior. Na caixa de diálogo Selecionar Revisão, expanda Ramificações e escolha a ramificação necessária, especifique o ID de confirmação na lista adjacente, se necessário, e pressione Selecionar.
@@ -511,7 +547,10 @@ O IDE suporta check-out contextual de arquivos, pastas ou projetos no momento se
 1. Escolha Equipe > Check-out > Fazer Check-out de Arquivos no menu principal. 
 A caixa de diálogo Fazer Check-out dos Caminhos Selecionados é exibida.
 
-image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+[.feature]
+--
+image::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+--
 
 2. Escolha a opção Atualizar Índice com Entradas da Revisão Selecionada.
 Caso selecionado, o Índice é atualizado com o estado da revisão selecionada antes do check-out do arquivo (ou seja, os arquivos selecionados na Árvore de Trabalho e Índice são atualizados).
@@ -527,7 +566,10 @@ Para portar as modificações de uma revisão do repositório para a Árvore de
 1. Escolha Equipe > Ramificação/Tag > Mesclar Revisão no menu principal.
 A caixa de diálogo Mesclar Revisão é exibida.
 
-image:::images/merge-small.png[role="left", link="images/merge.png"]
+[.feature]
+--
+image::images/merge-small.png[role="left", link="images/merge.png"]
+--
 
 2. Especifique a revisão necessária ao inserir um ID de confirmação, uma ramificação existente ou o nome da tag no campo Revisão, ou pressione Selecionar para exibir uma lista das revisões mantidas no repositório.
 3. Ignore se você não pressionou Selecionar na etapa anterior. Na caixa de diálogo Selecionar Revisão, expanda Ramificações e escolha a ramificação necessária, especifique o ID de confirmação na lista adjacente, se necessário, e pressione Selecionar.
@@ -571,7 +613,10 @@ Para extrair as atualizações, faça o seguinte:
 1. Escolha Equipe > Remoto > Extrair.
 O assistente Extrair do Repositório Remoto é exibido.
 
-image:::images/fetch-small.png[role="left", link="images/fetch.png"]
+[.feature]
+--
+image::images/fetch-small.png[role="left", link="images/fetch.png"]
+--
 
 2. Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho para o repositório anteriormente configurado) ou a opção Especificar Local do Repositório Git (para definir o caminho para um repositório remoto que ainda não foi acessado, seu nome, e login e senha, e qualquer configuração de proxy necessária) e clique em Próximo.
 3. Na página Ramificações Remotas do assistente, escolha as ramificações para obter as alterações e clique em Finalizar.
@@ -587,7 +632,10 @@ Para executar a extração, conclua as seguintes etapas:
 1. Escolha Equipe > Remoto > Extrair.
 O assistente Extrair do Repositório Remoto é exibido.
 
-image:::images/pull-small.png[role="left", link="images/pull.png"]
+[.feature]
+--
+image::images/pull-small.png[role="left", link="images/pull.png"]
+--
 
 2. Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho do repositório anteriormente configurado) ou Especificar a Localização do Repositório Git: (para definir o caminho de um repositório remoto que ainda não foi acessado, seu nome, log-in e senha, se necessário) e clique em Próximo.
 3. Na página Ramificações Remotas do assistente, escolha as ramificações a serem extraídas com as alterações e clique em Finalizar.
@@ -601,7 +649,10 @@ Para contribuir com alterações de seu repositório Git local para um repositó
 1. Escolha Equipe > Remoto > Expandir.
 O assistente Expandir para o Repositório Remoto é exibido.
 
-image:::images/push-small.png[role="left", link="images/push.png"]
+[.feature]
+--
+image::images/push-small.png[role="left", link="images/push.png"]
+--
 
 2. Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho do repositório anteriormente configurado) ou Especificar a Localização do Repositório Git: (para definir o caminho de um repositório remoto que ainda não foi acessado, seu nome, log-in e senha, se necessário) e clique em Próximo.
 3. Na página Selecionar Ramificações Locais, escolha as ramificações de onde serão extraídas suas edições e clique em Próximo.
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/git_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/git_ru.asciidoc
index 8ced87e9..9d92794f 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/git_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/git_ru.asciidoc
@@ -58,7 +58,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое этой ст
 1. В окне 'Проекты' выберите проект, для которого не осуществляется управление версиями, и щелкните правой кнопкой мыши имя проекта.
 2. В контекстном меню выберите  ``Создание версии``  >  ``Инициализировать репозиторий Git``  (или выберите в главном меню  ``Группа``  >  ``Git``  >  ``Инициализировать`` ).
 
-image:::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+[.feature]
+--
+image::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+--
 
 3. В диалоговом окне  ``Инициализировать репозиторий Git ``  укажите путь к репозиторию, в котором будут храниться файлы с контролем версий, или щелкните "Обзор" и выберите требуемый каталог.
 4. Нажмите кнопку "ОК".
@@ -81,7 +84,10 @@ image::images/new-locally.png[]
 
 1. В главном меню выберите  ``Группа``  >  ``Git``  >  ``Клонировать`` . Отображается мастер клонирования репозитория.
 
-image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+[.feature]
+--
+image::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+--
 
 2. На странице "Репозиторий" укажите путь к местоположению репозитория Git, имя пользователя и пароль (при необходимости эти данные можно сохранить для использования в дальнейшем).
 3. (Не обязательно) Щелкните "Настройка прокси" для отображения диалогового окна "Параметры" и установите настройки сервера прокси. По завершении нажмите кнопку "ОК".
@@ -120,12 +126,18 @@ image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png
 6. (*Применимо, если для автоматического доступа к серверу Git по протоколу SSH используется агент SSH или Pageant.*) Чтобы получить аутентифицированный доступ к серверу Git из IDE с помощью правильно настроенного агента SSH или Pageant, оставьте поля "Файл закрытого ключа" и "Парольная фраза" пустыми.
 7. (Не обязательно) Щелкните "Настройка прокси" для отображения диалогового окна "Параметры" и установите настройки сервера прокси. По завершении нажмите кнопку "ОК".
 
-image:::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+[.feature]
+--
+image::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+--
 
 8. Нажмите кнопку "Далее".
 9. На странице "Удаленные ветви" выберите ветвь(и) репозитория, которую(ые) требуется загрузить (или из которых надо загрузить изменения) в локальный репозиторий, например  ``master`` .
 
-image:::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+[.feature]
+--
+image::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+--
 
 10. Нажмите кнопку "Далее".
 11. На странице "Целевой каталог" укажите следующие данные.
@@ -138,7 +150,10 @@ image:::images/github-branches-small.png[role="left", link="images/github-branch
 По умолчанию для клонируемого репозитория используется псевдоним  ``origin`` . Рекомендуется использовать это значение.
 * Оставьте установленным флажок "Поиск проектов Netbeans после клонирования", чтобы поиск проектов выполнялся непосредственно после окончания клонирования. (Этот подключаемый модуль выполняет поиск проектов NetBeans в клонированных ресурсах и предлагает открыть обнаруженные проекты.)
 
-image:::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+[.feature]
+--
+image::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+--
 
 12. Нажмите кнопку "Завершить".
 По завершении клонирования репозитория отображается сообщение "Клонирование завершено".
@@ -309,7 +324,10 @@ image::images/file-labels.png[]
 
 Чтобы открыть представление "Контроль версий", выберите папку или файл, находящиеся под управлением системы контроля версий (например, в окне "Проекты", "Файлы" или "Избранное"). Затем выберите  ``Git``  >  ``Показать изменения``  в контекстном меню или  ``Группа``  >  ``Показать изменения``  в главном меню. В нижней панели среды IDE откроется следующее окно:
 
-image:::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+[.feature]
+--
+image::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+--
 
 По умолчанию в представлении "Контроль версий" отображается список всех измененных файлов, содержащихся в выбранном пакете или папке рабочего дерева. С помощью кнопок панели инструментов можно выбрать для отображения список файлов, для которых имеются различия между индексом и HEAD, рабочим деревом и индексом или рабочим деревом и HEAD. Также можно щелкнуть заголовки столбцов над перечисленными файлами, чтобы отсортировать их по имени, состоянию или местоположению.
 
@@ -335,7 +353,10 @@ image:::images/versioning-view-small.png[role="left", link="images/versioning-vi
 
 Для доступа к другим командам Git в представлении контроля версий необходимо выбрать строку таблицы, соответствующую измененному файлу, а затем выбрать команду в контекстом меню:
 
-image:::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+[.feature]
+--
+image::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+--
 
 
 === Сравнение редакций файлов
@@ -348,7 +369,10 @@ image:::images/versioning-right-click-small.png[role="left", link="images/versio
 2. В главном меню выберите  ``Группа``  >  ``Различия``  >  ``Различия с последней ревизией`` .
 В главном окне среды IDE открывается окно графического представления различий для выбранных файлов и редакций. В средстве просмотра различий отображаются две копии на параллельных панелях. Более новая копия отображается справа, поэтому, если выполняется сравнение редакции из репозитория с рабочим деревом, рабочее дерево отображается на правой панели.
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 В программе просмотра различий используется такое же <<color-coding-table,цветовое выделение>>, которое используется для отображения изменений другими компонентами системы контроля версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.
 
@@ -415,7 +439,10 @@ image::images/revert.png[]
 
 Открывается диалоговое окно  ``Фиксация`` .
 
-image:::images/commit-small.png[role="left", link="images/commit.png"]
+[.feature]
+--
+image::images/commit-small.png[role="left", link="images/commit.png"]
+--
 
 Диалоговое окно  ``Фиксация``  состоит из следующих компонентов.
 
@@ -473,7 +500,10 @@ image:::images/commit-small.png[role="left", link="images/commit.png"]
 
 Откроется диалоговое окно "Создать ветвь".
 
-image:::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+[.feature]
+--
+image::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+--
 
 3. В поле "Имя ветви" введите имя создаваемой ветви.
 4. Введите конкретную редакцию выбранного элемента. Для этого введите в поле "Редакция" идентификатор фиксации, существующую ветвь или имя тега, или нажмите кнопку "Выбрать" для просмотра списка редакций, обслуживаемых в репозитории.
@@ -481,7 +511,10 @@ image:::images/create-branch-small.png[role="left", link="images/create-branch.p
 6. В полях "Идентификатор фиксации", "Автор", "Сообщение" просмотрите информацию, относящуюся к редакции, для которой создается ветвь, и щелкните "Создать".
 Ветвь добавится в папку  ``Ветви/Локальные``  репозитория Git.
 
-image:::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+[.feature]
+--
+image::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+--
 
 
 === Извлечение
@@ -493,7 +526,10 @@ image:::images/branch-added-small.png[role="left", link="images/branch-added.png
 1. В главном меню выберите "Группа > Извлечь > Извлечь ревизию". 
 Отобразится диалоговое окно "Извлечение выбранной редакции".
 
-image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+[.feature]
+--
+image::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+--
 
 2. Чтобы указать требуемую редакцию, введите в поле "Редакция" идентификатор фиксации, существующую ветвь или имя тега, или же нажмите кнопку "Выбрать" для просмотра списка редакций, обслуживаемых в репозитории.
 3. Пропустите этот шаг, если в предыдущем шаге не нажимали кнопку "Выбрать". В диалоговом окне "Выбор редакции" раскройте "Ветви" и выберите требуемую ветвь. Если требуется, в соседнем списке укажите идентификатор фиксации и нажмите кнопку "Выбрать".
@@ -512,7 +548,10 @@ image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
 1. В главном меню выберите "Группа > Извлечь > Извлечь файлы". 
 Отобразится диалоговое окно "Извлечение выбранных путей".
 
-image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+[.feature]
+--
+image::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+--
 
 2. Выберите вариант "Обновить индекс записями из выбранной редакции".
 При выборе этого варианта индекс обновляется в соответствии с состоянием из выбранной редакции, прежде чем выполнять свое извлечение. Это означает, что выбранные файлы обновляются как в рабочем дереве, так и в индексе.
@@ -528,7 +567,10 @@ image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
 1. В главном меню выберите "Группа > Ветвь/Метка > Слить ревизию".
 Откроется диалоговое окно "Слияние редакции".
 
-image:::images/merge-small.png[role="left", link="images/merge.png"]
+[.feature]
+--
+image::images/merge-small.png[role="left", link="images/merge.png"]
+--
 
 2. Чтобы указать требуемую редакцию, введите в поле "Редакция" идентификатор фиксации, существующую ветвь или имя тега, или же нажмите кнопку "Выбрать" для просмотра списка редакций, обслуживаемых в репозитории.
 3. Пропустите этот шаг, если в предыдущем шаге не нажимали кнопку "Выбрать". В диалоговом окне "Выбор редакции" раскройте "Ветви" и выберите требуемую ветвь. Если требуется, в соседнем списке укажите идентификатор фиксации и нажмите кнопку "Выбрать".
@@ -572,7 +614,10 @@ image:::images/merge-small.png[role="left", link="images/merge.png"]
 1. Выберите "Группа > Удаленный > Получить изменения".
 Отображается мастер загрузки из удаленного репозитория.
 
-image:::images/fetch-small.png[role="left", link="images/fetch.png"]
+[.feature]
+--
+image::images/fetch-small.png[role="left", link="images/fetch.png"]
+--
 
 2. На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя, имя для входа, пароль и, если требуется, настройки прокси) и щелкните "Далее".
 3. На странице мастера "Удаленные ветви" выберите ветви для загрузки из них изменений и щелкните "Готово".
@@ -588,7 +633,10 @@ image:::images/fetch-small.png[role="left", link="images/fetch.png"]
 1. Выберите "Группа > Удаленный > Получить и объединить изменения".
 Отображается мастер принудительной загрузки из удаленного репозитория.
 
-image:::images/pull-small.png[role="left", link="images/pull.png"]
+[.feature]
+--
+image::images/pull-small.png[role="left", link="images/pull.png"]
+--
 
 2. На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя и, если требуется, имя для входа и пароль) и щелкните "Далее".
 3. На странице мастера "Удаленные ветви" выберите ветви для загрузки из них изменений со слиянием с активной ветвью и нажмите кнопку "Готово".
@@ -602,7 +650,10 @@ image:::images/pull-small.png[role="left", link="images/pull.png"]
 1. Выберите "Группа > Удаленный > Отправить изменения".
 Открывается мастер выталкивания в удаленный репозиторий.
 
-image:::images/push-small.png[role="left", link="images/push.png"]
+[.feature]
+--
+image::images/push-small.png[role="left", link="images/push.png"]
+--
 
 2. На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя и, если требуется, имя для входа и пароль) и щелкните "Далее".
 3. На странице мастера "Выбор локальных ветвей" выберите ветви, в которые следует выгрузить изменения, и щелкните "Далее".
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/git_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/git_zh_CN.asciidoc
index 8d330a49..a12dfc8c 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/git_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/git_zh_CN.asciidoc
@@ -58,7 +58,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 1. 在 "Projects"(项目)窗口中,选择一个未进行版本控制的项目,然后右键单击项目名称。
 2. 在上下文菜单中,选择  ``Versioning`` (版本控制)>  ``Initialize Git Repository`` (初始化 Git 资源库);或者,在主菜单中,选择  ``Team`` (团队开发)>  ``Git``  >  ``Initialize`` (初始化)。
 
-image:::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+[.feature]
+--
+image::images/initialize-git-repo-small.png[role="left", link="images/initialize-git-repo.png"]
+--
 
 3. 在  ``Initialize a Git Repository `` (初始化 Git 资源库)对话框中,指定将存储版本控制文件的资源库路径,或者单击 "Browse"(浏览)以浏览到所需的目录。
 4. 单击 "OK"(确定)。
@@ -81,7 +84,10 @@ image::images/new-locally.png[]
 
 1. 从主菜单中选择  ``Team`` (团队开发)>  ``Git``  >  ``Clone`` (克隆)。显示克隆资源库向导。
 
-image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+[.feature]
+--
+image::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png"]
+--
 
 2. 在 "Repository"(资源库)页,指定 Git 资源库位置路径、用户名和口令(可以将其保存,供日后需要时使用)。
 3. (可选)单击 "Proxy Configuration"(代理配置)以显示 "Options"(选项)对话框,然后设置代理服务器设置。完成后,单击 "OK"(确定)。
@@ -120,12 +126,18 @@ image:::images/clone-wizard-small.png[role="left", link="images/clone-wizard.png
 6. (*使用 SSH-agent 或 Pageant 对 Git 服务器进行自动化 SSH 访问时适用。*)将 "Private Key File"(私有密钥文件)和 "Passphrase"(密码短语)字段留空可通过正确配置的 SSH-agent 或 Pageant 获取从 IDE 到 Git 服务器的经过验证的访问。
 7. (可选)单击 "Proxy Configuration"(代理配置)以显示 "Options"(选项)对话框,然后设置代理服务器设置。完成后,单击 "OK"(确定)。
 
-image:::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+[.feature]
+--
+image::images/github-repo-small.png[role="left", link="images/github-repo.png"]
+--
 
 8. 单击 "Next"(下一步)。
 9. 在 "Remote Branches"(远程分支)页,选择要获取(下载)到本地资源库的资源库分支,例如  ``master`` 。
 
-image:::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+[.feature]
+--
+image::images/github-branches-small.png[role="left", link="images/github-branches.png"]
+--
 
 10. 单击 "Next"(下一步)。
 11. 在 "Destination Directory"(目标目录)页上,请指定以下内容:
@@ -138,7 +150,10 @@ image:::images/github-branches-small.png[role="left", link="images/github-branch
  ``origin``  是要克隆的资源库的默认别名。它是建议值。
 * 使 "Scan for NetBeans Projects after Clone"(克隆后扫描 NetBeans 项目)复选框处于选中状态,以便克隆完成后立即激活后扫描操作。(插件将在克隆资源中搜索 NetBeans 项目,并可打开找到的项目。)
 
-image:::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+[.feature]
+--
+image::images/github-destination-small.png[role="left", link="images/github-destination.png"]
+--
 
 12. 单击 "Finish"(完成)。
 克隆了资源库后,将会显示 "Clone Completed"(克隆完毕)消息。
@@ -309,7 +324,10 @@ Git 的 "Versioning"(版本控制)视图为您提供了一个实时列表,
 
 要打开 "Versioning"(版本控制)视图,请选择一个版本控制文件或文件夹(例如,从 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中),然后从右键单击菜单中选择  ``Git``  >  ``Show Changes`` (显示更改),或者从主菜单中选择  ``Team`` (团队开发)>  ``Show Changes`` (显示更改)。下面的窗口出现在 IDE 底部:
 
-image:::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+[.feature]
+--
+image::images/versioning-view-small.png[role="left", link="images/versioning-view.png"]
+--
 
 默认情况下,"Versioning"(版本控制)视图显示工作树中选定包或文件夹内所有已修改文件的列表。通过使用工具栏中的按钮,您可以选择显示在索引和 HEAD 之间、工作树和索引之间或工作树和 HEAD 之间存在差异的文件列表。此外,也可以单击列出的文件上面的列标题,按名称、状态或位置对这些文件进行排序。
 
@@ -335,7 +353,10 @@ image:::images/versioning-view-small.png[role="left", link="images/versioning-vi
 
 您可以在 "Versioning"(版本控制)视图中访问其他 Git 命令,方法是选择与修改的文件对应的表行,然后从右键单击菜单中选择一个命令:
 
-image:::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+[.feature]
+--
+image::images/versioning-right-click-small.png[role="left", link="images/versioning-right-click.png"]
+--
 
 
 === 比较文件版本
@@ -348,7 +369,10 @@ image:::images/versioning-right-click-small.png[role="left", link="images/versio
 2. 从主菜单中选择  ``Team`` (团队开发)>  ``Diff`` (比较)>  ``Diff to HEAD`` (与 HEAD 比较)。
 将在 IDE 的主窗口中打开选定文件和修订版本的图形化比较查看器。比较查看器在两个并行面板中显示两个副本。较新的副本显示在右侧,因此,如果将资源库修订版本与工作树进行比较,则在右面板中显示工作树:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 比较查看器使用<<color-coding-table,颜色编码>>显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示已添加到较新修订版本中的内容。红色块指示从较新修订版本中删除了以前的修订内容。蓝色指示在突出显示的行中发的更改。
 
@@ -414,7 +438,10 @@ IDE 将使用上面的<<three,步骤 3>> 中指定的文件替换选定的文件
 
 此时将显示  ``Commit`` (提交)对话框。
 
-image:::images/commit-small.png[role="left", link="images/commit.png"]
+[.feature]
+--
+image::images/commit-small.png[role="left", link="images/commit.png"]
+--
 
  ``Commit`` (提交)对话框包含以下组件:
 
@@ -472,7 +499,10 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 
 此时将显示 "Create Branch"(创建分支)对话框。
 
-image:::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+[.feature]
+--
+image::images/create-branch-small.png[role="left", link="images/create-branch.png"]
+--
 
 3. 在 "Branch Name"(分支名称)字段中,输入要创建的分支的名称。
 4. 在 "Revision"(修订版本)字段中输入提交 ID、现有分支或标记名称,即可键入选定项的特定修订版本,也可以按 "Select"(选择)来查看在资源库中维护的修订版本列表。
@@ -480,7 +510,10 @@ image:::images/create-branch-small.png[role="left", link="images/create-branch.p
 6. 检查要分支的修订版本的特定 "Commit ID"(提交 ID)、"Author"(作者)和 "Message"(消息)字段信息,然后单击 "Create"(创建)。
 此时会将分支添加到 Git 资源库的  ``Branches/Local``  文件夹中。
 
-image:::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+[.feature]
+--
+image::images/branch-added-small.png[role="left", link="images/branch-added.png"]
+--
 
 
 === 检出
@@ -492,7 +525,10 @@ image:::images/branch-added-small.png[role="left", link="images/branch-added.png
 1. 从主菜单中选择 "Team"(团队开发)> "Checkout"(检出)> "Checkout Revision"(检出修订版本)。
 此时将显示 "Checkout Selected Revision"(检出选定的修订版本)对话框。
 
-image:::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+[.feature]
+--
+image::images/chkout-rev-small.png[role="left", link="images/chkout-rev.png"]
+--
 
 2. 在 "Revision"(修订版本)字段中输入提交 ID、现有分支或标记名称,即可指定所需的修订版本,也可以按 "Select"(选择)来查看在资源库中维护的修订版本列表。
 3. 如果您未在上一步中按 "Select"(选择)则跳过。在 "Select Revision"(选择修订版本)对话框中,展开 "Branches"(分支),选择所需的分支,并根据需要在相邻列表中指定提交 ID,然后按 "Select"(选择)。
@@ -511,7 +547,10 @@ IDE 支持当前在 IDE 中选择的文件、文件夹或项目的上下文相
 1. 从主菜单中选择 "Team"(团队开发)> "Checkout"(检出)> "Checkout Files"(检出文件)。
 此时将显示 "Checkout Selected Paths"(检出选定的路径)对话框。
 
-image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+[.feature]
+--
+image::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
+--
 
 2. 选中 "Update Index with Entries from the Selected Revision"(使用选定修订版本中的条目更新索引)选项。
 如果选择此选项,将在自行检出之前使用所选修订版本中的状态更新索引(即更新工作树和索引中的所选文件)。
@@ -527,7 +566,10 @@ image:::images/chkout-path-small.png[role="left", link="images/chkout-path.png"]
 1. 从主菜单中选择 "Team"(团队开发)> "Branch/Tag"(分支/标记)> "Merge Revision"(合并修订版本)。
 此时将显示 "Merge Revision"(合并修订版本)对话框。
 
-image:::images/merge-small.png[role="left", link="images/merge.png"]
+[.feature]
+--
+image::images/merge-small.png[role="left", link="images/merge.png"]
+--
 
 2. 在 "Revision"(修订版本)字段中输入提交 ID、现有分支或标记名称,即可指定所需的修订版本,也可以按 "Select"(选择)来查看在资源库中维护的修订版本列表。
 3. 如果您未在上一步中按 "Select"(选择)则跳过。在 "Select Revision"(选择修订版本)对话框中,展开 "Branches"(分支),选择所需的分支,并根据需要在相邻列表中指定提交 ID,然后按 "Select"(选择)。
@@ -571,7 +613,10 @@ image:::images/merge-small.png[role="left", link="images/merge.png"]
 1. 选择 "Team"(团队开发)> "Remote"(远程)> "Fetch"(获取)。
 此时将显示 "Fetch from Remote Repository"(从远程资源库中获取)向导。
 
-image:::images/fetch-small.png[role="left", link="images/fetch.png"]
+[.feature]
+--
+image::images/fetch-small.png[role="left", link="images/fetch.png"]
+--
 
 2. 在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息、口令和代理配置),然后单击 "Next"(下一步)。
 3. 在该向导的 "Remote Branches"(远程分支)页,选择要从中获取更改的分支,然后单击 "Finish"(完成)。
@@ -587,7 +632,10 @@ image:::images/fetch-small.png[role="left", link="images/fetch.png"]
 1. 选择 "Team"(团队开发)> "Remote"(远程)> "Pull"(提取)。
 此时将显示 "Pull from Remote Repository"(从远程资源库中提取)向导。
 
-image:::images/pull-small.png[role="left", link="images/pull.png"]
+[.feature]
+--
+image::images/pull-small.png[role="left", link="images/pull.png"]
+--
 
 2. 在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息和口令),然后单击 "Next"(下一步)。
 3. 在该向导的 "Remote Branches"(远程分支)页,选择要从中提取更改的分支,然后单击 "Finish"(完成)。
@@ -601,7 +649,10 @@ image:::images/pull-small.png[role="left", link="images/pull.png"]
 1. 选择 "Team"(团队开发)> "Remote"(远程)> "Push"(推入)。
 此时将显示 "Push to Remote Repository"(推入到远程资源库)向导。
 
-image:::images/push-small.png[role="left", link="images/push.png"]
+[.feature]
+--
+image::images/push-small.png[role="left", link="images/push.png"]
+--
 
 2. 在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息和口令),然后单击 "Next"(下一步)。
 3. 在 "Select Local Branches"(选择本地分支)页,选择要向其推入编辑内容的分支,然后单击 "Next"(下一步)。
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues.asciidoc
index 0833e56a..88b76acb 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues.asciidoc
@@ -89,7 +89,10 @@ To create a patch, you need to complete the following steps:
 1. In the Projects window, select a versioned project and choose  ``Team``  >  ``Queues``  >  ``Create Patch``  (alternatively, right-click the project name and select  ``Mercurial``  >  ``Queues``  >  ``Create Patch``  from the pop-up menu).
 The Create Patch dialog box displays.
 
-image:::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+[.feature]
+--
+image::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+--
 
 2. Specify the name for a patch in the Patch Name text field.
 3. Provide the description of a patch in the Patch Message field.
@@ -114,7 +117,10 @@ To save your progress into the patch you are creating , you need to complete the
 1. Choose  ``Team``  >  ``Queues``  >  ``Refresh Patch``  from the main menu (alternatively, right-click the project name and select  ``Mercurial``  >  ``Queues``  >  ``Refresh Patch``  from the pop-up menu).
 The Refresh Patch dialog box displays.
 
-image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+[.feature]
+--
+image::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+--
 
 2. Provide the description of a patch in the Patch Message field.
 Alternatively, choose either of the following options and click OK afterwards:
@@ -138,7 +144,10 @@ To generate a patch for review and compare revisions of a patch side by side, yo
 1. Choose  ``Team``  >  ``Queues``  >  ``Diff``  from the main menu (alternatively, right-click the project name and select  ``Mercurial``  >  ``Queues``  >  ``Diff``  from the pop-up menu).
 The Diff Viewer displays differences found in the current patch and all your uncommitted/unrefreshed local changes in side-by-side panels:
 
-image:::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+[.feature]
+--
+image::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+--
 
 2. Review and revise differences found in the compared files using either Graphical or Textual Diff Viewer.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ja.asciidoc
index 8a427b2f..178058e6 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ja.asciidoc
@@ -89,7 +89,10 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 1. 「プロジェクト」ウィンドウで、バージョン管理されたプロジェクトを選択し、「 ``チーム`` 」>「 ``キュー`` 」>「 ``パッチの作成`` 」を選択します(または、プロジェクト名を右クリックし、ポップアップ・メニューから「 ``Mercurial`` 」>「 ``キュー`` 」>「 ``パッチの作成`` 」を選択します)。
 「パッチの作成」ダイアログ・ボックスが表示されます。
 
-image:::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+[.feature]
+--
+image::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+--
 
 2. 「パッチ名」テキスト・フィールドにパッチの名前を指定します。
 3. 「パッチ・メッセージ」フィールドにパッチの説明を入力します。
@@ -114,7 +117,10 @@ image:::images/create-patch-small.png[role="left", link="images/create-patch.png
 1. メイン・メニューから「 ``チーム`` 」>「 ``キュー`` 」>「 ``パッチのリフレッシュ`` 」を選択します(または、プロジェクト名を右クリックし、ポップアップ・メニューから「 ``Mercurial`` 」>「 ``キュー`` 」>「 ``パッチのリフレッシュ`` 」を選択します)。
 「パッチのリフレッシュ」ダイアログ・ボックスが表示されます。
 
-image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+[.feature]
+--
+image::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+--
 
 2. 「パッチ・メッセージ」フィールドにパッチの説明を入力します。
 または、次のオプションのいずれかを選択し、その後に「OK」をクリックします。
@@ -138,7 +144,10 @@ image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.p
 1. メイン・メニューから「 ``チーム`` 」>「 ``キュー`` 」>「 ``差分`` 」を選択します(または、プロジェクト名を右クリックし、ポップアップ・メニューから「 ``Mercurial`` 」>「 ``キュー`` 」>「 ``差分`` 」を選択します)。
 差分ビューアには、現在のパッチと、コミットまたはリフレッシュされていないすべてのローカル変更との相違がパネルに並んで表示されます。
 
-image:::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+[.feature]
+--
+image::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+--
 
 2. グラフィカルな差分ビューアまたはテキスト形式の差分ビューアを使用して、比較ファイルで検出された相違を確認および置換します。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_pt_BR.asciidoc
index 8cd4a7bc..0a78c165 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_pt_BR.asciidoc
@@ -79,7 +79,10 @@ Para criar um patch, é necessário concluir as etapas a seguir:
 1. Na janela Projetos, selecione um projeto com controle de versão e escolha  ``Equipe``  >  ``Filas``  >  ``Criar Patch``  (se preferir, clique com o botão direito no nome do projeto e selecione  ``Mercurial``  >  ``Filas``  >  ``Criar Patch``  no menu pop-up).
 A caixa de diálogo Criar Patch é exibida.
 
-image:::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+[.feature]
+--
+image::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+--
 
 2. Especifique o nome de um patch no campo de texto Nome do Patch.
 3. Forneça a descrição de um patch no campo Mensagem do Patch.
@@ -104,7 +107,10 @@ Para salvar seu andamento no patch que você está criando, é necessário concl
 1. Escolha  ``Equipe``  >  ``Filas``  >  ``Atualizar Patch``  do menu principal (se preferir, clique com o botão direito no nome do projeto e selecione  ``Mercurial``  >  ``Filas``  >  ``Atualizar Patch``  no menu pop-up).
 A caixa de diálogo Atualizar Patch é exibida.
 
-image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+[.feature]
+--
+image::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+--
 
 2. Forneça a descrição de um patch no campo Mensagem do Patch.
 Se preferir, escolha uma das seguintes opções e clique em OK posteriormente:
@@ -128,7 +134,10 @@ Para gerar um patch para revisar e comparar as revisões de um patch lado a lado
 1. Escolha  ``Equipe``  > ( ``Filas``  >  ``Diferença``  do menu principal (se preferir, clique com o botão direito no nome do projeto e selecione  ``Mercurial``  >  ``Filas``  >  ``Atualizar Patch``  no menu pop-up).
 O Visualizador de Diferença exibe as diferenças encontradas no patch atual e todas as alterações locais não confirmadas/não atualizadas nos painéis lado a lado:
 
-image:::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+[.feature]
+--
+image::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+--
 
 2. Revise as diferenças encontradas nos arquivos comparados usando o Visualizador de Diferenças Textual ou Gráfico.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ru.asciidoc
index 1a8a4ac6..acb30e04 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_ru.asciidoc
@@ -79,7 +79,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое этой ст
 1. В окне 'Проекты' выберите проект, который находится под управлением системы контроля версий, затем выберите  ``Группа``  >  ``Queues``  >  ``Создать исправление``  (также можно щелкнуть правой кнопкой мыши узел проекта и выбрать  ``Mercurial``  >  ``Queues``  >  ``Создать исправление``  в раскрывающемся меню).
 Откроется диалоговое окно 'Создать исправление'
 
-image:::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+[.feature]
+--
+image::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+--
 
 2. Укажите имя исправления в текстовом поле 'Имя исправления'.
 3. Укажите описание исправления в поле 'Сообщение исправления'.
@@ -104,7 +107,10 @@ image:::images/create-patch-small.png[role="left", link="images/create-patch.png
 1. Выберите  ``Группа``  >  ``Queues``  >  ``Обновить исправление``  в главном меню (также можно щелкнуть правой кнопкой мыши имя проекта и выбрать  ``Mercurial``  >  ``Queues``  >  ``Обновить исправление``  в раскрывающемся меню).
 Откроется диалоговое окно 'Обновить исправление'.
 
-image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+[.feature]
+--
+image::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+--
 
 2. Укажите описание исправления в поле 'Сообщение исправления'.
 В качестве альтернативы выберите один из следующих вариантов и нажмите ОК:
@@ -128,7 +134,10 @@ image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.p
 1. Выберите  ``Группа``  >  ``Queues``  >  ``Различие``  в главном меню (также можно щелкнуть правой кнопкой мыши имя проекта и выбрать  ``Mercurial``  >  ``Queues``  >  ``Различие``  в раскрывающемся меню).
 В 'Средстве просмотра различий' отображаются различия, выявленные в текущем исправлении и все не зафиксированные и не обновленные локальные изменения на панелях, расположенных параллельно:
 
-image:::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+[.feature]
+--
+image::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+--
 
 2. Просмотрите и откорректируйте различия, найденные в сравненных файлах с помощью графического или текстового средства просмотра различий.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_zh_CN.asciidoc
index 61da6acd..b0d69cc9 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial-queues_zh_CN.asciidoc
@@ -79,7 +79,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 1. 在 "Projects"(项目)窗口中,选择版本控制项目,然后选择  ``Team`` (团队开发)>  ``Queues`` (队列)>  ``Create Patch`` (创建补丁程序);也可以右键单击项目名称,然后从弹出菜单中选择  ``Mercurial``  >  ``Queues`` (队列)>  ``Create Patch`` (创建补丁程序)。
 此时将显示 "Create Patch"(创建补丁程序)对话框。
 
-image:::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+[.feature]
+--
+image::images/create-patch-small.png[role="left", link="images/create-patch.png"]
+--
 
 2. 在 "Patch Name"(补丁程序名)文本字段中指定补丁程序的名称。
 3. 在 "Patch Message"(补丁程序消息)字段中提供补丁程序的说明。
@@ -104,7 +107,10 @@ image:::images/create-patch-small.png[role="left", link="images/create-patch.png
 1. 从主菜单中选择  ``Team`` (团队开发)>  ``Queues`` (队列)>  ``Refresh Patch`` (刷新补丁程序);也可以右键单击项目名称,然后从弹出菜单中选择  ``Mercurial``  >  ``Queues`` (队列)>  ``Refresh Patch`` (刷新补丁程序)。
 此时将显示 "Refresh Patch"(刷新补丁程序)对话框。
 
-image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+[.feature]
+--
+image::images/refresh-patch-small.png[role="left", link="images/refresh-patch.png"]
+--
 
 2. 在 "Patch Message"(补丁程序消息)字段中提供补丁程序的说明。
 此外,还可选择以下选项之一,然后单击 "OK"(确定):
@@ -128,7 +134,10 @@ image:::images/refresh-patch-small.png[role="left", link="images/refresh-patch.p
 1. 从主菜单中选择  ``Team`` (团队开发)>  ``Queues`` (队列)>  ``Diff`` (比较);也可以右键单击项目名称,然后从弹出菜单中选择  ``Mercurial``  >  ``Queues`` (队列)>  ``Diff`` (比较)。
 比较查看器在并排的面板中显示在当前补丁程序中发现的差异,以及所有未提交/未刷新的本地更改:
 
-image:::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+[.feature]
+--
+image::images/qdiff-small.png[role="left", link="images/qdiff.png"]
+--
 
 2. 检查并修订使用图形化比较查看器或文本式比较查看器在所比较文件中发现的差异。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial.asciidoc
index 898ca90e..cfb564f9 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial.asciidoc
@@ -80,7 +80,10 @@ To set the path to the Mercurial executable file in the IDE:
 1. Choose  ``Tools``  >  ``Options``  ( ``NetBeans``  >  ``Preferences``  on OS X) from the main menu. The Options dialog opens.
 2. Select the Team icon along the top of the dialog, then click the Versioning tab. In the left pane under Versioning Systems, select Mercurial. User-defined options for Mercurial display in the main window of the dialog:
 
-image:::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+[.feature]
+--
+image::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+--
 
 3. In the Mercurial Executable Path text field, either type in the path to the executable file or click Browse to navigate to it on your system. Note that you need not _include_ the Mercurial executable file in the path.
 4. Click OK.
@@ -121,26 +124,38 @@ If you want to connect to a remote repository from the IDE, then check out files
 
 1. In NetBeans IDE, choose  ``Team``  >  ``Mercurial``  >  ``Clone other``  from the main menu. The Clone wizard opens.
 
-image:::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+[.feature]
+--
+image::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+--
 
 *Note:* The IDE's drop-down menus are context-sensitive, i.e. the available options depend on the item currently selected. Therefore, if you are already working within a Mercurial project, you can choose  ``Team``  >  ``Remote``  >  ``Clone Other``  from the main menu.
 
 2. In Repository URL, enter the path to the repository (e.g.  ``http://hg.netbeans.org/main`` ).
 3. In the User and Password fields that the Clone wizard displays, enter your netbeans.org username and password.
 
-image:::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+[.feature]
+--
+image::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+--
 
 4. If you are using a proxy, be sure to click the Proxy Configuration button and enter any required information in the Options dialog box. When you are certain your connection settings to the repository are correct, click Next.
 5. In the second step, click Change to the right of the Default Push Path field. The Change Push Path dialog box opens.
 
-image:::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+[.feature]
+--
+image::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+--
 
 6. Modify your default push entry by adding your NetBeans username and password and changing the protocol to  ``https`` .
 7. Click Set Path. The Change Push Path dialog box closes.
 8. Click Next to pass to the third step of the wizard.
 9. In the Parent Directory field, enter a location on your computer where you want repository files to be checked out to (alternatively, you can use the Browse button).
 
-image:::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+[.feature]
+--
+image::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+--
 
 *Note:* If you are running Windows, be careful of the path length that you specify; i.e.,  ``C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc``  can cause an unsuccessful clone due to very long file paths. Try using  ``C:\``  instead.
 
@@ -160,22 +175,34 @@ To import a project to a repository:
 
 1. From the Projects window (Ctrl-1 on Windows/Command-1 on OS X), select an unversioned project and choose  ``Team``  >  ``Mercurial``  >  ``Initialize Repository``  from the node's right-click menu. The Repository root path dialog box opens.
 
-image:::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+[.feature]
+--
+image::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+--
 
 2. Specify the repository folder in which you want to place the project in the repository. A folder containing the name of your project is suggested for you in the Root Path text field by default.
 3. Click OK to initiate the Mercurial initialize action.
 Upon clicking OK, the IDE uploads the project files to the repository.
 Choose Window > Output to open the Output window and view the progress.
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 *Note:* After the project files are placed under Mercurial version control, they get registered in the repository as  ``Locally New`` . The new files and their status can be viewed by clicking on  ``Mercurial``  >  ``Show changes``  from the right-click menu.
 
-image:::images/status-small.png[role="left", link="images/status.png"]
+[.feature]
+--
+image::images/status-small.png[role="left", link="images/status.png"]
+--
 
 4. Choose  ``Mercurial``  >  ``Commit``  from the project's right-click menu to commit these project files to the Mercurial repository. The Commit - [ProjectName] dialog box opens.
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 5. Type your message in the Commit Message text area and click Commit.
 
@@ -215,8 +242,16 @@ The Source Editor's right margin provides you with an overview that displays cha
 Note that you can click on a specific point within the margin to bring your inline cursor immediately to that location in the file. To view the number of lines affected, hover your mouse over the colored icons in the right margin:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"]
-*Left margin* |image:::images/right-ui-small.png[role="left", link="images/right-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
+*Left margin* |[.feature]
+--
+image::images/right-ui-small.png[role="left", link="images/right-ui.png"]
+--
+ 
 *Right margin* 
 |===
 
@@ -320,7 +355,11 @@ For example, you can perform the following actions on a file:
  |image::images/annotations.png[] 
 
 |* *Revert Modifications*: Opens the Revert Modifications dialog which you can use to specify parameters for reverting any local changes to revisions maintained in the repository.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -330,7 +369,10 @@ Comparing file revisions is a common task when working with versioned projects.
 
 When you perform a diff, a graphical Diff Viewer opens for the selected file(s) and revisions in the IDE's main window. The Diff Viewer displays two copies in side-by-side panels. The more current copy appears on the right side, so if you are comparing a repository revision against your working copy, the working copy displays in the right panel:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 The Diff Viewer makes use of the same <<viewingChanges,color encoding>> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current revision. The red block indicates that content from the earlier revision has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).
 
@@ -374,7 +416,10 @@ NetBeans IDE enables you to merge changes between repository revisions and your
 2. In the Choose From Revisions drop-down list, select the revision. You are porting all changes made on a local working copy file from the time it was created.
 3. Ensure the Description, Author, and Date data are correct.
 
-image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+[.feature]
+--
+image::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+--
 
 4. Click Merge. The IDE incorporates any differences found between the repository revisions and your local copy of the file. If merge conflicts occur, the file's status is updated to <<resolving,Merge Conflict>> to indicate this.
 
@@ -407,7 +452,10 @@ After editing source files, performing an update and resolving any conflicts, yo
 
 The Commit dialog opens, displaying files that are about to be committed to the repository:
 
-image:::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+[.feature]
+--
+image::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+--
 
 The Commit dialog lists:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ja.asciidoc
index dd5d2a43..9bfbb8c6 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ja.asciidoc
@@ -80,7 +80,10 @@ Mercurial実行可能ファイルのパスをIDEに設定するには:
 1. メイン・メニューから「 ``ツール`` 」→「 ``オプション`` 」(OS Xでは「 ``NetBeans`` 」→ ``プリファレンス`` )を選択します。「オプション」ダイアログが開きます。
 2. ダイアログの上部にある「チーム」アイコンを選択し、「バージョン管理」タブをクリックします。「バージョン管理システム」下の左側のペインで、「Mercurial」を選択します。ダイアログのメイン・ウィンドウに、Mercurialのユーザー定義オプションが表示されます。
 
-image:::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+[.feature]
+--
+image::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+--
 
 3. 「Mercurial実行可能ファイル・パス」テキスト・フィールドに、実行可能ファイルのパスを入力するか、または「参照」をクリックしてシステム上のその場所まで移動します。パスにMercurial実行可能ファイルを_含める_必要はありません。
 4. 「OK」をクリックします。
@@ -121,26 +124,38 @@ IDEからリモート・リポジトリに接続し、ファイルをチェッ
 
 1. NetBeans IDEで、メイン・メニューから「 ``チーム`` 」>「 ``Mercurial`` 」>「 ``他をクローン`` 」を選択します。クローン・ウィザードが開きます。
 
-image:::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+[.feature]
+--
+image::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+--
 
 *注意: *IDEのドロップダウン・メニューはコンテキスト依存です。つまり、使用可能なオプションは現在選択されている項目によって異なります。そのため、すでにMercurialプロジェクト内で作業している場合、メイン・メニューから「 ``チーム`` 」>「 ``リモート`` 」>「 ``他をクローン`` 」を選択できます。
 
 2. 「リポジトリURL」に、リポジトリのパス( ``http://hg.netbeans.org/main`` など)を入力します。
 3. クローン・ウィザードに表示される「ユーザー」および「パスワード」フィールドに、netbeans.orgユーザー名およびパスワードを入力します。
 
-image:::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+[.feature]
+--
+image::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+--
 
 4. プロキシを使用している場合は、「プロキシ構成」ボタンをクリックし、「オプション」ダイアログ・ボックスに必要な情報を入力します。リポジトリへの接続設定が正しいことを確認したら、「次」をクリックします。
 5. 2番目のステップで、「デフォルトのプッシュ・パス」フィールドの右側の「変更」をクリックします。「プッシュ・パスの変更」ダイアログ・ボックスが開きます。
 
-image:::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+[.feature]
+--
+image::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+--
 
 6. NetBeansユーザー名とパスワードを追加し、プロトコルを ``https`` に変更して、デフォルトのプッシュ・エントリを変更します。
 7. 「パスを設定」をクリックします。「プッシュ・パスの変更」ダイアログ・ボックスが閉じます。
 8. 「次」をクリックして、ウィザードの3番目の手順に移動します。
 9. 「親ディレクトリ」フィールドで、リポジトリ・ファイルのチェックアウト先にするコンピュータ上の場所を入力します(または、「参照」ボタンを使用できます)。
 
-image:::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+[.feature]
+--
+image::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+--
 
 *注意:* Windowsを実行している場合、指定するパスの長さに注意してください。つまり、 ``C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc`` は、ファイルのパスが非常に長いため、クローンが成功しないことがあります。かわりに ``C:\`` を使用してみてください。
 
@@ -160,22 +175,34 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 
 1. 「プロジェクト」ウィンドウ(Windowsでは[Ctrl]-[1]、OS Xでは[Command]-[1])から、バージョン管理されていないプロジェクトを選択し、ノードの右クリック・メニューから「 ``チーム`` 」>「 ``Mercurial`` 」>「 ``リポジトリの初期化`` 」を選択します。リポジトリのルート・パス・ダイアログ・ボックスが開きます。
 
-image:::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+[.feature]
+--
+image::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+--
 
 2. リポジトリ内でプロジェクトを配置するリポジトリ・フォルダを指定します。「ルート・パス」テキスト・フィールドには、デフォルトで、プロジェクトの名前を含むフォルダが自動的に提案されます。
 3. 「OK」をクリックし、Mercurial初期化アクションを開始します。
 「OK」をクリックすると、IDEによりプロジェクト・ファイルがリポジトリにアップロードされます。
 「ウィンドウ」>「出力」を選択すると、「出力」ウィンドウが開いて進捗状況が表示されます。
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 *注意:* プロジェクト・ファイルをMercurialバージョン管理下に置くと、それらはリポジトリに「 ``ローカルで新規`` 」として登録されます。新しいファイルとそのステータスは、右クリック・メニューの「 ``Mercurial`` 」>「 ``変更を表示`` 」をクリックすると表示できます。
 
-image:::images/status-small.png[role="left", link="images/status.png"]
+[.feature]
+--
+image::images/status-small.png[role="left", link="images/status.png"]
+--
 
 4. プロジェクトの右クリック・メニューから「 ``Mercurial`` 」>「 ``コミット`` 」を選択し、これらのプロジェクト・ファイルをMercurialリポジトリにコミットします。「コミット - [プロジェクト名]」ダイアログ・ボックスが開きます。
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 5. 「コミット・メッセージ」テキスト領域にメッセージを入力し、「コミット」をクリックします。
 
@@ -215,8 +242,16 @@ IDEのソース・エディタでバージョン管理されたファイルを
 マージンの特定の場所をクリックすると、インライン・カーソルがファイルのその場所にすぐに移動します。影響を受ける行数を表示するには、右側のマージンの色つきアイコンの上にマウスを動かします。
 
 |===
-|image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
-*左側のマージン* |image::images/right-ui-small.png[role="left", link="images/right-ui.png"]
+|[.feature]
+--
+image:images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
+*左側のマージン* |[.feature]
+--
+image:images/right-ui-small.png[role="left", link="images/right-ui.png"]
+--
+
 *右側のマージン* 
 |===
 
@@ -320,7 +355,11 @@ image::images/versioning-window.png[]
  |image::images/annotations.png[] 
 
 |* *変更内容を元に戻す*: ローカルの変更をリポジトリで管理されているリビジョンに戻す場合のパラメータを指定するために使用できる「変更内容を元に戻す」ダイアログを開きます。
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -330,7 +369,10 @@ image::images/versioning-window.png[]
 
 差分の取得を実行すると、選択したファイルとリビジョンについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。差分ビューアには2つのコピーが並んだパネルに表示されます。右側により現在に近いコピーが表示されるため、作業コピーに対してリポジトリ・リビジョンを比較すると、右パネルに作業コピーが表示されます。
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<<viewingChanges,色分け>>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いリビジョンに追加された内容を示します。赤いブロックは、前のリビジョンの内容が、より最近のリビジョンから除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。
 
@@ -374,7 +416,10 @@ NetBeans IDEでは、リポジトリ・リビジョンとローカル作業コ
 2. 「リビジョンから選択」ドロップダウン・リストから、リビジョンを選択します。ローカル作業コピー・ファイルの作成時からのすべての変更を移植します。
 3. 「説明」、「作成者」および「日付」データが正しいことを確認します。
 
-image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+[.feature]
+--
+image::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+--
 
 4. 「マージ」をクリックします。IDEによって、リポジトリ・リビジョンとファイルのローカル・コピー間に検出されたすべての相違が取り込まれます。マージ競合が発生した場合、ファイルのステータスはこれを示すために「<<resolving,競合をマージ>>」に更新されます。
 
@@ -407,7 +452,10 @@ image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-mer
 
 「コミット」ダイアログが開き、リポジトリにコミットされるファイルが表示されます。
 
-image:::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+[.feature]
+--
+image::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+--
 
 「コミット」ダイアログには、次が表示されます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_pt_BR.asciidoc
index d962c6af..95867258 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_pt_BR.asciidoc
@@ -66,7 +66,10 @@ Para definir o caminho para o arquivo executável do Mercurial no IDE:
 1. Escolha  ``Ferramentas``  >  ``Opções``  ( ``NetBeans``  >  ``Preferências``  no OS X) a partir do menu principal. A caixa de diálogo Opções é aberta.
 2. Selecione o ícone Equipe na parte superior da caixa de diálogo e clique na guia Controle de Versão. No painel esquerdo, em Sistemas de Controle de Versão, selecione Mercurial. Opções definidas pelo usuário para exibição do Mercurial na janela principal da caixa de diálogo:
 
-image:::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+[.feature]
+--
+image::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+--
 
 3. No campo de texto do Caminho do Executável do Mercurial, digite o caminho do arquivo executável ou clique em Explorar para navegar até ele em seu sistema. Observe que não é necessário _incluir_o arquivo executável Mercurial no caminho.
 4. Clique em OK.
@@ -107,26 +110,38 @@ Caso deseje estabelecer conexão com um repositório remoto a partir do IDE, faz
 
 1. No NetBeans IDE, selecione  ``Equipe``  >  ``Mercurial `` > `` Clonar outros``  no menu principal. O assistente Clonar é aberto.
 
-image:::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+[.feature]
+--
+image::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+--
 
 *Observação: *os menus drop-down do IDE se adaptam ao contexto, ou seja, as opções disponíveis dependem do item selecionado no momento. Portanto, se você já estiver trabalhando dentro de um projeto Mercurial, poderá escolher  ``Equipe``  >  ``Remoto``  >  ``Clonar Outros``  no menu principal.
 
 2. No URK do repositório, insira o caminho para o repositório (e.g.  ``http://hg.netbeans.org/main`` ).
 3. Nos campos Senha e Usuário que o assistente exibe, insira o nome de usuário e senha do netbeans.org.
 
-image:::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+[.feature]
+--
+image::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+--
 
 4. Caso esteja usando um proxy, certifique-se de clicar no botão Configuração de Proxy e insira quaisquer informações solicitadas na caixa de diálogo Opções. Quando tiver certeza de que suas definições de conexão estão corretas, clique em Próximo.
 5. No segundo passo, clique em Alterar ao lado direito do campo do Caminho de Expansão Default. A caixa de diálogo de Alterar Caminho de Expansão é aberta.
 
-image:::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+[.feature]
+--
+image::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+--
 
 6. Modifique a entrada de expansão default ao adicionar o nome de usuário e senha do NetBeans e modificar o protocolo para  ``https`` .
 7. Clique em Definir Caminho. A caixa de diálogo Alterar Caminho de Expansão é fechada.
 8. Clique em Próximo para ir para a próxima etapa do assistente.
 9. No campo Diretório Principal, insira uma local no computador para onde deseja fazer check-out dos arquivos do repositório (outra opção é usar o botão Procurar).
 
-image:::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+[.feature]
+--
+image::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+--
 
 *Observação: *se estiver usando o Windows, tome cuidado com o tamanho do caminho que especificar, isto é,  ``C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc``  pode causar uma falha na clonagem devido a um caminho muito longo. Tente usar  ``C:\`` .
 
@@ -146,22 +161,34 @@ Para importar um projeto para um repositório:
 
 1. Na janela Projetos (Ctrl-1 no Windows/Command1 no OS X), selecione um projeto sem controle de versão e escolha  ``Equipe``  >  ``Mercurial``  >  ``Inicializar Repositório``  ao clicar com o botão direito do mouse no nó. A caixa de diálogo Caminho-raiz do repositório é aberta.
 
-image:::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+[.feature]
+--
+image::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+--
 
 2. Especifique a pasta de repositório em que deseja colocar o projeto no repositório. Uma pasta contendo o nome do seu projeto é sugerida para você por default no campo de texto do Caminho-Raiz.
 3. Clique em OK para iniciar a ação de inicialização do Mercurial.
 Ao clicar em OK, o IDE faz upload dos arquivos do projeto para o repositório.
 Escolha Janela > Saída para abrir a janela Saída e exibir o progresso.
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 *Observação: *uma vez que os arquivos do projeto estiverem no controle de versão do Mercurial, eles são são registrados no repositório como  ``Localmente Novo`` . Os novos arquivos e seu status podem ser exibidos clicando em  ``Mercurial``  >  ``Mostrar alterações``  no menu de contexto.
 
-image:::images/status-small.png[role="left", link="images/status.png"]
+[.feature]
+--
+image::images/status-small.png[role="left", link="images/status.png"]
+--
 
 4. Selecione  ``Mercurial``  >  ``Confirmar``  no menu de contexto para confirmar esses arquivos de projeto para o repositório do Mercurial. A caixa de diálogo Confirmar - [ProjectName] é aberta.
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 5. Digite sua mensagem na área de texto Confirmar Mensagem e clique em Confirmar.
 
@@ -201,8 +228,16 @@ A margem direita do Editor de Código-fonte fornece uma visão geral que exibe a
 Observe que você pode clicar em um ponto específico na margem para trazer imediatamente o seu cursor in-line para esse local no arquivo. Para exibir o número de linhas afetadas, passe o mouse sobre os ícones coloridos na margem direita:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"]
-*Margem esquerda* |image:::images/right-ui-small.png[role="left", link="images/right-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
+*Margem esquerda* |[.feature]
+--
+image::images/right-ui-small.png[role="left", link="images/right-ui.png"]
+--
+ 
 *Margem direita* 
 |===
 
@@ -306,7 +341,11 @@ Por exemplo, execute as ações a seguir em um arquivo:
  |image::images/annotations.png[] 
 
 |* *Reverter Modificações*: abre a caixa de diálogo Reverter Modificações que pode ser usada para especificar parâmetros para reverter quaisquer mudanças locais em revisões mantidas no repositório.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -316,7 +355,10 @@ Comparar revisões de arquivos é uma tarefa comum ao se trabalhar com projetos
 
 Quando você faz uma diferenciação, um Visualizador de Diferenciação gráfico é aberto para os arquivos e revisões selecionados na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado. A cópia mais atual aparece no lado direito, portanto, se você estiver comparando uma revisão do repositório com sua cópia de trabalho, a cópia de trabalho é exibida no painel direito:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 O visualizador de Diferenciação usa a mesma <<viewingChanges,codificação de cor>> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).
 
@@ -360,7 +402,10 @@ O NetBeans IDE permite mesclar as alterações entre as revisões no repositóri
 2. Na lista drop-down Escolha de Revisões, selecione revisão. Todas as alterações feitas em uma cópia de arquivo local são transferidas no momento em que são criadas.
 3. Certifique-se de que os dados de Descrição, Autor e Data estejam corretos.
 
-image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+[.feature]
+--
+image::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+--
 
 4. Clique em Mesclar. O IDE incorpora quaisquer diferenças constatadas entre a versão de revisão do repositório e a cópia local do arquivo. Se ocorrerem conflitos de mesclagem, o status do arquivo será atualizado em <<resolving,Conflito de Mesclagem>> para indicar o fato.
 
@@ -395,7 +440,10 @@ Após editar os arquivos de origem, executar uma atualização e resolver quaisq
 
 A caixa de diálogo Confirmar é aberta, exibindo os arquivos que estão prestes a serem confirmados no repositório:
 
-image:::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+[.feature]
+--
+image::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+--
 
 A caixa de diálogo Confirmar lista:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ru.asciidoc
index 355ef1b9..277950e5 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_ru.asciidoc
@@ -66,7 +66,10 @@ image::images/netbeans-stamp.png[title="Содержимое этой стран
 1. Выберите  ``Сервис``  >  ``Параметры``  ( ``NetBeans``  >  ``Предпочтения``  в OS X) в главном меню. Откроется диалоговое окно Options ("Параметры").
 2. Выберите значок "Группа" в верхней части диалогового окна, затем щелкните вкладку "Управление версиями". На левой панели в разделе "Система управления версиями" выберите "Mercurial". Параметры пользователя Mercurial отображаются в главном окне диалога:
 
-image:::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+[.feature]
+--
+image::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+--
 
 3. В текстовом поле "Путь к исполняемому файлу Mercurial" введите путь к исполняемому файлу или щелкните "Обзор", чтобы выбрать его в системе. Обратите внимание, что исполняемый файл Mercurial не _включен_ в путь.
 4. Нажмите кнопку "ОК".
@@ -107,26 +110,38 @@ hg clone /path/to/your/repository
 
 1. В главном меню IDE NetBeans выберите  ``Группа``  >  ``Mercurial``  >  ``Клонировать другое`` . Откроется мастер клонирования.
 
-image:::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+[.feature]
+--
+image::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+--
 
 *Примечание.* Раскрывающееся меню IDE являются контекстно-зависимыми, т.е. доступные параметры зависят от текущего выбранного элемента. Поэтому, если вы уже работаете с проектом Mercurial, можно выбрать  ``Контроль версий``  >  ``Регистрация``  >  ``Клонировать другое``  в главном меню.
 
 2. В поле "URL-адрес репозитория" введите путь к репозиторию (например,  ``http://hg.netbeans.org/main`` ).
 3. В полях "Пользователь" и "Пароль" мастера клонирования введите имя пользователя и пароль netbeans.org.
 
-image:::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+[.feature]
+--
+image::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+--
 
 4. Если используется прокси, необходимо нажать кнопку "Настройка прокси" и ввести всю необходимую информацию в диалоговом окне "Параметры". Если вы не уверены в правильности параметров подключения к репозиторию, нажмите кнопку "Далее".
 5. Во втором действии щелкните "Изменить" справа от поля "Default Push Path" (Путь выгрузки изменений по умолчанию) . Откроется диалоговое окно "Изменить путь выгрузки изменений".
 
-image:::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+[.feature]
+--
+image::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+--
 
 6. Изменить элемент выгрузки изменений по умолчанию, добавив имя пользователя и пароль NetBeans и выбрав протокол  ``https`` .
 7. Щелкните "Установить путь". Диалоговое окно "Изменить путь выгрузки изменений" закроется.
 8. Щелкните "Далее", чтобы перейти к третьему шагу мастера.
 9. В поле "Родительский каталог" введите местоположение на компьютере для получения файлов репозитория (или можно использовать кнопку "Обзор").
 
-image:::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+[.feature]
+--
+image::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+--
 
 *Примечание.* При работе в Windows, обращайте особое внимание на указываемую длину, т.е. такой путь как  ``C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc``  может привести к ошибке клонирования из-за очень длинных путей к файлам. Вместо этого попробуйте использовать  ``C:\`` .
 
@@ -146,22 +161,34 @@ image:::images/clone-destination-small.png[role="left", link="images/clone-desti
 
 1. В окне "Проекты" (Ctrl-1 в Windows/Command-1 в OS X) выберите проект, не находящийся под контролем версий, затем выберите ``Группа``  >  ``Mercurial``  >  ``Инициализировать репозиторий``  в контекстном меню узла. Откроется диалоговое окно "Корневой путь репозитория".
 
-image:::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+[.feature]
+--
+image::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+--
 
 2. Укажите папку репозитория, в которую необходимо разместить проект в репозитории. По умолчанию в текстовом поле "Корневой путь" предлагается папка, содержащая имя проекта.
 3. Нажмите "ОК", чтобы инициировать действие инициализации Mercurial.
 При нажатии кнопки ОК среда IDE загружает файлы проекта в репозиторий.
 Выберите 'Окно' > 'Вывод', чтобы открыть окно 'Вывод' для просмотра хода выполнения.
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 *Примечание.* После включения для файлов проекта поддержки управления версиями Mercurial, они регистрируются в репозитории как  ``локально новые`` . Чтобы просмотреть новые файлы и их состояние, выберите  ``Mercurial``  >  ``Показать изменения``  в контекстном меню.
 
-image:::images/status-small.png[role="left", link="images/status.png"]
+[.feature]
+--
+image::images/status-small.png[role="left", link="images/status.png"]
+--
 
 4. Выберите  ``Mercurial``  >  ``Фиксировать``  в контекстом меню проекта, чтобы зафиксировать файлы проекта в репозитории Mercurial. Фиксация - Открывается диалоговое окно [имя_проекта].
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 5. Введите сообщение в текстовую область "Сообщение о фиксации" и щелкните "Фиксация".
 
@@ -201,8 +228,16 @@ image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.p
 Обратите внимание, что можно щелкнуть определенную точку внутри поля, чтобы немедленно перенести курсор в строке к этому месту файла. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"]
-*Левое поле* |image:::images/right-ui-small.png[role="left", link="images/right-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
+*Левое поле* |[.feature]
+--
+image::images/right-ui-small.png[role="left", link="images/right-ui.png"]
+--
+ 
 *Правое поле* 
 |===
 
@@ -306,7 +341,11 @@ image::images/versioning-window.png[]
  |image::images/annotations.png[] 
 
 |* *Откатить изменения*: открытие диалогового окна "Откатить изменения", которое используется для указания параметров отката любых локальных изменений к редакции в репозитории.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -316,7 +355,10 @@ image::images/versioning-window.png[]
 
 При выполнении сравнения откроется средство просмотра различий для выбранного файла(-в) и редакций в главном окне IDE. В средстве просмотра различий отображаются две копии на параллельных панелях. Текущая копия отображается в правой части, поэтому при сравнении копии в репозитории с рабочей копией последняя отображается на правой панели:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 В просмотре различий используются те же <<viewingChanges,условные цвета>>, что используются и в других местах для показа изменений под контролем версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.
 
@@ -360,7 +402,10 @@ IDE NetBeans обеспечивает возможность слияния из
 2. Выберите редакцию в раскрывающемся списке "Выберите из редакций". Выполняется перенос всех изменений, выполненных в локальной рабочей копии, со момента ее создания.
 3. Убедитесь. что данные для 'Описание', 'Автор' и 'Дата' указаны правильно.
 
-image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+[.feature]
+--
+image::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+--
 
 4. Щелкните "Слить". Среда IDE объединяет все найденные различия между редакциями репозитория и локальной копией файла. При возникновении конфликтов слияния устанавливается состояние файла <<resolving,Конфликт слияния>> для указания на это.
 
@@ -393,7 +438,10 @@ image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-mer
 
 Откроется диалоговое окно "Фиксация", в котором отображаются файлы для фиксации в репозитории:
 
-image:::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+[.feature]
+--
+image::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+--
 
 В диалоговом окне "Фиксация" перечислено следующее:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_zh_CN.asciidoc
index fc98748c..5242bdee 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/mercurial_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/mercurial_zh_CN.asciidoc
@@ -79,7 +79,10 @@ image::images/netbeans-stamp.png[title="此页上的内容适用于 NetBeans IDE
 1. 从主菜单中选择  ``Tools`` (工具)>  ``Options`` (选项);在 OS X 上为  ``NetBeans``  >  ``Preferences`` (首选项)。"Options"(选项)对话框打开。
 2. 选择对话框顶部的 "Team"(团队开发)图标,然后单击 "Versioning"(版本控制)标签。在 "Versioning Systems"(版本控制系统)下方的左窗格中,选择 "Mercurial"。对话框的主窗口中将显示 Mercurial 的用户定义选项:
 
-image:::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+[.feature]
+--
+image::images/options-dialog-small.png[role="left", link="images/options-dialog.png"]
+--
 
 3. 在 "Mercurial Executable Path"(Mercurial 可执行文件路径)文本字段中,输入可执行文件的路径,或者单击 "Browse"(浏览)在系统中找到它。请注意,您不需要将 Mercurial 可执行文件_包含_在路径中。
 4. 单击 "OK"(确定)。
@@ -120,26 +123,38 @@ hg clone /path/to/your/repository
 
 1. 在 NetBeans IDE 中,从主菜单中选择  ``Team`` (团队开发)>  ``Mercurial``  >  ``Clone other`` (克隆其他)。此时将打开克隆向导。
 
-image:::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+[.feature]
+--
+image::images/clone-repository-small.png[role="left", link="images/clone-repository.png"]
+--
 
 *注:*IDE 的下拉菜单是与上下文相关的,即可用选项取决于当前选定的项。因此,如果已在使用 Mercurial 项目,则可以从主菜单中选择  ``Team`` (团队开发)>  ``Remote`` (远程)>  ``Clone Other`` (克隆其他)。
 
 2. 在 "Repository URL"(资源库 URL)中,输入资源库的路径(例如  ``http://hg.netbeans.org/main`` )。
 3. 在克隆向导显示的 "User"(用户)和 "Password"(口令)字段中,输入 netbeans.org 用户名和口令。
 
-image:::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+[.feature]
+--
+image::images/clone-username-small.png[role="left", link="images/clone-username.png"]
+--
 
 4. 如果要使用代理,请务必单击 "Proxy Configuration"(代理配置)按钮,然后在 "Options"(选项)对话框中输入所有必要的信息。如果确定资源库的连接设置正确无误,请单击 "Next"(下一步)。
 5. 在第二步中,单击 "Default Push Path"(默认推入路径)字段右侧的 "Change"(更改)。"Change Push Path"(更改推入路径)对话框打开。
 
-image:::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+[.feature]
+--
+image::images/clone-push-small.png[role="left", link="images/clone-push.png"]
+--
 
 6. 添加 NetBeans 用户名和口令,并将协议更改为  ``https`` ,以修改默认推入项。
 7. 单击 "Set Path"(设置路径)。此时将关闭 "Change Push Path"(更改推入路径)对话框。
 8. 单击 "Next"(下一步)以转到该向导的第三步。
 9. 在 "Parent Directory"(父目录)字段中,输入计算机上要将资源库文件检出到的位置(此外,也可以使用 "Browse"(浏览)按钮)。
 
-image:::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+[.feature]
+--
+image::images/clone-destination-small.png[role="left", link="images/clone-destination.png"]
+--
 
 *注:*如果运行的是 Windows,请留意指定的路径长度;即  ``C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc`` ,克隆可能会因文件路径过长而失败。请试着改用  ``C:\`` 。
 
@@ -159,22 +174,34 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 
 1. 在 "Projects"(项目)窗口(在 Windows 上按 Ctrl-1 组合键;在 OS X 上按 Command-1 组合键)中,选择未进行版本控制的项目,然后从节点的右键单击菜单中选择  ``Team`` (团队开发)>  ``Mercurial``  >  ``Initialize Repository`` (初始化资源库)。此时将打开 "Repository root path"(资源库根路径)对话框。
 
-image:::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+[.feature]
+--
+image::images/repositoryrootpath.png[role="left", link="images/repositoryrootpath.png"]
+--
 
 2. 在资源库中指定用来放置项目的资源库文件夹。默认情况下,建议您在 "Root Path"(根路径)文本字段中,键入包含项目名称的文件夹。
 3. 单击 "OK"(确定)以启动 Mercurial 初始化操作。
 单击 "OK"(确定)后,IDE 会将项目文件上载到资源库。
 选择 "Window"(窗口)> "Output"(输出)以打开 "Output"(输出)窗口并查看进度。
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 *注:*对项目文件进行 Mercurial 版本控制后,这些文件在资源库中将注册为  ``Locally New`` (本地新建)。要查看这些新文件及其状态,可以对其右键单击,然后从弹出式菜单中选择  ``Mercurial``  >  ``Show changes`` (显示更改)。
 
-image:::images/status-small.png[role="left", link="images/status.png"]
+[.feature]
+--
+image::images/status-small.png[role="left", link="images/status.png"]
+--
 
 4. 右键单击项目,然后从弹出式菜单中选择  ``Mercurial``  >  ``Commit`` (提交),以便将这些项目文件提交到 Mercurial 资源库中。此时将打开 "Commit - [ProjectName]"(提交 - [项目名称])对话框。
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 5. 在 "Commit Message"(提交消息)文本区域中键入消息,然后单击 "Commit"(提交)。
 
@@ -214,8 +241,16 @@ image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.p
 注:单击旁注的特定点可以让内联光标立即转到文件中的该位置。想要查看受影响行的行号,可以将鼠标放在右旁注中的彩色图标上:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"]
-*左旁注* |image:::images/right-ui-small.png[role="left", link="images/right-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
+*左旁注* |[.feature]
+--
+image::images/right-ui-small.png[role="left", link="images/right-ui.png"]
+--
+ 
 *右旁注* 
 |===
 
@@ -319,7 +354,11 @@ image::images/versioning-window.png[]
  |image::images/annotations.png[] 
 
 |* *还原修改*:打开 "Revert Modifications"(还原修改)对话框,您可以使用它指定参数,以便将所有本地更改还原到资源库中保留的修订版本。
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -329,7 +368,10 @@ image::images/versioning-window.png[]
 
 进行比较时,将在 IDE 的主窗口中打开选定文件和修订版本的图形化比较查看器。比较查看器在两个并行面板中显示两个副本。较新的副本显示在右侧,因此,如果要将资源库修订版本与工作副本进行比较,则在右面板中显示工作副本:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 比较查看器使用<<viewingChanges,颜色编码>>来显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示已添加到较新修订版本中的内容。红色块指示从较新修订版本中删除了以前的修订内容。蓝色指示在突出显示的行中发的更改。
 
@@ -373,7 +415,10 @@ image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
 2. 在 "Choose From Revisions"(从修订版本中选择)下拉列表中,选择所需的修订版本。此时将移动自本地工作副本文件创建以来对其所做的全部更改。
 3. 确保说明、作者和日期数据正确。
 
-image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+[.feature]
+--
+image::images/mercurial-merge-small.png[role="left", link="images/mercurial-merge.png"]
+--
 
 4. 单击 "Merge"(合并)。IDE 将在资源库修订版本之间发现的所有差异与本地文件副本进行合并。如果发生合并冲突,则文件的状态会更新为 <<resolving,Merge Conflict>>(合并冲突),以说明这一情况。
 
@@ -406,7 +451,10 @@ image:::images/mercurial-merge-small.png[role="left", link="images/mercurial-mer
 
 此时将打开 "Commit"(提交)对话框,其中显示要提交到资源库的文件:
 
-image:::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+[.feature]
+--
+image::images/mercurial-commit-dialog-small.png[role="left", link="images/mercurial-commit-dialog.png"]
+--
 
 "Commit"(提交)对话框将列出以下内容:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/subversion.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/subversion.asciidoc
index 330393ce..84706b52 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/subversion.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/subversion.asciidoc
@@ -90,7 +90,10 @@ To set the path to the Subversion executable file in the IDE:
 1. Choose Tools > Options (NetBeans > Preferences on OS X) from the main menu. The Options dialog opens.
 2. Select the Miscellaneous icon along the top of the dialog, then click the Versioning tab. In the left pane under Versioning Systems, select Subversion. User-defined options for Subversion display in the main window of the dialog:
 
- image:::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+ [.feature]
+--
+image::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+--
 
 3. In the Specify the SVN Home Folder text field, either type in the path to the executable file or click Browse to navigate to it on your system. Note that you need not _include_ the Subversion executable file in the path.
 4. Click OK, then restart the IDE to allow changes to take effect.
@@ -163,7 +166,10 @@ For more help with `svn+ssh`, see: link:http://wiki.netbeans.org/wiki/view/FaqSu
 3. If you are using a proxy, be sure to click the Proxy Configuration button and enter any required information. When you are certain your connection settings to the repository are correct, click Next.
 4. In the Folders to Checkout panel of the wizard, specify the folder that you want to check out in the Repository Folder(s) field. If you do not know the name of the folder you want to check out, click the Browse button to view all folders currently maintained in the repository. From the Browse Repository Folders dialog that appears, select any of the listed folders and click OK. The selected folder is then added to the Repository Folder(s) field ('MyProject' entered in screen capture below):
 
-image:::images/checkout-small.png[role="left", link="images/checkout.png"]
+[.feature]
+--
+image::images/checkout-small.png[role="left", link="images/checkout.png"]
+--
 
 5. Enter a Revision number in the Repository Revision field, otherwise leave it empty, implying that you want to check out the folder _HEAD_, or most recent revision.
 6. In the Local Folder field, enter a location on your computer where you want files to be checked out to. Leave the Scan for NetBeans Projects after Checkout option selected, then click Finish to initiate the check out action. The IDE checks out the specified sources and the IDE's status bar indicates the progress of the files downloading from the repository to your local working directory. You can also view files as they are being checked out from the Output window (Ctrl-4 on Windows/Cmd-4 on OS X). 
@@ -185,7 +191,10 @@ To import a project to a repository:
 4. In the text area beneath Specify the Message, enter a description of the project you are importing into the repository.
 5. Click Finish to initiate the import, or optionally, click Next to continue to a third panel that enables you to preview all files that are prepared for import. From this panel, you can choose to exclude individual files from the import (as shown below), or identify the MIME types of files before importing.
 
-image:::images/import-small.png[role="left", link="images/import.png"]
+[.feature]
+--
+image::images/import-small.png[role="left", link="images/import.png"]
+--
 
 Upon clicking Finish, the IDE uploads the project files to the repository and the Output window opens to display the progress.
 
@@ -225,7 +234,11 @@ The Source Editor's right margin provides you with an overview that displays cha
 Note that you can click on a specific point within the margin to bring your inline cursor immediately to that location in the file. To view the number of lines affected, hover your mouse over the colored icons in the right margin:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Left margin* |image::images/right-ui.png[title="versioning color encoding displayed in editor's right margin"] 
 *Right margin* 
 |===
@@ -306,7 +319,10 @@ The Subversion Versioning window provides you with a real-time list of all of th
 
 To open the Versioning window, select a versioned file or folder (e.g. from the Projects, Files, or Favorites window) and either choose Subversion > Show Changes from the right-click menu, or choose Team > Show Changes from the main menu. The following window appears in the bottom of the IDE:
 
-image:::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+[.feature]
+--
+image::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+--
 
 By default, the Versioning window displays a list of all modified files within the selected package or folder. Using the buttons in the toolbar, you can choose to display all changes or limit the list of displayed files to either locally or remotely modified files. You can also click the column headings above the listed files to sort the files by name, status or location.
 
@@ -344,24 +360,40 @@ Displays author and revision number information in the left margin of files open
 |* *Search History*: 
 
 Enables you to search for and compare multiple revisions of the selected file in the IDE's History Viewer. From the History Viewer you can also perform a <<comparing,diff>> or roll back your local copy to a selected revision.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Exclude from Commit*: 
 
 Allows you to mark the file to be excluded when performing a commit.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Revert Delete*: 
 
 Opens the Revert Modifications dialog, enabling you to revert any delete actions that you have committed to files in your local working copy. The specified file(s) are retrieved from the IDE's local history archive and reinstated into your local working copy.
- |image:::images/revert-mods-small.png[role="left", link="images/revert-mods.png"] 
+ |[.feature]
+--
+image::images/revert-mods-small.png[role="left", link="images/revert-mods.png"]
+--
+ 
 
 |* *Revert Modifications*: 
 
 Opens the Revert Modifications dialog which you can use to specify parameters for reverting any local changes to revisions maintained in the repository. 
 
 When specifying revisions, you can click Search to open the Search Revisions dialog. This scans the repository and lists all file revisions based on the date you enter.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -371,7 +403,10 @@ Comparing file revisions is a common task when working with versioned projects.
 
 When you perform a diff, a graphical Diff Viewer opens for the selected file(s) and revisions in the IDE's main window. The Diff Viewer displays two copies in side-by-side panels. The more current copy appears on the right side, so if you are comparing a repository revision against your working copy, the working copy displays in the right panel:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 The Diff Viewer makes use of the same <<viewingChanges,color encoding>> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current revision. The red block indicates that content from the earlier revision has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).
 
@@ -433,7 +468,10 @@ The following scenario describes a common use-case: You have checked out the tru
 2. In the Merge From drop-down list, select One Repository Folder Since Its Origin. You are porting all changes made on a single branch from the time it was created.
 3. In the Repository Folder text field, enter the path to the folder from which you want to port changes (`branches/JavaApp`). Leave the Ending Revision field empty to indicate that you want to include all revisions up to the _HEAD_ (i.e. current state).
 
-image:::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+[.feature]
+--
+image::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+--
 
 4. Click Merge. The IDE incorporates any differences found between the branch revisions and your local copy of the file. If merge conflicts occur, the file's status is updated to <<resolving,Merge Conflict>> to indicate this.
 
@@ -470,7 +508,10 @@ Any conflicts that arise must be resolved before you commit files to the reposit
 
 The Merge Conflicts Resolver displays the two conflicting revisions side-by-side in the top pane, with the conflicting areas highlighted. The lower pane depicts the file as it appears while merges for individual conflicts between the two revisions occur:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 You resolve a conflict by accepting one of the two revisions displayed in the top pane. Click the Accept button of the revision you want to accept. The IDE merges the accepted revision with the source file, and you can immediately see the results of the merge in the bottom pane of the Merge Conflicts Resolver. Once all conflicts are resolved, click OK to exit the Merge Conflicts Resolver and save the modified file. The conflict badge is removed and you can now commit the modified file to the repository.
 
@@ -484,7 +525,10 @@ After editing source files, performing an update and resolving any conflicts, yo
 
 The Commit dialog opens, displaying files that are about to be committed to the repository:
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 The Commit dialog lists:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/subversion_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/subversion_ja.asciidoc
index d083756e..d36e0f45 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/subversion_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/subversion_ja.asciidoc
@@ -90,7 +90,10 @@ Subversion実行可能ファイルのパスをIDEに設定するには:
 1. メイン・メニューから「ツール」→「オプション」(OS Xでは「NetBeans」→プリファレンス)を選択します。「オプション」ダイアログが開きます。
 2. ダイアログの上部にある「その他」アイコンを選択し、「バージョン管理」タブをクリックします。「バージョン管理システム」下の左側のペインで、「Subversion」を選択します。ダイアログのメイン・ウィンドウに、Subversionのユーザー定義オプションが表示されます。
 
- image:::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+ [.feature]
+--
+image::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+--
 
 3. 「SVNホーム・フォルダを指定」テキスト・フィールドに、実行可能ファイルのパスを入力するか、または「参照」をクリックしてシステム上のその場所まで移動します。パスにSubversion実行可能ファイルを_含める_必要はありません。
 4. 「OK」をクリックしてIDEを再起動すると、変更が有効になります。
@@ -163,7 +166,10 @@ IDEは、次のプロトコルのタイプをサポートしています。
 3. プロキシを使用している場合は、「プロキシ構成」ボタンをクリックし、必要な情報を入力します。リポジトリへの接続設定が正しいことを確認したら、「次」をクリックします。
 4. ウィザードの「チェックアウトするフォルダ」パネルで、「リポジトリ・フォルダ」フィールドにチェックアウトするフォルダを指定します。チェックアウトするフォルダの名前がわからない場合、「参照」ボタンをクリックして、リポジトリに現在保持されているすべてのフォルダを表示します。表示された「リポジトリ・フォルダを参照」ダイアログから、表示されているいずれかのフォルダを選択し、「OK」をクリックします。これで、選択したフォルダが「リポジトリ・フォルダ」フィールドに追加されます(下のスクリーン・ショットでは「MyProject」が入力されています)。
 
-image:::images/checkout-small.png[role="left", link="images/checkout.png"]
+[.feature]
+--
+image::images/checkout-small.png[role="left", link="images/checkout.png"]
+--
 
 5. 「リポジトリ・リビジョン」フィールドにリビジョン番号を入力するか、空のままにして、フォルダ_HEAD_または最新リビジョンをチェックアウトすることを示します。
 6. 「ローカル・フォルダ」フィールドで、ファイルのチェックアウト先にするコンピュータ上の場所を入力します。「チェックアウト後にNetBeansプロジェクトをスキャン」オプションを選択されたままにし、「終了」をクリックしてチェックアウト・アクションを開始します。IDEによって指定したソースがチェックアウトされ、リポジトリからローカルの作業用ディレクトリへのファイルのダウンロードの進捗状況がIDEのステータス・バーに示されます。チェックアウト中のファイルを、「出力」ウィンドウから表示することもできます(Windowsでは[Ctrl]-[4]、OS Xでは[Cmd]-[4])。
@@ -185,7 +191,10 @@ image:::images/checkout-small.png[role="left", link="images/checkout.png"]
 4. 「メッセージを指定」の下のテキスト領域に、リポジトリにインポートしようとしているプロジェクトの説明を入力します。
 5. インポートを開始するには、「終了」をクリックします。必要に応じて「次」をクリックすると、3番目のパネルに進み、インポート用に準備されたすべてのファイルをプレビューできます。このパネルから、(下に示すように)インポート対象から除外するファイルを個別に選択したり、またはインポート前にファイルのMIMEタイプを特定したりできます。
 
-image:::images/import-small.png[role="left", link="images/import.png"]
+[.feature]
+--
+image::images/import-small.png[role="left", link="images/import.png"]
+--
 
 「終了」をクリックすると、IDEによってプロジェクト・ファイルがリポジトリにアップロードされ、「出力」ウィンドウが開いて、進行状況が表示されます。
 
@@ -225,7 +234,11 @@ IDEのソース・エディタでバージョン管理されたファイルを
 マージンの特定の場所をクリックすると、インライン・カーソルがファイルのその場所にすぐに移動します。影響を受ける行数を表示するには、右側のマージンの色つきアイコンの上にマウスを動かします。
 
 |===
-|image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+|[.feature]
+--
+image:images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+
 *左側のマージン* |image::images/right-ui.png[title="エディタの右側のマージンに表示されたバージョン管理の色分け"]
 *右側のマージン* 
 |===
@@ -306,7 +319,10 @@ Subversionバージョン管理ウィンドウは、ローカルの作業コピ
 
 バージョン管理ウィンドウを開くには、(「プロジェクト」ウィンドウ、「ファイル」ウィンドウまたは「お気に入り」ウィンドウなどから)バージョン管理ファイルまたはフォルダを選択し、右クリック・メニューから「Subversion」>「変更を表示」を選択するか、またはメイン・メニューから「チーム」>「変更を表示」を選択します。IDEの最下部に次のウィンドウが表示されます。
 
-image:::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+[.feature]
+--
+image::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+--
 
 デフォルトでは、「バージョン管理」ウィンドウは、選択されたパッケージまたはフォルダ内の変更されたすべてのファイルを一覧表示します。ツールバーにあるボタンを使用することによって、すべての変更を表示するか、表示されるファイルの一覧をローカルまたはリモートで変更されたファイルに制限できます。一覧表示されたファイルの上にある列の見出しをクリックして、名前、ステータス、または場所でファイルをソートすることもできます。
 
@@ -344,24 +360,40 @@ image::images/versioning-right-click.png[]
 |* *履歴を検索*: 
 
 IDEの履歴ビューアで選択したファイルの複数のリビジョンを検索して比較できます。履歴ビューアから、<<comparing,差分>>を取得したり、選択したリビジョンにローカル・コピーをロール・バックしたりすることもできます。
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *コミットから除外*: 
 
 コミットを実行するときに除外するファイルをマークできます。
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *削除を元に戻す*: 
 
 「変更内容を元に戻す」ダイアログを開き、ローカル作業コピー内のファイルにコミットした任意の削除アクションを元に戻すことができます。指定したファイルがIDEのローカル履歴アーカイブから取得され、ローカル作業コピーに復元されます。
- |image:::images/revert-mods-small.png[role="left", link="images/revert-mods.png"] 
+ |[.feature]
+--
+image::images/revert-mods-small.png[role="left", link="images/revert-mods.png"]
+--
+ 
 
 |* *変更内容を元に戻す*: 
 
 ローカルの変更をリポジトリで管理されているリビジョンに戻す場合のパラメータを指定するために使用できる「変更内容を元に戻す」ダイアログを開きます。
 
 リビジョンを指定する場合、「検索」をクリックして、「リビジョンの検索」ダイアログを開くことができます。これにより、リポジトリがスキャンされ、入力した日付に基づいて、すべてのファイル・リビジョンが表示されます。
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -371,7 +403,10 @@ IDEの履歴ビューアで選択したファイルの複数のリビジョン
 
 差分の取得を実行すると、選択したファイルとリビジョンについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。差分ビューアには2つのコピーが並んだパネルに表示されます。右側により現在に近いコピーが表示されるため、作業コピーに対してリポジトリ・リビジョンを比較すると、右パネルに作業コピーが表示されます。
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<<viewingChanges,色分け>>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いリビジョンに追加された内容を示します。赤いブロックは、前のリビジョンの内容が、より最近のリビジョンから除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。
 
@@ -433,7 +468,10 @@ NetBeans IDEでは、リポジトリ・リビジョンとローカル作業コ
 2. 「マージ元」ドロップダウン・リストから、「1つのリポジトリ・フォルダ(起点から)」を選択します。単一の分岐の作成時からのすべての変更を移植します。
 3. 「リポジトリ・フォルダ」テキスト・フィールドに、変更の移植元のフォルダのパス(`branches/JavaApp`)を入力します。「終了リビジョン」フィールドを空のままにして、_HEAD_ (つまり、現在の状態)までのすべてのリビジョンを含めることを示します。
 
-image:::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+[.feature]
+--
+image::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+--
 
 4. 「マージ」をクリックします。IDEによって、分岐リビジョンとファイルのローカル・コピー間に検出されたすべての相違が取り込まれます。マージ競合が発生した場合、ファイルのステータスはこれを示すために「<<resolving,競合をマージ>>」に更新されます。
 
@@ -470,7 +508,10 @@ image::images/conflict-versioning-win.png[]
 
 マージ競合リゾルバは、競合のある2つのリビジョンを上のペインに横に並べて表示し、競合領域は強調表示されます。下部のペインは、2つのリビジョン間の個々の競合のマージが行われると表示されるファイルを示します。
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 上部のペインに表示される2つのリビジョンのいずれかを採用することで競合を解決します。採用するリビジョンの「同意」ボタンをクリックします。IDEによって、採用されたリビジョンがソース・ファイルにマージされ、マージ競合リゾルバの下のペインにマージの結果がすぐに表示されます。すべての競合を解決したら、「OK」をクリックしてマージ競合リゾルバを終了し、変更したファイルを保存します。競合を示すバッジが除去され、これで、変更したファイルをリポジトリにコミットできます。
 
@@ -484,7 +525,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 「コミット」ダイアログが開き、リポジトリにコミットされるファイルが表示されます。
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 「コミット」ダイアログには、次が表示されます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/subversion_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/subversion_pt_BR.asciidoc
index 49cf9a28..72b3945a 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/subversion_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/subversion_pt_BR.asciidoc
@@ -90,7 +90,10 @@ Para definir o caminho para o arquivo executável do Subversion no IDE:
 1. Escolha Ferramentas > Opções(NetBeans > Preferências no OS X) a partir do menu principal. A caixa de diálogo Opções é aberta.
 2. Selecione o ícone Diversos na parte superior da caixa de diálogo e clique na guia Controle de Versão. No painel esquerdo, em Sistemas de Controle de Versão, selecione Subversion. As opções definidas pelo usuário para o Subversion são exibidas na janela principal da caixa de diálogo:
 
- image:::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+ [.feature]
+--
+image::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+--
 
 3. No campo de texto Especificar a Pasta Home do SVN, digite o caminho do arquivo executável ou clique em Procurar para navegar até ele em seu sistema. Observe que não é necessário _incluir_o arquivo executável Subversion no caminho.
 4. Clique em OK, reinicie IDE para permitir que as alterações tenham efeito.
@@ -163,7 +166,10 @@ Para mais ajuda com `svn+ssh`, consulte: link:http://wiki.netbeans.org/wiki/view
 3. Caso esteja usando um proxy, certifique-se de clicar no botão Configuração de Proxy e insira quaisquer informações solicitadas. Quando tiver certeza de que suas definições de conexão estão corretas, clique em Próximo.
 4. No painel Pastas para Check-out do assistente, especifique a pasta para a qual deseja fazer check-out no campo Pasta(s) do Repositório. Caso não saiba o nome da pasta para a qual deseja fazer check-out, clique no botão Procurar para exibir todas as pastas mantidas atualmente no repositório. Na caixa de diálogo Procurar nas Pastas do Repositório, selecione quaisquer uma das pastas listadas e clique em OK. A pasta selecionada é adicionada ao campo Pastas do Repositório ('MyProject' inserido na captura de tela abaixo):
 
-image:::images/checkout-small.png[role="left", link="images/checkout.png"]
+[.feature]
+--
+image::images/checkout-small.png[role="left", link="images/checkout.png"]
+--
 
 5. Insira um número de Revisão no campo Revisão do Repositório ou deixe-o em branco, para indicar que deseja fazer check-out da pasta _HEAD_, ou insira a revisão mais recente.
 6. No campo Pasta Local, insira um local em seu computador para onde deseja fazer check-out dos arquivos. Deixe selecionada a opção Procurar por Projetos do NetBeans após Check-out e, em seguida, clique em Finalizar para iniciar a ação de check-out. O IDE faz check-out dos códigos-fonte especificados e a barra de status do IDE indica o andamento do download dos arquivos do repositório para seu diretório de trabalho local. Você também pode exibir os arquivos que estão tendo check-out na janela de Saída (Ctrl-4 no Windows/Cmd-4 no OS X). 
@@ -185,7 +191,10 @@ Para importar um projeto para um repositório:
 4. Na área de texto abaixo de Especificar a Mensagem, indique uma descrição do projeto que você está importando para o repositório.
 5. Clique em Finalizar para iniciar a importação, ou opcionalmente, clique em Próximo para continuar no terceiro painel que permite que você exiba todos os arquivos que estão preparados para importação. Neste painel, você pode optar por excluir arquivos individuais da importação (como indicado abaixo), ou identificar os tipos de MIME dos arquivos antes da importação.
 
-image:::images/import-small.png[role="left", link="images/import.png"]
+[.feature]
+--
+image::images/import-small.png[role="left", link="images/import.png"]
+--
 
 Quando você clicar em Finalizar, o IDE fará upload dos arquivos do projeto para o repositório e a janela de Saída será aberta e exibirá o andamento.
 
@@ -225,7 +234,11 @@ A margem direita do Editor de Código-fonte fornece uma visão geral que exibe a
 Observe que você pode clicar em um ponto específico na margem para trazer imediatamente o seu cursor in-line para esse local no arquivo. Para exibir o número de linhas afetadas, passe o mouse sobre os ícones coloridos na margem direita:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Margem esquerda* |image::images/right-ui.png[title="a codificação de cor do controle de versão é exibida na margem direita do editor"] 
 *Margem direita* 
 |===
@@ -306,7 +319,10 @@ A janela de Controle de Versão do Subversion fornece uma lista em tempo real de
 
 Para abrir a janela de Controle de Versão, selecione um arquivo ou pasta com controle de versão (ou seja, na janela Projetos, Arquivos ou Favoritos) e escolha Subversion > Mostrar Alterações no menu de clique direito, ou escolha Equipe > Mostrar alterações no menu principal. A janela seguinte aparece na parte inferior do IDE:
 
-image:::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+[.feature]
+--
+image::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+--
 
 Por default, a janela Controle de Versão exibe uma lista de todos os arquivos modificados dentro do pacote ou pasta selecionado. Usando os botões na barra de ferramentas, é possível optar por exibir todas as alterações ou limitar a lista de arquivos exibidos a arquivos modificados local ou remotamente. É possível clicar nos cabeçalhos das colunas acima dos arquivos listados para classificá-los por nome, status ou local.
 
@@ -344,24 +360,40 @@ Exibe o autor e as informações do número da revisão na margem esquerda dos a
 |* *Pesquisar Histórico*: 
 
 permite que você procure e compare várias revisões do arquivo selecionado no Visualizador de Histórico do IDE. No Visualizador de Históricos também é possível executar uma <<comparing,comparação>> ou restaurar sua cópia local para a revisão selecionada.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Excluir da Confirmação*: 
 
 Permite que você marque o arquivo para ser excluído ao executar uma confirmação.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Reverter Exclusão*: 
 
 abre a caixa de diálogo Reverter Modificações, permitindo que você reverta quaisquer ações de exclusão que tenham sido confirmadas em arquivos de sua cópia de trabalho local. O(s) arquivo(s) especificado(s) será(ão) recuperado(s) do arquivo compactado de histórico local do IDE e restaurados na sua cópia de trabalho local.
- |image:::images/revert-mods-small.png[role="left", link="images/revert-mods.png"] 
+ |[.feature]
+--
+image::images/revert-mods-small.png[role="left", link="images/revert-mods.png"]
+--
+ 
 
 |* *Reverter Modificações*: 
 
 abre a caixa de diálogo Reverter Modificações que pode ser usada para especificar parâmetros para reverter quaisquer mudanças locais em revisões mantidas no repositório. 
 
 Ao especificar revisões, você pode clicar em Pesquisar para abrir a caixa de diálogo Pesquisar Revisões. Isso varre o repositório e lista todos os arquivos com base na data inserida.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -371,7 +403,10 @@ Comparar revisões de arquivos é uma tarefa comum ao se trabalhar com projetos
 
 Quando você faz uma diferenciação, um Visualizador de Diferenciação gráfico é aberto para os arquivos e revisões selecionados na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado. A cópia mais atual aparece no lado direito, portanto, se você estiver comparando uma revisão do repositório com sua cópia de trabalho, a cópia de trabalho é exibida no painel direito:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 O visualizador de Diferenciação usa a mesma <<viewingChanges,codificação de cor>> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).
 
@@ -433,7 +468,10 @@ O cenário a seguir descreve um caso comum: você fez check-out da versão trunk
 2. Na lista drop-down Mesclar, selecione Uma Pasta do Repositório desde sua Origem. Todas as mudanças feitas em uma ramificação são transferidas no momento em que são criadas.
 3. No campo de texto da Pasta do Repositório, insira o caminho na pasta para a qual você deseja transportar as alterações (`branches/JavaApp`). Deixe o campo Revisão Final vazio para indicar que deseja incluir todas as revisões até o _HEAD_ (isto é, estado atual).
 
-image:::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+[.feature]
+--
+image::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+--
 
 4. Clique em Mesclar. O IDE incorpora quaisquer diferenças constatadas entre a versão de revisão da ramificação e a cópia local do arquivo. Se ocorrerem conflitos de mesclagem, o status do arquivo será atualizado em <<resolving,Conflito de Mesclagem>> para indicar o fato.
 
@@ -472,7 +510,10 @@ Quaisquer conflitos que surjam precisam ser resolvidos antes de confirmar os arq
 
 O Resolvedor de Conflitos de Mesclagem exibe as duas revisões em conflito lado a lado no painel superior, com as áreas conflitantes realçadas. O painel inferior mostra o arquivo da forma como aparece durante mesclagens de conflitos entre as duas revisões:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 Você resolver um conflito ao aceitar uma das duas revisões exibidas no painel superior. Clique no botão Aceitar da revisão que deseja aceitar. O IDE mescla a revisão aceita com o arquivo de origem e você pode imediatamente ver os resultados da mesclagem no painel inferior do Resolvedor de Conflitos de Mesclagem. Depois de resolver todos os conflitos, clique em OK para sair do Resolvedor de Conflitos de Mesclagem e salvar o arquivo modificado. O emblema de conflito é removido e agora é possível confirmar o arquivo modificado no repositório.
 
@@ -486,7 +527,10 @@ Após editar os arquivos de origem, executar uma atualização e resolver quaisq
 
 A caixa de diálogo Confirmar é aberta, exibindo os arquivos que estão prestes a serem confirmados no repositório:
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 A caixa de diálogo Confirmar lista:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/subversion_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/subversion_ru.asciidoc
index f7566bcb..b08f0a12 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/subversion_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/subversion_ru.asciidoc
@@ -90,7 +90,10 @@ IDE NetBeans автоматически выполняет попытку опр
 1. Выберите 'Сервис' > 'Параметры' ('NetBeans'> 'Предпочтения' в OS X) в главном меню. Откроется диалоговое окно Options ("Параметры").
 2. Выберите значок Miscellaneous ("Разное") наверху диалогового окна, затем щелкните вкладку Versioning ("Управление версии"). В левой панели под заголовком Versioning Systems ("Системы контроля версий") выберите Subversion. Параметры пользователя Subversion отображаются в главном окне диалога:
 
- image:::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+ [.feature]
+--
+image::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+--
 
 3. В текстовом поле Specify the SVN Home Folder ("Указать домашний каталог SVN") следует либо ввести путь к исполнимому файлу, либо нажать кнопку "Обзор" и найти этот путь в системе. Заметим, что нет нужды _включать_ в строку пути исполнимый файл Subversion.
 4. Нажмите кнопку "ОК" и перезапустите среду IDE, чтобы изменения вступили в силу.
@@ -163,7 +166,10 @@ svnadmin create /path/to/your/repository
 3. При использовании прокси необходимо нажать кнопку Proxy Configuration ("Настройка прокси-сервера") и ввести всю необходимую информацию. Если вы не уверены в правильности параметров подключения к репозиторию, нажмите кнопку "Далее".
 4. В поле Repository Folder(s) ("Каталог (-и) репозитория") панели Folders to Checkout ("Каталоги для извлечения") мастера настройте каталог, который необходимо взять для изменения. Если имя каталога, который необходимо взять для изменения, неизвестно, нажмите кнопку Browse ("Обзор"), чтобы просмотреть каталоги, которые хранятся в репозитории. В диалоговом окне Browse Repository Folders ("Обзор каталогов репозитория") выберите любой из перечисленных каталогов и нажмите кнопку "ОК". Выбранный каталог потом добавляется в поле Repository Folder(s) ('Каталог (-и) репозитория') (каталог 'MyProject&amp;' на снимке экрана ниже).
 
-image:::images/checkout-small.png[role="left", link="images/checkout.png"]
+[.feature]
+--
+image::images/checkout-small.png[role="left", link="images/checkout.png"]
+--
 
 5. Введите номер редакции в поле "Редакция репозитория" или оставьте его пустым, что приведет к взятию для изменения каталога _HEAD_ или более поздних редакций.
 6. В поле Local Folder ("Локальный каталог") введите путь к каталогу на компьютере, куда необходимо извлечь файлы. Оставьте установленным флажок "Поиск проектов Netbeans после выгрузки", затем нажмите "Готово", чтобы инициировать действие взятия. Среда IDE берёт указанные исходные коды для изменения, а в строке состояния IDE отображается ход выполнения загрузки файлов из репозитория в локальный рабочий каталог. Также можно просмотреть файлы и их изъятие в окне 'Выходные данные' (Ctrl-4 в Windows/Cmd-4 в OS X). 
@@ -185,7 +191,10 @@ image:::images/checkout-small.png[role="left", link="images/checkout.png"]
 4. В текстовом поле под заголовком "Укажите сообщение" введите описание проекта, который импортируется в репозиторий.
 5. Нажмите кнопку "Завершить" для запуска импорта или кнопку "Далее" для перехода на третью панель, которая позволяет просматривать все файлы, приготовленные для импорта. В этой панели можно исключить из импорта отдельные файлы (как показано ниже) или определить типы MIME файлов перед импортом.
 
-image:::images/import-small.png[role="left", link="images/import.png"]
+[.feature]
+--
+image::images/import-small.png[role="left", link="images/import.png"]
+--
 
 После нажатия кнопки "Завершить" среда IDE выгружает в репозиторий файлы проекта, и открывается окно вывода, в котором отображается ход импорта.
 
@@ -225,7 +234,11 @@ image:::images/import-small.png[role="left", link="images/import.png"]
 Обратите внимание, что можно щелкнуть определенную точку внутри поля, чтобы немедленно перенести курсор в строке к этому месту файла. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *Левое поле* |image::images/right-ui.png[title="цветовая кодировка управления версиями отображается на правой границе редактора"] 
 *Правое поле* 
 |===
@@ -306,7 +319,10 @@ image::images/file-labels.png[]
 
 Чтобы открыть окно контроля версий, выберите версию файла или каталога (например, из окна "Проекты", "Файлы" или "Избранное") и либо выберите "Subversion" > "Показать изменения" из контекстного меню, либо "Группа" > "Показать изменения" из главного меню. В нижней панели среды IDE откроется следующее окно:
 
-image:::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+[.feature]
+--
+image::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+--
 
 По умолчанию в окне контроля версий отображается список измененных файлов в выбранном пакете или папке. Кнопки на панели инструментов используются для выбора отображения всех изменений или ограничения списка отображаемых файлов локальными или удаленными измененными файлами. Также можно щелкнуть заголовки столбцов над перечисленными файлами, чтобы отсортировать их по имени, состоянию или местоположению.
 
@@ -344,24 +360,40 @@ image::images/versioning-right-click.png[]
 |* *Поиск в журнале*: 
 
 Позволяет искать и сравнивать ранние редакции выбранного файла в окне просмотра журнала в среде IDE. Из окна просмотра журнала можно вызвать команду <<comparing,сравнения>> или вернуть текущую локальную копию в состояние выбранной редакции.
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *Исключить из фиксации*: 
 
 Позволяет исключить файл из процесса фиксации.
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *Откатить удаление* 
 
 Открывает диалоговое окно "Откатить изменения", при помощи которого можно откатывать любые действия по удалению локальных копий файлов. Указанные файлы извлекаются из локального архива журнала и восстанавливаются в локальную рабочую копию.
- |image:::images/revert-mods-small.png[role="left", link="images/revert-mods.png"] 
+ |[.feature]
+--
+image::images/revert-mods-small.png[role="left", link="images/revert-mods.png"]
+--
+ 
 
 |* *Откатить изменения*: 
 
 Открывает диалоговое окно "Откатить изменения", при помощи которого можно указать параметры отката любых локальных изменений для редакций, которые хранятся в репозитории. 
 
 При указании редакций можно нажать кнопку "Поиск", чтобы открыть диалоговое окно "Поиск редакции". Произойдет поиск по репозиторию и вывод редакций в зависимости от введенной даты.
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -371,7 +403,10 @@ image::images/versioning-right-click.png[]
 
 При выполнении сравнения откроется средство просмотра различий для выбранного файла(-в) и редакций в главном окне IDE. В средстве просмотра различий отображаются две копии на параллельных панелях. Текущая копия отображается в правой части, поэтому при сравнении копии в репозитории с рабочей копией последняя отображается на правой панели:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 В просмотре различий используются те же <<viewingChanges,условные цвета>>, что используются и в других местах для показа изменений под контролем версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.
 
@@ -433,7 +468,10 @@ IDE NetBeans обеспечивает возможность слияния из
 2. В раскрывающемся списке Merge From ("Слить из") выберите One Repository Folder Since Its Origin ("Одна папка репозитория после создания"). Переносятся все изменения, которые были сделаны в отдельном файле после его создания.
 3. В текстовом поле папки репозитория введите путь к папке, из которой необходимо перенести изменения (`branches/JavaApp`). Оставьте поле "Конечная редакция" пустым, чтобы включить все редакции от первой до _HEAD_ (то есть текущего состояния).
 
-image:::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+[.feature]
+--
+image::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+--
 
 4. Щелкните "Слить". Среда IDE объединит все различия, которые будут найдены между редакциями ветви и локальной копией файла. При возникновении конфликтов слияния устанавливается состояние файла <<resolving,Конфликт слияния>> для указания на это.
 
@@ -470,7 +508,10 @@ image::images/conflict-versioning-win.png[]
 
 Средство разрешения конфликтов слияния отображает две конфликтующие копии рядом на верхней панели, выделяя при этом конфликтующие области. На нижней панели изображен файл так, как он отображается во время слияния для отдельных конфликтов между двумя редакциями:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 Для разрешения конфликта примите одну из двух редакций, которые отображаются на верхней панели. В редакции, которую необходимо принять нажмите кнопку "Принять". Среда IDE сливает принятую редакцию с исходным файлом, и результаты слияния мгновенно отображаются на нижней панели разрешителя конфликтов слияния. Когда все конфликты будут разрешены, нажмите "ОК" для выхода из средства разрешения конфликтов слияния и сохранения измененного файла. Метка конфликта будет удалена, и файл можно будет фиксировать в репозитории.
 
@@ -484,7 +525,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 Откроется диалоговое окно "Фиксация", в котором отображаются файлы для фиксации в репозитории:
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 В диалоговом окне "Фиксация" перечислено следующее:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/ide/subversion_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/ide/subversion_zh_CN.asciidoc
index b9424a25..b3e7ec80 100644
--- a/netbeans.apache.org/src/content/kb/docs/ide/subversion_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/ide/subversion_zh_CN.asciidoc
@@ -90,7 +90,10 @@ NetBeans IDE 会尝试使用计算机中的 `$PATH` 系统变量自动标识 Sub
 1. 从主菜单中选择 "Tools"(工具)> "Options"(选项);在 OS X 上为 "NetBeans" > "Preferences"(首选项)。"Options"(选项)对话框打开。
 2. 选择对话框顶部的 "Miscellaneous"(其他)图标,然后单击 "Versioning"(版本控制)标签。在 "Versioning Systems"(版本控制系统)下的左窗格中,选择 "Subversion"。对话框主窗口中将会显示 Subversion 的用户定义选项:
 
- image:::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+ [.feature]
+--
+image::images/svn-options-small.png[role="left", link="images/svn-options.png"]
+--
 
 3. 在 "Specify the SVN Home Folder"(指定 SVN 主文件夹)文本字段中,键入可执行文件的路径,或单击 "Browse"(浏览)在系统中找到它。请注意,您不需要将 Subversion 可执行文件_包含_在路径中。
 4. 单击 "OK"(确定),然后重新启动 IDE,使更改生效。
@@ -163,7 +166,10 @@ IDE 支持以下协议类型:
 3. 如果要使用代理,请务必单击 "Proxy Configuration"(代理配置)按钮,然后输入所需的信息。如果确定资源库的连接设置正确无误,请单击 "Next"(下一步)。
 4. 在向导的 "Folders to Checkout"(要检出的文件夹)面板中,在 "Repository Folder"(资源库文件夹)字段中指定要检出的文件夹。如果要检出的文件夹名未知,请单击 "Browse"(浏览)按钮,以查看资源库中当前保留的所有文件夹。在显示的 "Browse Repository Folders"(浏览资源库文件夹)对话框中,选择任何已列出的文件夹,然后单击 "OK"(确定)。然后会将选定文件夹添加到 "Repository Folder(s)"(资源库文件夹)字段(在以下屏幕快照中输入了 "MyProject"):
 
-image:::images/checkout-small.png[role="left", link="images/checkout.png"]
+[.feature]
+--
+image::images/checkout-small.png[role="left", link="images/checkout.png"]
+--
 
 5. 在 "Repository Revision"(资源库修订)字段中输入修订版本号,否则保留为空,表示您要检出文件夹 _HEAD_ 或最新修订版本。
 6. 在 "Local Folder"(本地文件夹)字段中,输入计算机上文件要检出到的位置。将 "Scan for NetBeans Projects after Checkout"(在检出后扫描 Netbeans 项目)选项保持选中状态,然后单击 "Finish"(完成),以启动检出操作。IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源库下载到本地工作目录的进度。您还可以在 "Output"(输出)窗口(在 Windows 上按 Ctrl-4 组合键;在 OS X 上按 Cmd-4 组合键)中查看正要检出的文件。
@@ -185,7 +191,10 @@ image:::images/checkout-small.png[role="left", link="images/checkout.png"]
 4. 在 "Specify the Message"(指定消息)下方的文本区域中,输入要导入到资源库中的项目的描述。
 5. 单击 "Finish"(完成)启动导入操作,或者单击 "Next"(下一步),继续转至第三个面板,以预览准备导入的所有文件。在此面板中,您可以选择将个别文件从导入中排除(如下所示),也可以在导入之前标识文件的 MIME 类型。
 
-image:::images/import-small.png[role="left", link="images/import.png"]
+[.feature]
+--
+image::images/import-small.png[role="left", link="images/import.png"]
+--
 
 在单击 "Finish"(完成)后,IDE 会将项目文件上载到资源库中,并打开 "Output"(输出)窗口以显示进度。
 
@@ -225,7 +234,11 @@ image:::images/import-small.png[role="left", link="images/import.png"]
 注:单击旁注的特定点可以让内联光标立即转到文件中的该位置。想要查看受影响行的行号,可以将鼠标放在右旁注中的彩色图标上:
 
 |===
-|image:::images/left-ui-small.png[role="left", link="images/left-ui.png"] 
+|[.feature]
+--
+image::images/left-ui-small.png[role="left", link="images/left-ui.png"]
+--
+ 
 *左旁注* |image::images/right-ui.png[title="显示在编辑器右旁注中的版本控制颜色编码"] 
 *右旁注* 
 |===
@@ -306,7 +319,10 @@ Subversion 的 "Versioning"(版本控制)窗口为您提供了一个实时
 
 要打开 "Versioning"(版本控制)窗口,请选择一个版本控制文件或文件夹(例如,从 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中选择),然后从右键单击菜单中选择 "Subversion" > "Show Changes"(显示更改),或者从主菜单中选择 "Team"(团队开发)> "Show Changes"(显示更改)。下面的窗口出现在 IDE 底部:
 
-image:::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+[.feature]
+--
+image::images/versioning-window-small.png[role="left", link="images/versioning-window.png"]
+--
 
 默认情况下,"Versioning"(版本控制)窗口会显示选定包或文件夹中所有已修改文件的列表。使用工具栏中的按钮,可以选择显示所有更改,也可以将显示的文件列表限定为本地或远程修改的文件。此外,也可以单击列出的文件上面的列标题,按名称、状态或位置对这些文件进行排序。
 
@@ -344,24 +360,40 @@ image::images/versioning-right-click.png[]
 |* *搜索历史记录*: 
 
 用于在 IDE 的历史记录查看器中搜索并比较选定文件的多个修订版本。通过历史记录查看器,还可以执行<<comparing,比较>>,或将本地副本回退至选定修订版本。
- |image:::images/history-viewer-small.png[role="left", link="images/history-viewer.png"] 
+ |[.feature]
+--
+image::images/history-viewer-small.png[role="left", link="images/history-viewer.png"]
+--
+ 
 
 |* *从提交中排除*: 
 
 用于标记执行提交时要排除的文件。
- |image:::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"] 
+ |[.feature]
+--
+image::images/exclude-from-commit-small.png[role="left", link="images/exclude-from-commit.png"]
+--
+ 
 
 |* *还原删除*: 
 
 打开 "Revert Modifications"(还原修改)对话框,您可以通过它还原已提交到本地工作副本中的文件的所有删除操作。此时将从 IDE 的本地历史记录档案中检索指定文件,并将其恢复到本地工作副本中。
- |image:::images/revert-mods-small.png[role="left", link="images/revert-mods.png"] 
+ |[.feature]
+--
+image::images/revert-mods-small.png[role="left", link="images/revert-mods.png"]
+--
+ 
 
 |* *还原修改*: 
 
 打开 "Revert Modifications"(还原修改)对话框,您可以使用它来指定参数,以便将所有本地更改还原到资源库中保留的修订版本。
 
 指定修订版本时,可以单击 "Search"(搜索),以打开 "Search Revisions"(搜索修订)对话框。此时将扫描资源库,并根据您输入的日期列出所有文件修订版本。
- |image:::images/search-rev-small.png[role="left", link="images/search-rev.png"] 
+ |[.feature]
+--
+image::images/search-rev-small.png[role="left", link="images/search-rev.png"]
+--
+ 
 |===
 
 
@@ -371,7 +403,10 @@ image::images/versioning-right-click.png[]
 
 进行比较时,将在 IDE 的主窗口中打开选定文件和修订版本的图形化比较查看器。比较查看器在两个并行面板中显示两个副本。较新的副本显示在右侧,因此,如果要将资源库修订版本与工作副本进行比较,则在右面板中显示工作副本:
 
-image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+[.feature]
+--
+image::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
+--
 
 比较查看器使用<<viewingChanges,颜色编码>>来显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示已添加到较新修订版本中的内容。红色块指示从较新修订版本中删除了以前的修订内容。蓝色指示在突出显示的行中发的更改。
 
@@ -433,7 +468,10 @@ image:::images/diff-viewer-small.png[role="left", link="images/diff-viewer.png"]
 2. 从 "Merge From"(合并)下拉列表中,选择 "One Repository Folder Since Its Origin"(一个资源库文件夹,自创建时的版本开始合并)。此时将移动自单个分支创建以来对其所做的全部更改。
 3. 在 "Repository Folder"(资源库文件夹)文本字段中,输入要从其中移动更改的文件夹路径 (`branches/JavaApp`)。将 "Ending Revision"(结束修订号)字段保留为空,以指示您要将所有修订版本添加至 _HEAD_(即当前状态)中。
 
-image:::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+[.feature]
+--
+image::images/svn-merge-small.png[role="left", link="images/svn-merge.png"]
+--
 
 4. 单击 "Merge"(合并)。IDE 会将分支修订版本与本地文件副本之间发现的所有差异进行合并。如果发生合并冲突,则文件的状态会更新为 <<resolving,Merge Conflict>>(合并冲突),以说明这一情况。
 
@@ -470,7 +508,10 @@ image::images/conflict-versioning-win.png[]
 
 "Merge Conflicts Resolver"(合并冲突解决程序)在顶部窗格中并排显示两个冲突的修订版本,并突出显示冲突区域。对两个修订版本之间的各个冲突进行合并时,下方窗格会描述显示的文件:
 
-image:::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+[.feature]
+--
+image::images/conflict-resolver-small.png[role="left", link="images/conflict-resolver.png"]
+--
 
 您可以通过接受顶部窗格中显示的两个修订版本之一来解决冲突。单击要接受的修订版本的 "Accept"(接受)按钮。IDE 会将接受的修订版本与源文件合并,您可以立即在合并冲突解决程序的底部窗格中看到合并结果。解决了所有冲突后,单击 "OK"(确定)退出合并冲突解决程序并保存修改的文件。此时将删除冲突标记,现在您就可以将修改的文件提交到资源库了。
 
@@ -484,7 +525,10 @@ image:::images/conflict-resolver-small.png[role="left", link="images/conflict-re
 
 此时将打开 "Commit"(提交)对话框,其中显示要提交到资源库的文件:
 
-image:::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+[.feature]
+--
+image::images/commit-dialog-small.png[role="left", link="images/commit-dialog.png"]
+--
 
 "Commit"(提交)对话框将列出以下内容:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/code-inspect.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/code-inspect.asciidoc
index 347e672b..d758d369 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/code-inspect.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/code-inspect.asciidoc
@@ -86,11 +86,17 @@ In addition to the required software listed above you should have the following
 1. Choose Source > Inspect from the main IDE's menu.
 2. In the Inspect dialog box, click Install.
 
-image:::images/inspect-small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect-small.png[role="left", link="images/inspect.png"]
+--
 
 3. In the Installer dialog box, click Next to proceed with the installation.
 
-image:::images/plugin-small.png[role="left", link="images/plugin.png"]
+[.feature]
+--
+image::images/plugin-small.png[role="left", link="images/plugin.png"]
+--
 
 4. Review the license agreement, select the license agreement option, and click Install.
 5. When the installation is complete, click Finish.
@@ -116,22 +122,34 @@ The  ``All Analyzers``  configuration deploys all static code analysis tools ava
 2. In the Scope drop-down list of the Inspect dialog box, select  ``Current Project (library)`` .
 3. In the Configuration drop-down list, select the  ``All Analyzers``  configuration.
 
-image:::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+[.feature]
+--
+image::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+--
 
 *Note:* You need to install the <<plugin,FindBugs>> plugin to run this configuration for the first time.
 
 4. Click Inspect.
 The results of the analysis are displayed in the Inspector Window as a tree view on the left.
 
-image:::images/all-small.png[role="left", link="images/all.png"]
+[.feature]
+--
+image::images/all-small.png[role="left", link="images/all.png"]
+--
 
 The description of the currently selected in the tree view finding is displayed on the right.
 
-image:::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+[.feature]
+--
+image::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+--
 
 *Note:* If you want to leave some part of your code that is reported as problematic as is, the IDE allows you to suppress the warning for this code to leave it without any changes. You can double-click a warning in the tree view of the Inspector Window to go to the Source Editor. Press Alt-Enter, click the black arrow pointing to the right at the end of the displayed hint, and choose  ``SuppressWarning - _(warning name)_`` .
 
-image:::images/suppress-small.png[role="left", link="images/suppress.png"]
+[.feature]
+--
+image::images/suppress-small.png[role="left", link="images/suppress.png"]
+--
 
 
 === Verifying Java Code against NetBeans Java Hints
@@ -147,7 +165,10 @@ The  ``NetBeans Java Hints``  configuration available in the IDE enables you to
 
 3. Select the Configuration radio button and choose  ``NetBeans Java Hints``  in the drop-down list.
 
-image:::images/hints-small.png[role="left", link="images/hints.png"]
+[.feature]
+--
+image::images/hints-small.png[role="left", link="images/hints.png"]
+--
 
 4. Click Inspect.
 The IDE displays the tree view with the results of the analysis with the  ``NetBeans Java Hints``  configuration in the Inspector Window.
@@ -189,13 +210,19 @@ The  ``FindBugs``  configuration available in the IDE enables you to find a wide
 
 3. In the Inspect dialog box, select the  ``FindBugs``  configuration.
 
-image:::images/fb-small.png[role="left", link="images/fb.png"]
+[.feature]
+--
+image::images/fb-small.png[role="left", link="images/fb.png"]
+--
 
 4. Click the Inspect button to initiate the static code analysis.
 The result of the static code analysis is displayed in the Inspector Window below the Source Editor.
 The description of the selected bug is displayed in the frame on the right.
 
-image:::images/inspector-small.png[role="left", link="images/inspector.png"]
+[.feature]
+--
+image::images/inspector-small.png[role="left", link="images/inspector.png"]
+--
 
 5. Alternatively, click the <<categorize,Categorize>> button in the toolbar on the left to view the bugs grouped into categories.
 
@@ -206,7 +233,10 @@ image::images/fbcat.png[]
 * If you double-click an issue in the expanded list, the IDE displays the reported issue in the Source Editor. 
 Press Alt-Enter to view the bug description in the source code.
 
-image:::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+[.feature]
+--
+image::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+--
 
 * Potential errors are highlighted in the code with exclamation mark icons (image::images/exclamation.png[]) in the left margin of the Source Editor.
 
@@ -216,13 +246,19 @@ image:::images/source-editor-small.png[role="left", link="images/source-editor.p
 2. Select the Editor tab and choose Hints.
 3. Choose  ``FindBugs``  in the Language drop-down list.
 
-image:::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+[.feature]
+--
+image::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+--
 
 4. Select the Run FindBugs in Editor option.
 5. Click OK.
 If you now press Alt-Enter in the source code where a bug is reported and click the black arrow pointing to the right at the end of the displayed tip, the IDE shows some fixing options for a potential bug.
 
-image:::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+[.feature]
+--
+image::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+--
 
 
 === Customizing a Default Configuration
@@ -242,7 +278,10 @@ image::images/configurations-db.png[]
 5. In the Analyzer drop-down list, select the  ``JRE 8 Profiles Conformance`` ,  ``Netbeans Java Hints`` , or  ``FindBugs``  analyzer.
 6. Depending on the choice of the analyzer in the previous step, select the profile to validate, the inspections, or bugs you need to include into your  ``Default``  configuration.
 
-image:::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+[.feature]
+--
+image::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+--
 
 7. Click OK to save your  ``Default``  configuration.
 
@@ -269,7 +308,10 @@ image::images/newconfig-created.png[]
 7. Click OK to save your edits and close the Configurations dialog box.
 The created  ``newConfig``  configuration is available in the Configuration drop-down list of the Inspect dialog box.
 
-image:::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+[.feature]
+--
+image::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+--
 
 *Note:* To rename a configuration, select the  ``newConfig``  configuration in the Configurations drop-down list, click the black arrow at the end of the Configurations drop-down list and choose Rename. Type a new name (for example,  ``renamedConfig`` ) and press Enter to save your edits.
 
@@ -304,11 +346,17 @@ You can inspect your code for a particular deficiency in your source code using
 3. Select Single Inspection and do either of the following:
 * In the Single Inspection drop-down list, scroll and select a _single_ NetBeans Java hint or FindBugs bug to be used in the source code analysis.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 * Click Browse to open the Configurations dialog box and, in the Analyzer drop-down list, specify the analyzer and then choose a profile (for the JRE 8 Profile Compliance analyzer), a _single_ inspection (for the NetBeans Java Hints analyzer), or a _single_ bug (for the FindBugs analyzer) to be used in the source code analysis. Click OK to close the Configurations dialog box.
 
-image:::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+[.feature]
+--
+image::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+--
 
 4. In the Inspect dialog box, click Inspect to perform the source code analysis. 
 After the Inspect operation is completed, the hints that can be applied to your code or bugs that have been found are displayed in the Inspector Window below the Source Editor.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ja.asciidoc
index f956cc0a..f96b6aae 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ja.asciidoc
@@ -86,11 +86,17 @@ image::images/jar.png[]
 1. IDEのメイン・メニューから「ソース」>「検査」を選択します。
 2. 「検査」ダイアログ・ボックスで、「インストール」をクリックします。
 
-image:::images/inspect-small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect-small.png[role="left", link="images/inspect.png"]
+--
 
 3. 「インストーラ」ダイアログ・ボックスで「次」をクリックし、インストールを続行します。
 
-image:::images/plugin-small.png[role="left", link="images/plugin.png"]
+[.feature]
+--
+image::images/plugin-small.png[role="left", link="images/plugin.png"]
+--
 
 4. ライセンス契約を確認し、ライセンス契約オプションを選択して、「インストール」をクリックします。
 5. インストールが完了したら、「終了」をクリックします。
@@ -116,22 +122,34 @@ NetBeans IDEでコードを検査するとき、事前定義された次の構
 2. 「検査」ダイアログ・ボックスの「スコープ」ドロップダウン・リストで、「 ``現在のプロジェクト(library)`` 」を選択します。
 3. 「構成」ドロップダウン・リストで、「 ``すべてのアナライザ`` 」構成を選択します。
 
-image:::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+[.feature]
+--
+image::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+--
 
 *注意:* この構成を最初に実行する前に、<<plugin,FindBugs>>プラグインをインストールする必要があります。
 
 4. 「検査」をクリックします。
 分析の結果が「インスペクタ・ウィンドウ」の左にツリー・ビューとして表示されます。
 
-image:::images/all-small.png[role="left", link="images/all.png"]
+[.feature]
+--
+image::images/all-small.png[role="left", link="images/all.png"]
+--
 
 右には、ツリー・ビューで現在選択されている項目の説明が表示されます。
 
-image:::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+[.feature]
+--
+image::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+--
 
 *注意:* コードの一部が問題ありと報告され、そのコードを変更せずにそのまま使用する場合、IDEでは、このコードに対する警告を抑制できます。「インスペクタ・ウィンドウ」のツリー・ビューの警告をダブルクリックし、ソース・エディタに移動します。[Alt]-[Enter]を押し、表示されたヒントの末尾にある黒い右矢印をクリックして、「 ``警告の抑制 - _(警告名)_`` 」を選択します。
 
-image:::images/suppress-small.png[role="left", link="images/suppress.png"]
+[.feature]
+--
+image::images/suppress-small.png[role="left", link="images/suppress.png"]
+--
 
 
 === NetBeans Javaヒントに対するJavaコードの確認
@@ -147,7 +165,10 @@ IDEで使用可能な「 ``NetBeans Javaヒント`` 」構成を使用すると
 
 3. 「構成」ラジオ・ボタンを選択し、ドロップダウン・リストで「 ``NetBeans Javaヒント`` 」を選択します。
 
-image:::images/hints-small.png[role="left", link="images/hints.png"]
+[.feature]
+--
+image::images/hints-small.png[role="left", link="images/hints.png"]
+--
 
 4. 「検査」をクリックします。
 IDEでは、「インスペクタ・ウィンドウ」内のツリー・ビューに、「 ``NetBeans Javaヒント`` 」構成を使用した分析の結果が表示されます。
@@ -189,13 +210,19 @@ IDEで使用可能な「 ``FindBugs`` 」構成を使用すると、コード内
 
 3. 「検査」ダイアログ・ボックスで、「 ``FindBugs`` 」構成を選択します。
 
-image:::images/fb-small.png[role="left", link="images/fb.png"]
+[.feature]
+--
+image::images/fb-small.png[role="left", link="images/fb.png"]
+--
 
 4. 「検査」ボタンをクリックして、静的コード分析を開始します。
 ソース・エディタの下にある「インスペクタ・ウィンドウ」に、静的コード分析の結果が表示されます。
 右のフレームに、選択したbugの説明が表示されます。
 
-image:::images/inspector-small.png[role="left", link="images/inspector.png"]
+[.feature]
+--
+image::images/inspector-small.png[role="left", link="images/inspector.png"]
+--
 
 5. または、左のツールバーの<<categorize,カテゴリ化>>ボタンをクリックし、カテゴリにグループ化されたbugを表示します。
 
@@ -206,7 +233,10 @@ image::images/fbcat.png[]
 * 展開したリストで問題をダブルクリックすると、IDEでは、報告された問題がソース・エディタに表示されます。
 [Alt]-[Enter]を押し、ソース・コード内にbugの説明を表示します。
 
-image:::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+[.feature]
+--
+image::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+--
 
 * 潜在的なエラーがコード内で強調表示され、ソース・エディタの左マージンに感嘆符アイコン(image::images/exclamation.png[])が表示されます。
 
@@ -216,13 +246,19 @@ image:::images/source-editor-small.png[role="left", link="images/source-editor.p
 2. 「エディタ」タブを選択し、「ヒント」を選択します。
 3. 「言語」ドロップダウン・リストで「 ``FindBugs`` 」を選択します。
 
-image:::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+[.feature]
+--
+image::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+--
 
 4. 「エディタ」オプションで「FindBugsの実行」を選択します。
 5. 「OK」をクリックします。
 ここで、bugが報告されたソース・コード内で[Alt]-[Enter]を押し、表示されたヒントの末尾にある黒い右矢印をクリックすると、IDEでは、潜在的なbugに対するいくつかの修正オプションが表示されます。
 
-image:::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+[.feature]
+--
+image::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+--
 
 
 === 「デフォルト」構成のカスタマイズ
@@ -242,7 +278,10 @@ image::images/configurations-db.png[]
 5. 「アナライザ」ドロップダウン・リストで ``「JRE 8プロファイル準拠」`` 、 ``「NetBeans Javaヒント」`` または ``「FindBugs」`` アナライザを選択します。
 6. 前のステップで選択したアナライザに応じて、検証するプロファイル、 ``デフォルト`` 構成に含める検査またはbugを選択します。
 
-image:::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+[.feature]
+--
+image::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+--
 
 7. 「OK」をクリックして「 ``デフォルト`` 」構成を保存します。
 
@@ -269,7 +308,10 @@ image::images/newconfig-created.png[]
 7. 「OK」をクリックして編集内容を保存し、「構成」ダイアログ・ボックスを閉じます。
 作成された「 ``newConfig`` 」構成が、「検査」ダイアログ・ボックスの「構成」ドロップダウン・リストで選択可能になります。
 
-image:::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+[.feature]
+--
+image::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+--
 
 *注意:* 構成を名前変更するには、「構成」ドロップダウン・リストで「 ``newConfig`` 」構成を選択し、「構成」ドロップダウン・リストの末尾にある黒い矢印をクリックして、「名前変更」を選択します。新しい名前(たとえば、 ``renamedConfig`` )を入力し、[Enter]を押して編集内容を保存します。
 
@@ -304,11 +346,17 @@ NetBeans IDEで静的コード分析機能を使用すると、ソース・コ
 3. 「単一の検査」を選択し、次のいずれかを実行します。
 * 「単一の検査」ドロップダウン・リストで、ソース・コード分析で使用する_単一_のNetBeans JavaヒントまたはFindbugsのbugまでスクロールして選択します。
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 * 「参照」をクリックして「構成」ダイアログ・ボックスを開き、「アナライザ」ドロップダウン・リストでアナライザを指定し、ソース・コード分析で使用するプロファイル(JRE 8プロファイル準拠アナライザの場合)、_単一_の検査(NetBeans Javaヒント・アナライザの場合)または_単一_のbug (FindBugsアナライザの場合)を指定します。「OK」をクリックして「構成」ダイアログ・ボックスを閉じます。
 
-image:::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+[.feature]
+--
+image::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+--
 
 4. 「検査」ダイアログ・ボックスで、「検査」をクリックしてソース・コード分析を実行します。
 検査操作が完了すると、ソース・エディタの下にある「インスペクタ・ウィンドウ」に、検出されたコードまたはbugに適用可能なヒントが表示されます。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_pt_BR.asciidoc
index 469d73e1..9deac2e0 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_pt_BR.asciidoc
@@ -75,11 +75,17 @@ Além do software necessário listado acima, você deve ter instalado em seu com
 1. Escolha Origem > Inspecionar o menu IDE principal.
 2. Na caixa de diálogo Inspecionar, clique em Instalar.
 
-image:::images/inspect-small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect-small.png[role="left", link="images/inspect.png"]
+--
 
 3. Na caixa de diálogo Instalador, clique em Próximo para continuar com a instalação.
 
-image:::images/plugin-small.png[role="left", link="images/plugin.png"]
+[.feature]
+--
+image::images/plugin-small.png[role="left", link="images/plugin.png"]
+--
 
 4. Revise o acordo de licença, selecione a opção do contrato de licença e clique em Instalar.
 5. Quando a instalação for concluída, clique em Finalizar.
@@ -105,22 +111,34 @@ A configuração  ``Todos os Analisadores``  implanta todas as ferramentas de an
 2. Na lista drop-down Escopo da caixa de diálogo Inspeção, selecione  ``Projeto Atual (biblioteca)`` .
 3. Na lista drop-down Configuração, selecione a configuração  ``Todos os Analisadores`` .
 
-image:::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+[.feature]
+--
+image::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+--
 
 *Observação:* você precisa instalar o plug-in <<plugin,Findbugs>> para executar esta configuração pela primeira vez.
 
 4. Clique em Inspecionar.
 Os resultados da análise são exibidos na janela Inspetor como uma view em árvore à esquerda.
 
-image:::images/all-small.png[role="left", link="images/all.png"]
+[.feature]
+--
+image::images/all-small.png[role="left", link="images/all.png"]
+--
 
 A descrição da atualmente selecionada na view em árvore Localizar é exibida à direita.
 
-image:::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+[.feature]
+--
+image::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+--
 
 *Observação:* se você quiser deixar alguma parte de seu código que está reportado como problemáticos como está, o IDE permite que você suprima a advertência deste código para deixá-lo sem nenhuma alteração. Você pode clicar duas vezes em uma advertência na view em árvore da Janela Inspetor para ir para o Editor de Código-fonte. Pressione Alt-Enter, clique na seta preta apontando para a direita no final da dica exibida, e escolha  ``SuppressWarning - _(nome da advertência)_`` .
 
-image:::images/suppress-small.png[role="left", link="images/suppress.png"]
+[.feature]
+--
+image::images/suppress-small.png[role="left", link="images/suppress.png"]
+--
 
 
 === Verificando Código Java com Dicas Java NetBeans
@@ -136,7 +154,10 @@ A configuração de  ``Dicas Java NetBeans``  disponível no IDE permite que voc
 
 3. Selecione o botão de rádio Configuração e escolha  ``Dicas Java NetBeans``  na lista drop-down.
 
-image:::images/hints-small.png[role="left", link="images/hints.png"]
+[.feature]
+--
+image::images/hints-small.png[role="left", link="images/hints.png"]
+--
 
 4. Clique em Inspecionar.
 O IDE exibe a view em árvore com os resultados da análise, com a configuração  ``Dicas Java NetBeans``  na Janela Inspetor.
@@ -178,13 +199,19 @@ A configuração  ``FindBugs``  disponível no IDE permite localizar uma ampla v
 
 3. Na caixa de diálogo Inspecionar, selecione a configuração  ``FindBugs`` .
 
-image:::images/fb-small.png[role="left", link="images/fb.png"]
+[.feature]
+--
+image::images/fb-small.png[role="left", link="images/fb.png"]
+--
 
 4. Clique no botão Inspecionar para iniciar a análise de código estático.
 O resultado da análise de código estático é exibido na Janela do Inspetor abaixo do editor de código-fonte.
 A descrição do erro selecionado é exibida no quadro à direita.
 
-image:::images/inspector-small.png[role="left", link="images/inspector.png"]
+[.feature]
+--
+image::images/inspector-small.png[role="left", link="images/inspector.png"]
+--
 
 5. Se preferir, clique no botão <<categorize,Categorizar>> na barra de ferramentas à esquerda para exibir os erros agrupados em categorias.
 
@@ -195,7 +222,10 @@ image::images/fbcat.png[]
 * Se você clica duas vezes em um problema na lista expandida, o IDE exibe o problema relatado no editor de código-fonte. 
 pressione Alt-Enter para exibir a descrição do erro no código-fonte.
 
-image:::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+[.feature]
+--
+image::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+--
 
 * Erros potenciais são destacados no código com ícones do ponto de exclamação (image::images/exclamation.png[]) na margem à esquerda do Editor de Código-fonte.
 
@@ -205,13 +235,19 @@ image:::images/source-editor-small.png[role="left", link="images/source-editor.p
 2. Selecione a guia Editor e escolha Dicas.
 3. Escolha  ``FindBugs``  na lista drop-down Idioma.
 
-image:::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+[.feature]
+--
+image::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+--
 
 4. Selecione a opção Executar FindBugs no Editor.
 5. Clique em OK.
 Se você agora pressionar Alt-Enter o código-fonte onde um erro é reportado e clique na seta preta apontando para a direita no final da dica exibida, o IDE mostra algumas opções de correção para um possível erro.
 
-image:::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+[.feature]
+--
+image::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+--
 
 
 === Personalizando uma Configuração Default
@@ -231,7 +267,10 @@ image::images/configurations-db.png[]
 5. Na lista drop-down Analisador, selecione o analisador  ``Conformidade de Perfis do JRE 8`` ,  ``Dicas Java Netbeans``  ou  ``FindBugs`` .
 6. Dependendo da escolha do analisador na etapa anterior, selecione o perfil a ser validado, as inspeções ou os erros que você precisa incluir na configuração  ``Padrão`` .
 
-image:::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+[.feature]
+--
+image::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+--
 
 7. Clique em OK para salvar sua configuração  ``Default`` .
 
@@ -258,7 +297,10 @@ image::images/newconfig-created.png[]
 7. Clique em OK para salvar suas edições e fechar a caixa de diálogo Configurações.
 A configuração  ``newConfig``  criada está disponível na lista drop-down Configuração da caixa de diálogo Inspecionar.
 
-image:::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+[.feature]
+--
+image::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+--
 
 *Observação:* para renomear uma configuração, selecione a configuração  ``newConfig``  na lista drop-down Configurações, clique na seta preta no fim da lista drop-down Configurações e selecione Renomear. Digite um novo nome (por exemplo,  ``renamedconfig`` ) e pressione Enter para salvar as edições.
 
@@ -293,11 +335,17 @@ Você pode inspecionar seu código para uma determinada deficiência em seu cód
 3. Selecione Inspeção Única e faça o seguinte:
 * Na lista drop-down de Inspeção Simples, role e selecione uma dica _única_ do Java Netbeans ou erro de FindBugs para ser usado na análise do código-fonte.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 * Clique em Procurar para abrir a caixa de diálogo Configurações e, na lista drop-down Analisador, especifique o analisador e, em seguida, escolha um perfil (para o analisador Conformidade de Perfil do JRE 8), uma _única_ inspeção (para o analisador Dicas Java NetBeans) ou um _único_ erro (para o analisador FindBugs) para uso na análise de código-fonte. Clique em OK para fechar a caixa de diálogo Configurações.
 
-image:::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+[.feature]
+--
+image::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+--
 
 4. Na caixa de diálogo Inspecionar, clique em Inspecionar para executar a análise de código-fonte. 
 Após a operação Inspecionar ser concluída, as dicas que podem ser aplicadas a seu código ou erros que foram encontradas são exibidas na janela Inspetor abaixo o Editor de Código-fonte.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ru.asciidoc
index 1e69b0d8..87b1902f 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_ru.asciidoc
@@ -75,11 +75,17 @@ image::images/jar.png[]
 1. Выберите 'Источник' > 'Проверка' в главном меню IDE.
 2. В диалоговом окне "Проверка" щелкните "Установить".
 
-image:::images/inspect-small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect-small.png[role="left", link="images/inspect.png"]
+--
 
 3. В диалоговом окне 'Программа установки' щелкните 'Далее', чтобы продолжить установку.
 
-image:::images/plugin-small.png[role="left", link="images/plugin.png"]
+[.feature]
+--
+image::images/plugin-small.png[role="left", link="images/plugin.png"]
+--
 
 4. Прочтите лицензионное соглашение, выберите положение лицензионного соглашения и щелкните 'Установить'.
 5. По завершении установки нажмите кнопку "Готово".
@@ -105,22 +111,34 @@ image:::images/plugin-small.png[role="left", link="images/plugin.png"]
 2. В раскрывающемся списке 'Область' диалогового окна 'Проверка' выберите  ``Текущий проект (библиотека)`` .
 3. В раскрывающемся списке 'Конфигурация' выберите конфигурацию  ``Все средства анализа`` .
 
-image:::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+[.feature]
+--
+image::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+--
 
 *Примечание.* Необходимо установить подключаемый модуль <<plugin,FindBugs>> для запуска этой конфигурации в первый раз.
 
 4. Нажмите кнопку "Проверить".
 Результаты анализа отображаются в окне 'Инспектор' в представлении дерева слева.
 
-image:::images/all-small.png[role="left", link="images/all.png"]
+[.feature]
+--
+image::images/all-small.png[role="left", link="images/all.png"]
+--
 
 Описание текущего выбранного результата в представлении дерева отображается справа.
 
-image:::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+[.feature]
+--
+image::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+--
 
 *Примечание.* Если вы хотите оставить некоторую часть кода, которая описана в отчете как содержащая ошибки без изменений, IDE позволяет подавить предупреждения для этого кода, чтобы оставить его без изменений. Можно дважды щелкнуть предупреждение в представлении дереве в окне 'Инспектор', чтобы перейти в редактор исходного кода. Нажмите Alt-Enter, нажмите на черную стрелку, указывающую вправо в конце отображаемой подсказки и выберите  ``SuppressWarning - _(имя предупреждения)_`` .
 
-image:::images/suppress-small.png[role="left", link="images/suppress.png"]
+[.feature]
+--
+image::images/suppress-small.png[role="left", link="images/suppress.png"]
+--
 
 
 === Проверка кода Java по подсказкам Java NetBeans
@@ -136,7 +154,10 @@ image:::images/suppress-small.png[role="left", link="images/suppress.png"]
 
 3. Выберите переключатель 'Конфигурация' и выберите  ``Подсказки Java NetBeans``  в раскрывающемся списке.
 
-image:::images/hints-small.png[role="left", link="images/hints.png"]
+[.feature]
+--
+image::images/hints-small.png[role="left", link="images/hints.png"]
+--
 
 4. Нажмите кнопку "Проверить".
 В среде IDE отображается представление дерева с результатами анализа с конфигурацией  ``Подсказки Java NetBeans``  в окне 'Инспектор'.
@@ -178,13 +199,19 @@ image::images/catview.png[]
 
 3. В диалоговом окне 'Проверка' выберите конфигурацию  ``FindBugs`` .
 
-image:::images/fb-small.png[role="left", link="images/fb.png"]
+[.feature]
+--
+image::images/fb-small.png[role="left", link="images/fb.png"]
+--
 
 4. Щелкните кнопку 'Инспектор' для запуска статического анализа кода.
 Результат статического анализа кода отображается в окне 'Инспектор' ниже редактора исходного кода.
 Описание выбранной проблемы отображается в фрейме справа.
 
-image:::images/inspector-small.png[role="left", link="images/inspector.png"]
+[.feature]
+--
+image::images/inspector-small.png[role="left", link="images/inspector.png"]
+--
 
 5. В качестве альтернативы нажмите кнопку <<categorize,Категоризировать>> на панели инструментов слева для просмотра проблем, сгруппированных в категории.
 
@@ -195,7 +222,10 @@ image::images/fbcat.png[]
 * Если дважды щелкнуть проблему в развернутом списке, в IDE отображается указанная в отчете проблема в редакторе исходного кода. 
 Нажмите Alt-Enter для просмотра описания проблемы в исходном коде.
 
-image:::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+[.feature]
+--
+image::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+--
 
 * Возможные проблемы выделены в коде значком восклицательного знака (image::images/exclamation.png[]) на левой границе редактора исходного кода.
 
@@ -205,13 +235,19 @@ image:::images/source-editor-small.png[role="left", link="images/source-editor.p
 2. Перейдите на вкладку 'Редактор' и выберите 'Подсказки'.
 3. Выберите  ``FindBugs``  в раскрывающемся списке 'Язык'.
 
-image:::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+[.feature]
+--
+image::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+--
 
 4. Выберите 'Выполнить FindBugs' в параметре 'Редактор'.
 5. Нажмите кнопку "ОК".
 Если сейчас нажать Alt-Enter в исходном коде, где сообщается о проблеме, и щелкнуть черную стрелку в конце отображаемой подсказки, в IDE показываются некоторые варианты исправления возможных проблем.
 
-image:::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+[.feature]
+--
+image::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+--
 
 
 === Настройка конфигурации по умолчанию
@@ -231,7 +267,10 @@ image::images/configurations-db.png[]
 5. В раскрывающемся списке 'Средство анализа' выберите средство анализа  ``Соответствие профилей JRE 8`` ,  ``Подсказки Netbeans Java``  или  ``FindBugs`` .
 6. В зависимости от выбранного средства анализа в предыдущем шаге выберите профиль, проверки или ошибки, которые необходимо включить в конфигурацию  ``по умолчанию`` .
 
-image:::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+[.feature]
+--
+image::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+--
 
 7. Нажмите ОК, чтобы сохранить конфигурацию  ``По умолчанию`` .
 
@@ -258,7 +297,10 @@ image::images/newconfig-created.png[]
 7. Нажмите ОК, чтобы сохранить правки и закрыть диалоговое окно 'Конфигурацию'.
 Созданная конфигурация  ``newConfig``  доступна в раскрывающемся списке 'Конфигурация' в диалоговом окне 'Инспектор'.
 
-image:::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+[.feature]
+--
+image::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+--
 
 *Примечание.* Чтобы переименовать конфигурацию, выберите конфигурацию  ``newConfig``  в раскрывающемся списке 'Конфигурация', щелкните черную стрелку в конце раскрывающегося списка 'Конфигурация' и выберите 'Переименовать'. Введите новое имя (например,  ``renamedConfig`` ) и нажмите клавишу Enter, чтобы сохранить правки.
 
@@ -293,11 +335,17 @@ image::images/delete-confirm.png[]
 3. Выберите 'Отдельная проверка' и выполните одно из следующих действий:
 * В раскрывающемся списке 'Отдельная проверка' с помощью прокрутки перейдите и выделите _одну_ подсказку Java NetBeans или проблему FindBugs, которые будут использоваться при анализе исходного кода.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 * Щелкните 'Обзор', чтобы открыть диалоговое окно 'Конфигурации', и в раскрывающемся списке 'Средство анализа' укажите средство анализа, выберите профиль (для средства анализа Соответствие профиля JRE 8), _одну_ проверку (для средства анализа NetBeans Java Hints) и _одну_ ошибку (для средства анализа NetBeans Java Hints), которая будет использоваться в анализе исходного кода. Нажмите кнопку 'ОК', чтобы закрыть диалоговое окно 'Конфигурации'.
 
-image:::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+[.feature]
+--
+image::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+--
 
 4. В диалоговом окне 'Проверка' щелкните 'Проверка', чтобы выполнить анализ исходного кода. 
 После завершения операции 'Проверка', подсказки, которые могут быть применены к коду или проблемам, которые были найдены, отображаются в окне 'Инспектор' ниже редактора исходного кода.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_zh_CN.asciidoc
index b4bdbf80..a21a4089 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/code-inspect_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/code-inspect_zh_CN.asciidoc
@@ -75,11 +75,17 @@ image::images/jar.png[]
 1. 从 IDE 主菜单中选择 "Source"(源)> "Inspect"(检查)。
 2. 在 "Inspect"(检查)对话框中,单击 "Install"(安装)。
 
-image:::images/inspect-small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect-small.png[role="left", link="images/inspect.png"]
+--
 
 3. 在 "Installer"(安装程序)对话框中,单击 "Next"(下一步)以继续安装。
 
-image:::images/plugin-small.png[role="left", link="images/plugin.png"]
+[.feature]
+--
+image::images/plugin-small.png[role="left", link="images/plugin.png"]
+--
 
 4. 查看许可证协议,选择许可证协议选项,然后单击 "Install"(安装)。
 5. 安装完成后,单击 "Finish"(完成)。
@@ -105,22 +111,34 @@ image:::images/plugin-small.png[role="left", link="images/plugin.png"]
 2. 在 "Inspect"(检查)对话框的 "Scope"(范围)下拉列表中,选择  ``Current Project (library)`` (当前项目 (库))。
 3. 在 "Configuration"(配置)下拉列表中,选择  ``All Analyzers`` (所有分析器)配置。
 
-image:::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+[.feature]
+--
+image::images/allconfig-small.png[role="left", link="images/allconfig.png"]
+--
 
 *注:*首次运行此配置时,需要安装 <<plugin,FindBugs>> 插件。
 
 4. 单击 "Inspect"(检查)。
 分析的结果以树视图显示在 "Inspector"(检查器)窗口的左侧。
 
-image:::images/all-small.png[role="left", link="images/all.png"]
+[.feature]
+--
+image::images/all-small.png[role="left", link="images/all.png"]
+--
 
 当前在树视图查找结果中选定的项的说明显示在右侧。
 
-image:::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+[.feature]
+--
+image::images/alldescription-small.png[role="left", link="images/alldescription.png"]
+--
 
 *注:*如果希望将报告为有问题的部分代码保留原样,IDE 允许隐藏对此代码的警告,将代码保留原样而不做任何更改。在 "Inspector"(检查器)窗口的树视图中双击某个警告可转到源代码编辑器。按 Alt-Enter,单击所显示提示结尾指向右侧的黑色箭头,然后选择  ``SuppressWarning - _(警告名称)_`` 。
 
-image:::images/suppress-small.png[role="left", link="images/suppress.png"]
+[.feature]
+--
+image::images/suppress-small.png[role="left", link="images/suppress.png"]
+--
 
 
 === 根据 NetBeans Java 提示验证 Java 代码
@@ -136,7 +154,10 @@ image:::images/suppress-small.png[role="left", link="images/suppress.png"]
 
 3. 选择 "Configuration"(配置)单选按钮并在下拉列表中选择  ``NetBeans Java Hints`` (NetBeans Java 提示)。
 
-image:::images/hints-small.png[role="left", link="images/hints.png"]
+[.feature]
+--
+image::images/hints-small.png[role="left", link="images/hints.png"]
+--
 
 4. 单击 "Inspect"(检查)。
 IDE 显示树视图,使用  ``NetBeans Java Hints`` (NetBeans Java 提示)配置进行分析的结果显示在 "Inspector"(检查器)窗口中。
@@ -178,13 +199,19 @@ image::images/catview.png[]
 
 3. 在 "Inspect"(检查)对话框中,选择  ``FindBugs``  配置。
 
-image:::images/fb-small.png[role="left", link="images/fb.png"]
+[.feature]
+--
+image::images/fb-small.png[role="left", link="images/fb.png"]
+--
 
 4. 单击 "Inspect"(检查)按钮可启动静态代码分析。
 静态代码分析的结果显示在源代码编辑器下的 "Inspector"(检查器)窗口中。
 所选错误的说明将显示在右侧框架中。
 
-image:::images/inspector-small.png[role="left", link="images/inspector.png"]
+[.feature]
+--
+image::images/inspector-small.png[role="left", link="images/inspector.png"]
+--
 
 5. 此外,在左侧的工具栏中单击 <<categorize,Categorize>>(分类)按钮可以按照类别分组查看错误。
 
@@ -195,7 +222,10 @@ image::images/fbcat.png[]
 * 如果在展开的列表中双击某个问题,则 IDE 将在源代码编辑器中显示报告的问题。
 按 Alt-Enter 可查看源代码中的错误说明。
 
-image:::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+[.feature]
+--
+image::images/source-editor-small.png[role="left", link="images/source-editor.png"]
+--
 
 * 在源代码编辑器的左侧旁注使用感叹号图标 (image::images/exclamation.png[]) 突出显示代码中的潜在问题。
 
@@ -205,13 +235,19 @@ image:::images/source-editor-small.png[role="left", link="images/source-editor.p
 2. 依次选择 "Editor"(编辑器)标签和 "Hints"(提示)。
 3. 在 "Language"(语言)下拉列表中选择  ``FindBugs`` 。
 
-image:::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+[.feature]
+--
+image::images/fb-editor-small.png[role="left", link="images/fb-editor.png"]
+--
 
 4. 在 "Editor"(编辑器)选项中选择 "Run FindBugs"(运行 FindBugs)。
 5. 单击 "OK"(确定)。
 现在,如果在源代码中报告了错误的位置按 Alt-Enter,并单击所显示提示结尾的指向右侧的黑色箭头,则 IDE 将针对潜在错误显示一些修复选项。
 
-image:::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+[.feature]
+--
+image::images/fbenabled-small.png[role="left", link="images/fbenabled.png"]
+--
 
 
 === 定制默认配置
@@ -231,7 +267,10 @@ image::images/configurations-db.png[]
 5. 在 "Analyzer"(分析器)下拉列表中,选择  ``JRE 8 Profiles Conformance`` (JRE 8 配置文件一致性)、 ``Netbeans Java Hints`` (NetBeans Java 提示)或  ``FindBugs``  分析器。
 6. 根据在上一步选择的分析器,选择要验证的配置文件、需要在  ``Default`` (默认)配置中包含的检查或错误。
 
-image:::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+[.feature]
+--
+image::images/select-inspections-small.png[role="left", link="images/select-inspections.png"]
+--
 
 7. 单击 "OK"(确定)可保存  ``Default`` (默认)配置。
 
@@ -258,7 +297,10 @@ image::images/newconfig-created.png[]
 7. 单击 "OK"(确定)保存所做编辑并关闭 "Configurations"(配置)对话框。
 此时所创建的  ``newConfig``  配置在 "Inspect"(检查)对话框的 "Configuration"(配置)下拉列表中可用。
 
-image:::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+[.feature]
+--
+image::images/newconfig-inspect-small.png[role="left", link="images/newconfig-inspect.png"]
+--
 
 *注:*要重命名配置,请在 "Configurations"(配置)下拉列表中选择  ``newConfig``  配置,单击 "Configurations"(配置)下拉列表结尾的黑色箭头,然后选择 "Rename"(重命名)。键入新名称(例如, ``renamedConfig`` )并按 Enter 以保存所做的编辑。
 
@@ -293,11 +335,17 @@ image::images/delete-confirm.png[]
 3. 选择 "Single Inspection"(单个检查)并执行以下操作之一:
 * 在 "Single Inspection"(单个检查)下拉列表中,滚动并选择在源代码分析中使用的_单个_ NetBeans Java 提示或 FindBugs 错误。
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 * 单击 "Browse"(浏览)以打开 "Configurations"(配置)对话框,在 "Analyzer"(分析器)下拉列表中指定分析器,然后选择要在源代码分析中使用的配置文件(对于 JRE 8 配置文件相容性分析器)、_单个_检查(对于 NetBeans Java 提示分析器)或_单个_错误(对于 FindBugs 分析器)。单击 "OK"(确定)以关闭 "Configurations"(配置)对话框。
 
-image:::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+[.feature]
+--
+image::images/hint-inspection-small.png[role="left", link="images/hint-inspection.png"]
+--
 
 4. 在 "Inspect"(检查)对话框中,单击 "Inspect"(检查)以执行源代码分析。
 检查操作完成后,将在源代码编辑器下的 "Inspector"(检查器)窗口中显示可应用于找到的代码或错误的提示。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc
index 650fa07f..faf0d174 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual.asciidoc
@@ -71,7 +71,10 @@ For more on running the debugger, see link:http://www.oracle.com/pls/topic/looku
 
 When you choose Take GUI Snapshot, the IDE will take a snapshot of the GUI and will open the snapshot in the main window.
 
-image:::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+[.feature]
+--
+image::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+--
 
 In this guide to the visual debugger you will not use the Debugging window.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ja.asciidoc
index 036cedeb..d5a7edb4 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ja.asciidoc
@@ -71,7 +71,10 @@ image::images/netbeans-stamp-80-74-73.png[title="このページの内容は、N
 
 「GUIスナップショットを作成」を選択すると、IDEによってGUIのスナップショットが作成され、そのスナップショットがメイン・ウィンドウに表示されます。
 
-image:::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+[.feature]
+--
+image::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+--
 
 ビジュアル・デバッガに関するこのガイドでは、「デバッグ」ウィンドウは使用しません。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_pt_BR.asciidoc
index 7fa90ae1..2f61947a 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_pt_BR.asciidoc
@@ -71,7 +71,10 @@ Para obter mais informações sobre a execução do depurador, consulte link:htt
 
 Quando você escolhe Obter um Snapshot da GUI, o IDE irá obter um snapshot da GUI e irá abrir o snapshot na janela principal.
 
-image:::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+[.feature]
+--
+image::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+--
 
 Neste guia para o depurador visual de erros, você não irá usar a janela Depuração.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ru.asciidoc
index c8340c62..01146e52 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_ru.asciidoc
@@ -71,7 +71,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 
 При выборе пункта "Сделать снимок графического интерфейса пользователя" среда IDE сделает моментальный снимок графического интерфейса пользователя и откроет снимок в главном окне.
 
-image:::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+[.feature]
+--
+image::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+--
 
 В этом руководстве по использованию визуального отладчика окно "Отладка" использоваться не будет.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_zh_CN.asciidoc
index d70a6504..712666f1 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/debug-visual_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/debug-visual_zh_CN.asciidoc
@@ -71,7 +71,10 @@ image::images/netbeans-stamp-80-74-73.png[title="此页上的内容适用于 Net
 
 选择“生成 GUI 快照”时,IDE 将生成 GUI 的快照,并在主窗口中打开该快照。
 
-image:::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+[.feature]
+--
+image::images/debug-fullscreen.png[role="left", link="images/debug-fullscreen.png"]
+--
 
 在本可视调试器指南中,您不会用到“调试”窗口。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-codereference.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-codereference.asciidoc
index f1533a54..87a56a2f 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-codereference.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-codereference.asciidoc
@@ -314,7 +314,11 @@ To quickly see if your code contains unused or missing imports, watch the error
 
  
 
-|image::images/onsave-small.png[role="left", link="images/onsave.png"] |
+|[.feature]
+--
+image:images/onsave-small.png[role="left", link="images/onsave.png"]
+--
+ |
 
 You can specify that whenever you save a file, all the unused imports should automatically be removed.
 
@@ -399,7 +403,10 @@ In the expanded template, editable parts are displayed as blue boxes. Use the  `
 === Adding or Editing Code Templates
 
 |===
-|image:::images/templateoptions-small.png[role="left", link="images/templateoptions.png"]
+|[.feature]
+--
+image::images/templateoptions-small.png[role="left", link="images/templateoptions.png"]
+--
 
  |
 
@@ -544,7 +551,10 @@ For example, try typing "myBoolean=true". The editor detects that this variable
 === Customizing Hints
 
 |===
-|image:::images/customizehints-small.png[role="left", link="images/customizehints.png"]
+|[.feature]
+--
+image::images/customizehints-small.png[role="left", link="images/customizehints.png"]
+--
 
  |
 
@@ -585,7 +595,10 @@ Select a block in your code that you want to surround with a statement and click
 === Code Formatting
 
 |===
-|image:::images/formatting-small.png[role="left", link="images/formatting.png"]
+|[.feature]
+--
+image::images/formatting-small.png[role="left", link="images/formatting.png"]
+--
 
  |
 
@@ -650,7 +663,10 @@ To customize the code folding options:
 === Customizing Keyboard Shortcuts
 
 |===
-|image:::images/keyboard-small.png[role="left", link="images/keyboard.png"]
+|[.feature]
+--
+image::images/keyboard-small.png[role="left", link="images/keyboard.png"]
+--
 
  |
 
@@ -685,7 +701,10 @@ The IDE's Java Editor shows code elements in distinct colors, based on the seman
 === Customizing Colors
 
 |===
-|image:::images/coloringoptions-small.png[role="left", link="images/coloringoptions.png"]
+|[.feature]
+--
+image::images/coloringoptions-small.png[role="left", link="images/coloringoptions.png"]
+--
 
  |
 
@@ -901,7 +920,10 @@ Release the keyboard to select the current item in the list, which will cause th
 |===
 |===
 
-|image::images/bookmark3-small.png[role="left", link="images/bookmark3.png"]
+|[.feature]
+--
+image:images/bookmark3-small.png[role="left", link="images/bookmark3.png"]
+--
 
  |
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform.asciidoc
index d666d5ec..39ee660b 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform.asciidoc
@@ -73,11 +73,17 @@ image::images/proj.png[]
 
 The Single Inspection option in the Inspect and Transform dialog box (Refactor > Inspect and Transform) offers a big variety of inspections related to particular refactoring transformations. The complete list of such operations is available in the Manage Inspections dialog box after clicking the Browse button to the right of the Single Inspection option.
 
-image:::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+[.feature]
+--
+image::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+--
 
 The Search field enables you to check if a required inspection is available using a keyword lookup. For example, there are several inspections found when  ``operator``  is searched for.
 
-image:::images/search-small.png[role="left", link="images/search.png"]
+[.feature]
+--
+image::images/search-small.png[role="left", link="images/search.png"]
+--
 
 Every inspection is provided with a description available either in the Description field in the Manage Inspection dialog box.
 
@@ -91,7 +97,10 @@ Every inspection is provided with a description available either in the Descript
 6. Click Inspect in the Inspect and Transform dialog box.
 The suggested refactoring changes display in the preview panel.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 7. Click Do Refactoring to apply the changes if required.
 
@@ -112,7 +121,10 @@ A set of refactorings grouped together constitute a configuration that can be ru
 
 The  ``Migrate to JDK 5``  configuration available in the IDE by default incorporates such refactoring operations as static imports, JDK 5 for-loop usage, unnecessary boxing and unboxing, and switch over Strings application.
 
-image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+[.feature]
+--
+image::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+--
 
 *Note:* The list of refactorings in the configuration can be modified in the Inspections list of the Manage Inspections dialog box by selecting and deselecting the items under the  ``JDK Migration Support``  node.
 
@@ -121,7 +133,10 @@ image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
 
 The  ``Migrate to JDK 7``  configuration available in the IDE by default incorporates such refactoring operations as diamond operator usage, try-with-resources conversion, multicatch usage, switch over Strings application, and others.
 
-image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+[.feature]
+--
+image::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+--
 
 *Note:* The list of refactorings in the configuration can be modified in the Inspections list of the Manage Inspections dialog box by selecting and deselecting the items under the  ``JDK Migration Support``  node.
 
@@ -133,7 +148,10 @@ image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
 4. Click Inspect.
 Changes that convert the code to JDK 7 syntax display in the preview panel.
 
-image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+[.feature]
+--
+image::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+--
 
 5. Click Do Refactoring to apply the changes if required.
 
@@ -142,7 +160,10 @@ image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
 
 The  ``Migrate to JDK 8``  configuration available in the IDE by default incorporates such refactoring operations as Lambda or Member Reference conversion, static imports, multicatch usage, switch over Strings application, and others.
 
-image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+[.feature]
+--
+image::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+--
 
 *Note:* The list of refactorings in the configuration can be modified in the Inspections list of the Manage Inspections dialog box by selecting and deselecting the items under the  ``JDK Migration Support``  node.
 
@@ -158,7 +179,10 @@ The  ``Organize Imports``  configuration enables you to inspect the way import s
 3. Select Imports in the Category drop-down list.
 4. Specify the available options as required.
 
-image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+[.feature]
+--
+image::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+--
 
 5. Click OK to save your edits.
 
@@ -170,7 +194,10 @@ image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
 4. Click Inspect.
 The preview panel displays one occurrence proposed for the Import section of the  ``Imports.java``  file to make it aligned with the specified code style rules.
 
-image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+[.feature]
+--
+image::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+--
 
 5. Click Do Refactoring to apply the changes if necessary.
 
@@ -190,16 +217,25 @@ A custom inspection can be created to instruct the IDE what code structures are
 3. In the Manage Inspections dialog box, click New.
 A  ``Custom > Inspection``  node is created in the Inspections list.
 
-image:::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+[.feature]
+--
+image::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+--
 
 4. (Optional) Right-click  ``Inspection`` , choose Rename from the popup menu, specify the name required for your custom inspection (for example,  ``MyCustomInspection`` ), and press Enter.
 5. Click Edit Script. The Script text area displays.
 
-image:::images/script-small.png[role="left", link="images/script.png"]
+[.feature]
+--
+image::images/script-small.png[role="left", link="images/script.png"]
+--
 
 6. Type the inspection description and code in the Script text area or click Open in Editor and specify the same in the  ``MyCustomInspection.hint``  file.
 
-image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+[.feature]
+--
+image::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+--
 
 7. Click Save below the Script text area or press Ctrl-S in the Editor to save your edits.
 8. Click OK to close the Manage Inspections dialog box or close the  ``MyCustomInspection.hint``  file in the Editor.
@@ -211,7 +247,10 @@ Your custom inspection is done and ready to be applied.
 2. In the Inspect list of the Inspect and Transform dialog box, specify a file, package, or project(s) to be inspected. Alternatively, click the button to the right to open the Custom Scope dialog box and specify the custom code to be inspected.
 3. Select the Single Inspection option and choose the  ``MyCustomInspection``  inspection.
 
-image:::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+[.feature]
+--
+image::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+--
 
 4. Click Inspect.
 The suggested refactoring changes display in the preview panel.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ja.asciidoc
index 58ab6715..1743b9af 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ja.asciidoc
@@ -73,11 +73,17 @@ image::images/proj.png[]
 
 「検査と変換」ダイアログ・ボックス(「リファクタリング」>「検査と変換」)にある「単一の検査」オプションは、特定のリファクタリング変換に関連した様々な検査を提供します。このような操作の完全なリストは、「単一の検査」オプションの右にある「参照」ボタンをクリックすると、「検査の管理」ダイアログ・ボックスで表示されます。
 
-image:::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+[.feature]
+--
+image::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+--
 
 「検索」フィールドを使用すると、キーワード検索を使用して、必要な検査が使用できるかどうかを確認できます。たとえば、 ``演算子`` を検索すると、いくつかの検査が見つかります。
 
-image:::images/search-small.png[role="left", link="images/search.png"]
+[.feature]
+--
+image::images/search-small.png[role="left", link="images/search.png"]
+--
 
 検査はすべて、「検査の管理」ダイアログ・ボックスの「説明」フィールドに説明が示されています。
 
@@ -91,7 +97,10 @@ image:::images/search-small.png[role="left", link="images/search.png"]
 6. 「検査と変換」ダイアログ・ボックスで「検査」をクリックします。
 提案されたリファクタリングの変更がプレビュー・パネルに表示されます。
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 7. 必要に応じて、「リファクタリングを実行」をクリックして変更を適用します。
 
@@ -112,7 +121,10 @@ image:::images/single-inspection-small.png[role="left", link="images/single-insp
 
 IDEでデフォルトで使用できる ``「JDK 5に移行」`` 構成には、静的インポート、JDK 5 forループの使用、不要なボックス化およびボックス化解除、文字列のswitchアプリケーションなどのリファクタリング操作が組み込まれています。
 
-image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+[.feature]
+--
+image::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+--
 
 *注意:* 構成内のリファクタリングのリストは、「検査の管理」ダイアログ・ボックスの「検査」リストで、 ``「JDK移行サポート」`` ノードの下にある項目を選択および選択解除することによって変更できます。
 
@@ -121,7 +133,10 @@ image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
 
 IDEでデフォルトで使用できる ``「JDK 7に移行」`` 構成には、ダイヤモンド演算子の使用方法、try-with-resourcesへの変換、マルチ・キャッチの使用方法、文字列のswitchアプリケーションなどのリファクタリング操作が組み込まれています。
 
-image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+[.feature]
+--
+image::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+--
 
 *注意:* 構成内のリファクタリングのリストは、「検査の管理」ダイアログ・ボックスの「検査」リストで、 ``「JDK移行サポート」`` ノードの下にある項目を選択および選択解除することによって変更できます。
 
@@ -133,7 +148,10 @@ image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
 4. 「検査」をクリックします。
 そのコードをJDK 7構文に変換する変更がプレビュー・パネルに表示されます。
 
-image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+[.feature]
+--
+image::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+--
 
 5. 必要に応じて、「リファクタリングを実行」をクリックして変更を適用します。
 
@@ -142,7 +160,10 @@ image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
 
 IDEでデフォルトで使用できる ``「JDK 8に移行」`` 構成には、ラムダまたはメンバー参照変換、静的インポート、マルチ・キャッチの使用方法、文字列のswitchアプリケーションなどのリファクタリング操作が組み込まれています。
 
-image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+[.feature]
+--
+image::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+--
 
 *注意:* 構成内のリファクタリングのリストは、「検査の管理」ダイアログ・ボックスの「検査」リストで、 ``「JDK移行サポート」`` ノードの下にある項目を選択および選択解除することによって変更できます。
 
@@ -158,7 +179,10 @@ image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
 3. 「カテゴリ」ドロップダウン・リストで「インポート」を選択します。
 4. 必要に応じて、使用可能なオプションを指定します。
 
-image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+[.feature]
+--
+image::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+--
 
 5. 「OK」をクリックして編集を保存します。
 
@@ -170,7 +194,10 @@ image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
 4. 「検査」をクリックします。
 プレビュー・パネルに、 ``Imports.java`` ファイルの「インポート」セクションを指定のコード・スタイル・ルールにあわせるために、そのセクションに対して提案された1つの出現箇所が表示されます。
 
-image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+[.feature]
+--
+image::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+--
 
 5. 必要に応じて、「リファクタリングを実行」をクリックして変更を適用します。
 
@@ -190,16 +217,25 @@ image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
 3. 「検査の管理」ダイアログ・ボックスで、「新規」をクリックします。
 「検査」リスト内に ``「カスタム」>「検査」`` ノードが作成されます。
 
-image:::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+[.feature]
+--
+image::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+--
 
 4. (オプション)「 ``検査`` 」を右クリックしてポップアップ・メニューから「名前変更」を選択し、カスタム検査に必要な名前(たとえば、 ``MyCustomInspection`` )を指定して、[Enter]を押します。
 5. 「スクリプトの編集」をクリックします。「スクリプト」テキスト領域が表示されます。
 
-image:::images/script-small.png[role="left", link="images/script.png"]
+[.feature]
+--
+image::images/script-small.png[role="left", link="images/script.png"]
+--
 
 6. 「スクリプト」テキスト領域に検査の説明とコードを入力するか、または「エディタで開く」をクリックし、 ``MyCustomInspection.hint`` ファイルで同じ内容を指定します。
 
-image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+[.feature]
+--
+image::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+--
 
 7. 「スクリプト」テキスト領域の下にある「保存」をクリックするか、またはエディタで[Ctrl]-[S]を押して編集を保存します。
 8. 「OK」をクリックして「検査の管理」ダイアログ・ボックスを閉じるか、またはエディタで ``MyCustomInspection.hint`` ファイルを閉じます。
@@ -211,7 +247,10 @@ image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
 2. 「検査と変換」ダイアログ・ボックスの「検査」リストで、検査対象のファイル、パッケージ、またはプロジェクトを指定します。または、右のボタンをクリックして「カスタム・スコープ」ダイアログ・ボックスを開き、検査対象のカスタム・コードを指定します。
 3. 「単一の検査」オプションを選択し、「 ``MyCustomInspection`` 」検査を選択します。
 
-image:::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+[.feature]
+--
+image::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+--
 
 4. 「検査」をクリックします。
 提案されたリファクタリングの変更がプレビュー・パネルに表示されます。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_pt_BR.asciidoc
index 44c8905f..4f4fdc26 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_pt_BR.asciidoc
@@ -62,11 +62,17 @@ image::images/proj.png[]
 
 A opção Inspeção Única na caixa de diálogo Inspecionar e Transformar (Refatorar > Inspecionar e Transformar) oferece uma ampla variedade de inspeções relativas a determinadas transformações de refatoração. A lista completa de tais operações está disponível na caixa de diálogo Gerenciar Inspeções após clicar no botão Procurar à direita da Inspeção Única.
 
-image:::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+[.feature]
+--
+image::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+--
 
 O campo Pesquisar permite verificar se uma inspeção necessária está disponível usando uma pesquisa por palavra-chave. Por exemplo, há diversas inspeções encontradas quando  ``operator``  é pesquisado.
 
-image:::images/search-small.png[role="left", link="images/search.png"]
+[.feature]
+--
+image::images/search-small.png[role="left", link="images/search.png"]
+--
 
 Cada inspeção tem uma descrição disponível no campo Descrição, na caixa de diálogo Gerenciar Inspeção.
 
@@ -80,7 +86,10 @@ Cada inspeção tem uma descrição disponível no campo Descrição, na caixa d
 6. Clique em Inspecionar na caixa de diálogo Inspecionar e Transformar.
 As alterações de refatoração sugeridas são exibidas no painel de visualização.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 7. Clique em Efetuar a Refatoração para aplicar as alterações, se necessário.
 
@@ -101,7 +110,10 @@ Um conjunto de refatorações agrupadas constituem a configuração que pode ser
 
 A configuração  ``Migrar para JDK 5``  disponível no IDE por padrão incorpora essas operações de refatoração como importações estáticas, uso do loop for do JDK 5, demarcação e cancelamento de demarcação desnecessários e troca da aplicação Strings.
 
-image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+[.feature]
+--
+image::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+--
 
 *Observação:* A lista de refatorações na configuração pode ser modificada na lista Inspeções da caixa de diálogo Gerenciar Inspeções, ao selecionar e cancelar a seleção de itens sob o nó  ``Suporte à Migração do JDK`` .
 
@@ -110,7 +122,10 @@ image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
 
 A configuração  ``Migrar para JDK 7``  disponível no IDE por padrão incorpora essas operações de refatoramento como uso do operador diamante, tentar com conversão de recursos, uso de multicatch, trocar para aplicações String etc.
 
-image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+[.feature]
+--
+image::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+--
 
 *Observação:* A lista de refatorações na configuração pode ser modificada na lista Inspeções da caixa de diálogo Gerenciar Inspeções, ao selecionar e cancelar a seleção de itens sob o nó  ``Suporte à Migração do JDK`` .
 
@@ -122,7 +137,10 @@ image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
 4. Clique em Inspecionar.
 As alterações que convertem o código para a sintaxe do JDK 7 são exibidas no painel Visualizar.
 
-image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+[.feature]
+--
+image::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+--
 
 5. Clique em Efetuar a Refatoração para aplicar as alterações, se necessário.
 
@@ -131,7 +149,10 @@ image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
 
 A configuração  ``Migrar para JDK 8``  disponível no IDE por padrão incorpora essas operações de refatoramento como conversão Lambda ou Referência de Membro, importações estáticas, uso de multicatch, troca da aplicação Strings etc.
 
-image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+[.feature]
+--
+image::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+--
 
 *Observação:* A lista de refatorações na configuração pode ser modificada na lista Inspeções da caixa de diálogo Gerenciar Inspeções, ao selecionar e cancelar a seleção de itens sob o nó  ``Suporte à Migração do JDK`` .
 
@@ -147,7 +168,10 @@ A configuração  ``Organizar Importações``  permite inspecionar a forma como
 3. Selecione Importações na lista drop-down Categoria.
 4. Especifique as opções disponíveis, conforme necessário.
 
-image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+[.feature]
+--
+image::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+--
 
 5. Clique em OK para salvar suas edições.
 
@@ -159,7 +183,10 @@ image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
 4. Clique em Inspecionar.
 O painel de visualização exibe uma ocorrência proposta para a seção Importar do arquivo  ``Imports.java``  para alinhá-la com as regras de estilo de código especificadas.
 
-image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+[.feature]
+--
+image::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+--
 
 5. Clique em Efetuar a Refatoração para aplicar as alterações, se necessário.
 
@@ -179,16 +206,25 @@ Uma inspeção personalizada pode ser criada para instruir o IDE sobre quais est
 3. Na caixa de diálogo Gerenciar Inspeções, clique em Nova.
 Um nó  ``Personalizar > Inspeção``  é criado na lista Inspeções.
 
-image:::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+[.feature]
+--
+image::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+--
 
 4. (Opcional) Clique com o botão direito do mouse em  ``Inspecionar`` , escolha Renomear no menu pop-up, especifique o nome necessário para sua inspeção personalizada (por exemplo,  ``MyCustomInspection`` ) e pressione Enter.
 5. Clique em Editar Script. A área de texto Script é exibida.
 
-image:::images/script-small.png[role="left", link="images/script.png"]
+[.feature]
+--
+image::images/script-small.png[role="left", link="images/script.png"]
+--
 
 6. Digite a descrição e o código da inspeção na área de texto Script ou clique em Abrir no Editor e especifique o mesmo no arquivo  ``MyCustomInspection.hint`` .
 
-image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+[.feature]
+--
+image::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+--
 
 7. Clique em Salvar abaixo da área de texto Script ou pressione Ctrl-S no Editor para salvar suas edições.
 8. Clique em OK para fechar a caixa de diálogo Gerenciar Inspeções ou feche o arquivo  ``MyCustomInspection.hint``  no Editor.
@@ -200,7 +236,10 @@ Sua inspeção personalizada está feita e pronta para ser aplicada.
 2. Na lista Inspecionar da caixa de diálogo Inspecionar e Transformar, especifique um arquivo, pacote ou projetos a serem inspecionados. Alternativamente, clique no botão na direita para abrir a caixa de diálogo Escopo Personalizado, para especificar o código personalizado a ser inspecionado.
 3. Selecione a opção Inspeção Única e escolha a inspeção  ``MyCustomInspection`` .
 
-image:::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+[.feature]
+--
+image::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+--
 
 4. Clique em Inspecionar.
 As alterações de refatoração sugeridas são exibidas no painel de exibição.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ru.asciidoc
index 731ad0a0..9eb6fb41 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_ru.asciidoc
@@ -62,11 +62,17 @@ image::images/proj.png[]
 
 Параметр "Одиночная проверка" в диалоговом окне "Проверка и преобразование" (Реорганизация кода > Проверка и преобразование) предоставляет широкий набор различных проверок, связанных с конкретными преобразованиями при реорганизации кода. Полный список таких операций отобразится в диалоговом окне "Управление проверками" после нажатия кнопки "Обзор" справа от параметра "Одиночная проверка".
 
-image:::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+[.feature]
+--
+image::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+--
 
 Можно также проверить наличие необходимой проверки, введя ключевое слово в поле поиска. Например, при поиске по ключевому слову  ``operator``  выводится несколько проверок.
 
-image:::images/search-small.png[role="left", link="images/search.png"]
+[.feature]
+--
+image::images/search-small.png[role="left", link="images/search.png"]
+--
 
 Каждая проверка предоставляется с доступным описанием в поле 'Описание' в диалоговом окне 'Управление проверкой'.
 
@@ -80,7 +86,10 @@ image:::images/search-small.png[role="left", link="images/search.png"]
 6. Нажмите кнопку 'Проверка' в диалоговом окне 'Проверка и преобразование'.
 На панели предварительного просмотра отобразятся предлагаемые изменения реорганизации кода.
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 7. Нажмите кнопку "Реорганизовать код", чтобы применить изменения, если это необходимо.
 
@@ -101,7 +110,10 @@ image:::images/single-inspection-small.png[role="left", link="images/single-insp
 
 Настройка  ``Перенос в JDK 5`` , доступная в среде IDE по умолчанию, включает в себя такие операции по реорганизации кода, как статический импорт, использование цикла со счетчиком JDK 5, необязательная упаковка и распаковка, а также применение оператора switch для перехода по переменным String.
 
-image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+[.feature]
+--
+image::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+--
 
 *Примечание.* Список реорганизаций кода в настройке можно изменить в списке "Проверки" диалогового окна "Управление проверками", выбирая и отменяя выбор элементов в узле ``Поддержка переноса JDK`` .
 
@@ -110,7 +122,10 @@ image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
 
 Настройка  ``Перенос в JDK 7`` , доступная в среде IDE по умолчанию, включает в себя такие операции по реорганизации кода, как использование оператора diamond, преобразование в оператор try-with-resources, использование оператора multicatch, применение оператора switch для перехода по переменным String и т. д.
 
-image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+[.feature]
+--
+image::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+--
 
 *Примечание.* Список реорганизаций кода в настройке можно изменить в списке "Проверки" диалогового окна "Управление проверками", выбирая и отменяя выбор элементов в узле ``Поддержка переноса JDK`` .
 
@@ -122,7 +137,10 @@ image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
 4. Нажмите кнопку "Проверить".
 Изменения, приводящие к преобразованию кода в синтаксис JDK 7, отобразятся на панели предварительного просмотра.
 
-image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+[.feature]
+--
+image::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+--
 
 5. Нажмите кнопку "Реорганизовать код", чтобы применить изменения, если это необходимо.
 
@@ -131,7 +149,10 @@ image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
 
 Настройка  ``Перенос в JDK 8`` , доступная в среде IDE по умолчанию, включает в себя такие операции по реорганизации кода, как преобразование лямбда или объектной ссылки, статический импорт, использование оператора multicatch, применение оператора switch для перехода по переменным String и т. д.
 
-image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+[.feature]
+--
+image::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+--
 
 *Примечание.* Список реорганизаций кода в настройке можно изменить в списке "Проверки" диалогового окна "Управление проверками", выбирая и отменяя выбор элементов в узле ``Поддержка переноса JDK`` .
 
@@ -147,7 +168,10 @@ image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
 3. В раскрывающемся списке "Категория" выберите "Операторы импорта".
 4. Укажите необходимые параметры.
 
-image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+[.feature]
+--
+image::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+--
 
 5. Нажмите кнопку "ОК", чтобы сохранить изменения.
 
@@ -159,7 +183,10 @@ image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
 4. Нажмите кнопку "Проверить".
 На панели предварительного просмотра отобразятся одно вхождение для раздела "Импорт" файла  ``Imports.java`` , предлагаемые для его согласования с указанными правилами стиля кода.
 
-image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+[.feature]
+--
+image::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+--
 
 5. Нажмите кнопку "Реорганизовать код", чтобы применить изменения, если это необходимо.
 
@@ -179,16 +206,25 @@ image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
 3. В диалоговом окне "Управление проверками" нажмите кнопку "Создать".
 В списке "Проверки" будет создан узел  ``Пользовательская проверка`` .
 
-image:::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+[.feature]
+--
+image::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+--
 
 4. (Дополнительно) Правой кнопкой мыши щелкните  ``Проверка`` , выберите "Переименовать" в раскрывающемся меню, укажите имя пользовательской проверки (например,  ``MyCustomInspection`` ), затем нажмите ENTER.
 5. Нажмите кнопку "Правка сценария". Отобразится текстовое поле со сценарием.
 
-image:::images/script-small.png[role="left", link="images/script.png"]
+[.feature]
+--
+image::images/script-small.png[role="left", link="images/script.png"]
+--
 
 6. Введите описание проверки и код в текстовую область сценария или нажмите кнопку "Открыть" в редакторе и укажите те же данные в файле  ``MyCustomInspection.hint`` .
 
-image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+[.feature]
+--
+image::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+--
 
 7. Чтобы сохранить изменения, нажмите кнопку "Сохранить" под текстовым полем со сценарием или нажмите сочетание клавиш CTRL+S в редакторе.
 8. Нажмите кнопку "ОК", чтобы закрыть диалоговое окно "Управление проверками" или закройте файл  ``MyCustomInspection.hint``  в редакторе.
@@ -200,7 +236,10 @@ image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
 2. В списке проверок диалогового окна "Проверка и преобразование" укажите файл, пакет или проект(-ы), которые требуется проверить. Либо же нажмите кнопку справа, чтобы открыть диалоговое окно "Пользовательская область", и укажите пользовательский код, который требуется проверить.
 3. Выберите параметр "Одиночная проверка", затем выберите проверку  ``MyCustomInspection`` .
 
-image:::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+[.feature]
+--
+image::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+--
 
 4. Нажмите кнопку "Проверить".
 Предлагаемые изменения реорганизации отобразятся на панели предварительного просмотра.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_zh_CN.asciidoc
index 9f7d840a..bfc14e87 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/editor-inspect-transform_zh_CN.asciidoc
@@ -62,11 +62,17 @@ image::images/proj.png[]
 
 "Inspect and Transform"(检查并转换)对话框("Refactor"(重构)> "Inspect and Transform"(检查并转换))中的 "Single Inspection"(单个检查)选项提供了很多与特定重构转换相关的检查。单击 "Single Inspection"(单个检查)选项右侧的 "Browse"(浏览)按钮后,"Manage Inspections"(管理检查)对话框中将提供此类操作的完整列表。
 
-image:::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+[.feature]
+--
+image::images/manage-inspections-small.png[role="left", link="images/manage-inspections.png"]
+--
 
 通过 "Search"(搜索)字段,可以检查是否可以使用关键字查找执行所需的检查。例如,搜索  ``operator``  时,可以找到多个检查。
 
-image:::images/search-small.png[role="left", link="images/search.png"]
+[.feature]
+--
+image::images/search-small.png[role="left", link="images/search.png"]
+--
 
 提供的每个检查都在 "Manage Inspection"(管理检查)对话框的 "Description"(描述)字段中具有描述。
 
@@ -80,7 +86,10 @@ image:::images/search-small.png[role="left", link="images/search.png"]
 6. 在 "Inspect and Transform"(检查并转换)对话框中单击 "Inspect"(检查)。
 建议的重构更改显示在预览面板中。
 
-image:::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+[.feature]
+--
+image::images/single-inspection-small.png[role="left", link="images/single-inspection.png"]
+--
 
 7. 单击 "Do Refactoring"(执行重构)以应用所做的更改(如有必要)。
 
@@ -101,7 +110,10 @@ image:::images/single-inspection-small.png[role="left", link="images/single-insp
 
 默认情况下,IDE 中提供的  ``Migrate to JDK 5`` (迁移至 JDK 5)配置包含静态导入、JDK 5 for 循环用法、不必要的装箱和拆箱以及 switch over 字符串应用等重构操作。
 
-image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+[.feature]
+--
+image::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
+--
 
 *注:*通过选择和取消选择  ``JDK Migration Support`` (JDK 迁移支持)节点下方的项,可以在 "Manage Inspections"(管理检查)对话框的 "Inspections"(检查)列表中修改配置中的重构列表。
 
@@ -110,7 +122,10 @@ image:::images/jdk5-conf-small.png[role="left", link="images/jdk5-conf.png"]
 
 默认情况下,IDE 中提供的  ``Migrate to JDK 7`` (迁移至 JDK 7)配置包含菱形运算符使用、try-with-resources 转换、multicatch 使用、switch over 字符串应用等重构操作。
 
-image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+[.feature]
+--
+image::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
+--
 
 *注:*通过选择和取消选择  ``JDK Migration Support`` (JDK 迁移支持)节点下方的项,可以在 "Manage Inspections"(管理检查)对话框的 "Inspections"(检查)列表中修改配置中的重构列表。
 
@@ -122,7 +137,10 @@ image:::images/jdk7-conf-small.png[role="left", link="images/jdk7-conf.png"]
 4. 单击 "Inspect"(检查)。
 将代码转换为 JDK 7 语法的更改将显示在预览面板中。
 
-image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+[.feature]
+--
+image::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
+--
 
 5. 单击 "Do Refactoring"(执行重构)以应用所做的更改(如有必要)。
 
@@ -131,7 +149,10 @@ image:::images/jdk7-ref-small.png[role="left", link="images/jdk7-ref.png"]
 
 默认情况下,IDE 中提供的  ``Migrate to JDK 8`` (迁移至 JDK 8)配置包含 Lambda 或成员引用转换、静态导入、multicatch 使用、switch over 字符串应用等重构操作。
 
-image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+[.feature]
+--
+image::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
+--
 
 *注:*通过选择和取消选择  ``JDK Migration Support`` (JDK 迁移支持)节点下方的项,可以在 "Manage Inspections"(管理检查)对话框的 "Inspections"(检查)列表中修改配置中的重构列表。
 
@@ -147,7 +168,10 @@ image:::images/jdk8-conf-small.png[role="left", link="images/jdk8-conf.png"]
 3. 在 "Category"(类别)下拉列表中,选择 "Imports"(导入)。
 4. 根据需要指定可用选项。
 
-image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+[.feature]
+--
+image::images/org-imports-small.png[role="left", link="images/org-imports.png"]
+--
 
 5. 单击 "OK"(确定)保存所做的编辑。
 
@@ -159,7 +183,10 @@ image:::images/org-imports-small.png[role="left", link="images/org-imports.png"]
 4. 单击 "Inspect"(检查)。
 预览面板将显示一个针对  ``Imports.java``  文件的 "Import"(导入)部分建议的实例,以使其与指定的代码样式规则相符。
 
-image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+[.feature]
+--
+image::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
+--
 
 5. 单击 "Do Refactoring"(执行重构)以应用所做的更改(如有必要)。
 
@@ -179,16 +206,25 @@ image:::images/imports-ref-small.png[role="left", link="images/imports-ref.png"]
 3. 在 "Manage Inspections"(管理检查)对话框中,单击 "New"(新建)。
 此时,将在 "Inspections"(检查)列表中创建  ``"Custom"(定制)> "Inspection"(检查)`` 节点。
 
-image:::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+[.feature]
+--
+image::images/custom-hint-small.png[role="left", link="images/custom-hint.png"]
+--
 
 4. (可选)右键单击  ``Inspection`` (检查),从弹出式菜单中选择 "Rename"(重命名),指定定制检查所需的名称(例如  ``MyCustomInspection`` ),然后按 Enter 键。
 5. 单击 "Edit Script"(编缉脚本)。显示 "Script"(脚本)文本区域。
 
-image:::images/script-small.png[role="left", link="images/script.png"]
+[.feature]
+--
+image::images/script-small.png[role="left", link="images/script.png"]
+--
 
 6. 在 "Script"(脚本)文本区域中键入检查描述和代码,或者在编辑器中单击 "Open"(打开),并在  ``MyCustomInspection.hint``  文件中指定相同的内容。
 
-image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+[.feature]
+--
+image::images/hint-file-small.png[role="left", link="images/hint-file.png"]
+--
 
 7. 单击 "Script"(脚本)文本区域下方的 "Save"(保存),或在编辑器中按 Ctrl-S 组合键保存所做的编辑。
 8. 单击 "OK"(确定)以关闭 "Manage Inspections"(管理检查)对话框,或在编辑器中关闭  ``MyCustomInspection.hint``  文件。
@@ -200,7 +236,10 @@ image:::images/hint-file-small.png[role="left", link="images/hint-file.png"]
 2. 在 "Inspect and Transform"(检查并转换)对话框的 "Inspect"(检查)列表中,指定要检查的文件、包或项目。此外,也可以单击右侧的按钮打开 "Custom Scope"(定制作用域)对话框,然后指定要检查的定制代码。
 3. 选择 "Single Inspection"(单个检查)选项,然后选择  ``MyCustomInspection``  检查。
 
-image:::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+[.feature]
+--
+image::images/mycustomhint-small.png[role="left", link="images/mycustomhint.png"]
+--
 
 4. 单击 "Inspect"(检查)。
 建议的重构更改显示在预览面板中。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced.asciidoc
index ffc79572..08eebedf 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced.asciidoc
@@ -74,7 +74,10 @@ Before starting to lay out the components with the help of the GridBag Customize
 3. Expand  ``Source Packages > tutorial``  and double-click  ``ContactsAdvancedInitial.java`` . 
 The sample form opens in the GUI Builder Design view.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == Invoking GridBag Customizer
@@ -85,7 +88,10 @@ To display the GridBag Customizer, complete the following steps:
 2. Right-click the form and choose  ``Customize Layout`` .
 The Customize Layout dialog box opens as shown below.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Note:* In this tutorial the GridBagLayout is already set. In case you work with another form, in step 2 above, right-click the form and choose  ``Set Layout``  >  ``Grid Bag Layout``  (this enables the  ``Customize Layout``  menu item) and complete the procedure.
 
@@ -121,7 +127,10 @@ To add a new label and text field to the newly added row, complete the following
 1. Right-click the first cell of the newly added row.
 2. From the context menu, choose  ``Add Components > Swing Controls > Label``  like shown below.
 
-image:::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+[.feature]
+--
+image::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+--
 
 Highlighted  ``JLabel1``  displays in the first cell.
 
@@ -211,14 +220,20 @@ The grid based layout sometimes introduces unnecessary dependencies that need to
 
 If you click the Test Layout button in the toolbar (image::images/testlayoutbutton.png[] ) and test horizontal resizeability of the current layout, you will notice that unwanted space is created around the Browse, OK, and Cancel buttons.
 
-image:::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+[.feature]
+--
+image::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+--
 
 This happens because the fourth column comprises both text fields and buttons (the components that should grow and the components that should not grow respectively). You need to modify the layout so that the additional space around the  ``Browse``  buttons is consumed by the  ``Street``  and  ``City:``  text fields. The current layout ensures that the right edge of the  ``Street:``  and  ``City:``  text fields is on the same vertical position as the left edge of the  ``Home Phone:``  text field. To make these positions independent, complete the following steps:
 
 1. Control-click the  ``Street:``  text field and the  ``Browse``  button to the right of it to select them.
 2. Right-click the selection and choose  ``Enclose in Container``  from the context menu.
 
-image:::images/enclose-small.png[role="left", link="images/enclose.png"]
+[.feature]
+--
+image::images/enclose-small.png[role="left", link="images/enclose.png"]
+--
 
 After the components are enclosed into a subcontainer, the boundary between the  ``Home Phone:``  label and text field no longer affects the boundary between the  ``Street``  text field and button.
 
@@ -264,17 +279,26 @@ Complete the steps listed below to add a button to an existing subcontainer:
 1. Click the subcontainer with the  ``OK``  and  ``Cancel``  buttons to select it.
 2. Right-click the container to display the context menu and choose  ``Design This Container``  from it.
 
-image:::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+[.feature]
+--
+image::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+--
 
 3. Right-click the second column header and choose  ``Insert Column After``  from the context menu.
 An empty cell for the new button displays.
 
-image:::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+[.feature]
+--
+image::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+--
 
 4. Right-click inside the newly created cell and choose  ``Add Component``  >  ``Swing Controls``  >  ``Button``  from the context menu.
 A new  ``jButton1``  button is added.
 
-image:::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+[.feature]
+--
+image::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+--
 
 5. Click the Baseline-Related Anchor button (image::images/baselineanchor.png[]) in the Property Customizer to align the new button with the two existing ones in the row.
 6. Click the browse button (image::images/browsebutton.png[]) to the right of the Insets text field. The Insets dialog box displays. Enter 5 in the Top: text field, and click OK.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ja.asciidoc
index 0994a1ff..d9af4059 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ja.asciidoc
@@ -74,7 +74,10 @@ GridBagカスタマイザを使用してコンポーネントのレイアウト
 3.  ``「ソース・パッケージ」>「tutorial」`` を展開し、 ``ContactsAdvancedInitial.java`` をダブルクリックします。
 サンプル・フォームがGUIビルダーの「デザイン」ビューで開きます。
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == GridBagカスタマイザの起動
@@ -85,7 +88,10 @@ GridBagカスタマイザを表示するには、次の手順を行います:
 2. フォームを右クリックし、「 ``レイアウトをカスタマイズ`` 」を選択します。
 次に示すように「レイアウトをカスタマイズ」ダイアログ・ボックスが開きます。
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *注意:* このチュートリアルでは、GridBagLayoutがすでに設定されています。別のフォームを操作する場合は、前述のステップ2で、フォームを右クリックして「 ``レイアウトを設定`` 」>「 ``グリッド・バッグ・レイアウト`` 」を選択し(これにより、「 ``レイアウトをカスタマイズ`` 」メニュー項目が有効になります)、手順を完了します。
 
@@ -121,7 +127,10 @@ image::images/rowinserted.png[]
 1. 新しく追加された行の最初のセルを右クリックします。
 2. 次に示すように、コンテキスト・メニューから ``「コンポーネントを追加」>「Swingコントロール」>「ラベル」`` を選択します。
 
-image:::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+[.feature]
+--
+image::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+--
 
 強調表示された ``JLabel1`` が最初のセルに表示されます。
 
@@ -211,14 +220,20 @@ image::images/textfieldsmoved.png[]
 
 ツールバーの「レイアウトをテスト」ボタン(image::images/testlayoutbutton.png[])をクリックし、現在のレイアウトの水平方向のサイズ変更可能状態をテストすると、「参照」、「OK」、および「取消」ボタンの周りに不要なスペースができていることがわかります。
 
-image:::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+[.feature]
+--
+image::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+--
 
 これは、4番目の列がテキスト・フィールドとボタン(それぞれ、拡張するコンポーネントと拡張しないコンポーネント)の両方で構成されているために発生します。レイアウトを変更して、「 ``Browse`` 」ボタンの周りにある余分なスペースが「 ``Street`` 」および「 ``City:`` 」テキスト・フィールドで使用されるようにする必要があります。現在のレイアウトでは、「 ``Street:`` 」および「 ``City:`` 」テキスト・フィールドの右端が「 ``Home Phone:`` 」テキスト・フィールドの左端と確実に同じ垂直位置になります。これらの位置を独立させるには、次の手順を行います:
 
 1. [Ctrl]を押しながら「 ``Street:`` 」テキスト・フィールドとその右にある「 ``Browse`` 」ボタンをクリックして選択します。
 2. 選択範囲を右クリックし、コンテキスト・メニューから「 ``コンテナに格納`` 」を選択します。
 
-image:::images/enclose-small.png[role="left", link="images/enclose.png"]
+[.feature]
+--
+image::images/enclose-small.png[role="left", link="images/enclose.png"]
+--
 
 コンポーネントがサブコンテナに格納された後は、「 ``Home Phone:`` 」のラベルとテキスト・フィールドの間の境界が、「 ``Street`` 」のテキスト・フィールドとボタンの間の境界に影響を与えることはなくなります。
 
@@ -264,17 +279,26 @@ image::images/subcontainerresized.png[]
 1. 「 ``OK`` 」および「 ``Cancel`` 」ボタンを含むサブコンテナをクリックして選択します。
 2. コンテナを右クリックしてコンテキスト・メニューを表示し、そこから「 ``このコンテナをデザイン`` 」を選択します。
 
-image:::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+[.feature]
+--
+image::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+--
 
 3. 2番目の列ヘッダーを右クリックし、コンテキスト・メニューから「 ``列を後ろに挿入`` 」を選択します。
 新しいボタンのための空のセルが表示されます。
 
-image:::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+[.feature]
+--
+image::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+--
 
 4. 新しく作成されたセルの内部を右クリックし、コンテキスト・メニューから「 ``コンポーネントを追加`` 」>「 ``Swingコントロール`` 」>「 ``ボタン`` 」を選択します。
 新しい「 ``jButton1`` 」ボタンが追加されます。
 
-image:::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+[.feature]
+--
+image::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+--
 
 5. プロパティ・カスタマイザで「ベースライン関連のアンカー」ボタン(image::images/baselineanchor.png[])をクリックし、新しいボタンをこの行にある2つの既存のボタンにそろえます。
 6. 「インセット」テキスト・フィールドの右にある「参照」ボタン(image::images/browsebutton.png[])をクリックします。「インセット」ダイアログ・ボックスが表示されます。「上:」テキスト・フィールドに「5」と入力し、「OK」をクリックします。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_pt_BR.asciidoc
index cf6f644c..94a5e67c 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_pt_BR.asciidoc
@@ -74,7 +74,10 @@ Antes de começar a efetuar o layout dos componentes com a ajuda do GridBag Cust
 3. Expanda  ``Pacotes de Código-fonte > tutorial``  e clique duas vezes em  ``ContactsAdvancedInitial.java`` . 
 O form de exemplo é aberto na view Design do GUI Builder.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == Chamando o GridBag Customizer
@@ -85,7 +88,10 @@ Para exibir o GridBag Customizer, conclua as seguintes etapas:
 2. Clique com botão direito do mouse no form e escolha  ``Personalizar Layout`` .
 A caixa de diálogo Personalizar Layout é aberta, conforme mostrado abaixo.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Observação:* neste tutorial, o GridBagLayout já está definido. Caso você trabalhe com outro form, na etapa 2 acima, clique com o botão direito do mouse no form e escolha  ``Definir Layout``  >  ``Layout do Grid Bag``  (isso ativa o item de menu  ``Personalizar Layout`` ) e conclua o procedimento.
 
@@ -121,7 +127,10 @@ Para adicionar um novo label e campo de texto à linha recém-adicionada, execut
 1. Clique com o botão direito do mouse na primeira célula da linha recém adicionada.
 2. No menu de contexto, escolha  ``Adicionar Componentes > Controles do Swing > Label`` , como mostrado abaixo.
 
-image:::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+[.feature]
+--
+image::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+--
 
 O  ``JLabel1``  realçado é exibido na primeira célula.
 
@@ -211,14 +220,20 @@ O layout com base na grade algumas vezes introduz dependências desnecessárias
 
 Se você clicar no botão Layout de Teste na barra de ferramentas (image::images/testlayoutbutton.png[]) e testar o redimensionamento horizontal do layout atual, você observará que o espaço indesejado é criado ao redor dos botões Procurar, OK e Cancelar.
 
-image:::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+[.feature]
+--
+image::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+--
 
 Isso acontece porque a quarta coluna compreende os campos de texto e os botões (os componentes que deveriam crescer e os componentes que não deveriam crescer, respectivamente). É preciso modificar o layout para que o espaço adicional em torno do botão  ``Procurar``  seja consumido pelos campos de texto  ``Rua``  e  ``Cidade:`` . O layout atual assegura que a borda direita dos campos de texto  ``Rua:``  e  ``Cidade:``  esteja na mesma posição vertical que a borda esquerda do campo de texto  ``Telefone Residencial:`` . Para tornar estas posições independentes, conclua as seguintes etapas:
 
 1. Pressione Ctrl+clique no campo de texto  ``Rua:``  e no botão  ``Procurar``  à direita dele para selecioná-los.
 2. Clique com o botão direito do mouse e escolha  ``Colocar no Contêiner``  no menu de contexto.
 
-image:::images/enclose-small.png[role="left", link="images/enclose.png"]
+[.feature]
+--
+image::images/enclose-small.png[role="left", link="images/enclose.png"]
+--
 
 Depois que componentes forem incluídos em um subcontêiner, a borda entre o label  ``Telefone Residencial:``  e o campo de texto não afeta mais a borda entre o campo de texto  ``Rua``  e o botão.
 
@@ -265,17 +280,26 @@ Conclua as etapas abaixo listadas para adicionar um botão em um subcontêiner e
 1. Clique no subcontêiner com os botões  ``OK``  e  ``Cancelar``  para selecioná-lo.
 2. Clique com o botão direito do mouse no contêiner para exibir o menu de contexto e escolha  ``Criar Este Contêiner`` .
 
-image:::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+[.feature]
+--
+image::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+--
 
 3. Clique com o botão direito do mouse no cabeçalho da segunda coluna e escolha  ``Inserir Coluna Após``  a partir do menu de contexto.
 Uma célula vazia para o novo botão é exibida.
 
-image:::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+[.feature]
+--
+image::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+--
 
 4. Clique com o botão direito do mouse na célula recém-criada e escolha  ``Adicionar Componente``  >  ``Controles do Swing``  >  ``Botão``  a partir do menu de contexto.
 Um novo botão  ``jButton1``  é adicionado.
 
-image:::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+[.feature]
+--
+image::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+--
 
 5. Clique no botão de Âncora Relacionado à Linha de Base (image::images/baselineanchor.png[]) no Personalizador de Propriedades para alinhar o botão Novo com os dois existentes na linha.
 6. Clique no botão Procurar (image::images/browsebutton.png[]) à direita do campo de texto Insets. A caixa de diálogo Insets é exibida. Insira 5 no campo de texto Superior: e clique em OK.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ru.asciidoc
index 762bd8ca..f08cc615 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_ru.asciidoc
@@ -74,7 +74,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое этой ст
 3. Разверните  ``Пакеты исходного кода``  > учебное руководство и дважды щелкните  ``ContactsAdvancedInitial.java`` . 
 В конструкторе графического интерфейса откроется образец формы в режиме конструктора.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == Вызов настройщика GridBag
@@ -85,7 +88,10 @@ image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
 2. Щелкните форму правой кнопкой мыши и выберите  ``Customize Layout``  ("Настроить компоновку").
 Откроется диалоговое окно настройки компоновки, как показано ниже.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Примечание.* В этом учебном курсе GridBagLayout уже задан. При работе с другой формой, в шаге 2 выше, щелкните правой кнопкой мыши форму и выберите  ``Настроить компоновку``  >  ``Компоновка GridBag``  (при этом будет включен элемент меню  ``Настройка компоновки`` ) и завершите процедуру.
 
@@ -121,7 +127,10 @@ image::images/rowinserted.png[]
 1. Щелкните правой кнопкой мыши первую ячейку добавленной строки.
 2. Выберите в контекстном меню  ``Add Components ("Добавление компонентов") > Swing Controls ("Элементы управления Swing") > Label ("Метка")`` , как показано ниже.
 
-image:::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+[.feature]
+--
+image::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+--
 
 Выделенное  ``JLabel1``  отображается в первой ячейке.
 
@@ -211,14 +220,20 @@ image::images/textfieldsmoved.png[]
 
 Если нажать кнопку 'Проверить макет' на панели инструментов (image::images/testlayoutbutton.png[] ) и проверить изменение размера по горизонтали для текущего макета, будет заметно, что вокруг кнопок 'Обзор', 'ОК' и 'Отмена' создаются нежелательные пустые места.
 
-image:::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+[.feature]
+--
+image::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+--
 
 Это происходит потому, что четвертый столбец состоит как из текстовых полей, так и из кнопок (первые должны вырасти, вторые же нет). Необходимо изменить компоновку, чтобы дополнительное пространство вокруг кнопок  ``Browse``  ("Просмотр") было занято текстовыми полями  ``Street``  и  ``City:`` . Текущий макет гарантирует, что правый край текстовых полей  ``Улица:``  и  ``Город:``  находятся на той же высоте, что и левый край текстового поля  ``Домашний телефон:`` . Чтобы сделать эти позиции независимыми, выполните следующие действия:
 
 1. Удерживая клавишу CTRL, щелкните текстовое поле ``Street:``  и кнопку  ``Browse``  справа от него, чтобы выбрать их.
 2. Щелкните выбранное правой кнопкой мыши и выберите  ``Enclose in Container``  ("Заключить в контейнер") из контекстного меню.
 
-image:::images/enclose-small.png[role="left", link="images/enclose.png"]
+[.feature]
+--
+image::images/enclose-small.png[role="left", link="images/enclose.png"]
+--
 
 После заключения компонентов в подконтейнер граница между меткой  ``Home Phone:``  и текстовым полем становится независимой от границы между текстовым полем  ``Street``  и кнопкой.
 
@@ -264,17 +279,26 @@ image::images/subcontainerresized.png[]
 1. Щелкните подконтейнер с кнопками  ``OК``  и  ``Cancel`` , чтобы выбрать его.
 2. Щелкните контейнер правой кнопкой мыши, чтобы вывести контекстное меню, и выберите из меню  ``Design This Container``  ("Редактировать данный контейнер").
 
-image:::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+[.feature]
+--
+image::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+--
 
 3. Щелкните правой кнопкой мыши второй заголовок столбца и выберите  ``Insert Column After``  ("Вставить столбец после") из контекстного меню.
 Отобразится пустая ячейка для новой кнопки.
 
-image:::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+[.feature]
+--
+image::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+--
 
 4. Щелкните созданную ячейку правой кнопкой мыши и выберите  ``Add Component``  ("Добавить компонент") >  ``Swing Controls``  ("Элементы управления Swing") >  ``Button``  ("Кнопка") из контекстного меню.
 Будет добавлена новая кнопка  ``jButton1`` .
 
-image:::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+[.feature]
+--
+image::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+--
 
 5. Нажмите кнопку привязки, связанной с базовой линией, (image::images/baselineanchor.png[]) в 'Средстве настройки свойств' для выравнивания новой кнопки с двумя существующими в строке.
 6. Нажмите кнопку обзора (image::images/browsebutton.png[]) справа от текстового поля 'Вставки'. Отобразится диалоговое окно "Вставки". Введите 5 в текстовое поле 'Вверх' и нажмите OK.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_zh_CN.asciidoc
index b024a6ad..6afbd995 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-advanced_zh_CN.asciidoc
@@ -74,7 +74,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 3. 展开 ``源包 > tutorial`` ,然后双击  ``ContactsAdvancedInitial.java`` 。
 此时将在 GUI 构建器的 "Design"(设计)视图中打开样例窗体。
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == 调用 GridBag 定制器
@@ -85,7 +88,10 @@ image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
 2. 右键单击该窗体,然后选择  ``Customize Layout`` (定制布局)。
 此时将打开 "Customize Layout"(定制布局)对话框,如下所示。
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *注:*在本教程中,已设置了 GridBagLayout。如果使用其他窗体,请在上面的步骤 2 中右键单击该窗体,选择  ``Set Layout`` (设置布局)>  ``Grid Bag Layout`` (网格包布局)(这将启用  ``Customize Layout`` (定制布局)菜单项),然后完成该步骤。
 
@@ -121,7 +127,10 @@ image::images/rowinserted.png[]
 1. 右键单击新添加的行的第一个单元格。
 2. 从上下文菜单中,选择  ``"Add Components"(添加组件)> "Swing Controls"(Swing 控件)> "Label"(标签)`` ,如下所示。
 
-image:::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+[.feature]
+--
+image::images/addcomponent-small.png[role="left", link="images/addcomponent.png"]
+--
 
 此时将在第一个单元格中突出显示  ``JLabel1`` 。
 
@@ -211,14 +220,20 @@ image::images/textfieldsmoved.png[]
 
 如果单击工具栏中的 "Test Layout"(测试布局)(image::images/testlayoutbutton.png[]) 按钮并测试当前布局的水平大小可调性,则可以看到在 "Browse"、"OK" 和 "Cancel" 按钮周围创建了多余空间。
 
-image:::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+[.feature]
+--
+image::images/unwantedspace-small.png[role="left", link="images/unwantedspace.png"]
+--
 
 发生这种情况的原因是,第四列同时包含文本字段和按钮(这两种组件分别需要增大和减小)。您需要修改布局以使  ``Street``  和  ``City:``  文本字段占据  ``Browse``  按钮周围的额外空间。当前布局确保了  ``Street:``  和  ``City:``  文本字段右边缘的垂直位置与  ``Home Phone:``  文本字段左边缘相同。要使这些位置没有关联,请完成以下步骤:
 
 1. 按住 Ctrl 键单击  ``Street:``  文本字段及其右侧的  ``Browse``  按钮将其选中。
 2. 右键单击所选内容,然后从上下文菜单中选择  ``Enclose in Container`` (包含在容器中)。
 
-image:::images/enclose-small.png[role="left", link="images/enclose.png"]
+[.feature]
+--
+image::images/enclose-small.png[role="left", link="images/enclose.png"]
+--
 
 在将组件包含在子容器中后, ``Home Phone:``  标签和文本字段之间的边界不再影响  ``Street``  文本字段和按钮之间的边界。
 
@@ -264,17 +279,26 @@ image::images/subcontainerresized.png[]
 1. 单击包含  ``OK``  和  ``Cancel``  按钮的子容器将其选中。
 2. 右键单击该容器以显示上下文菜单,然后从该菜单中选择  ``Design This Container`` (设计此容器)。
 
-image:::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+[.feature]
+--
+image::images/designsubcontainer-small.png[role="left", link="images/designsubcontainer.png"]
+--
 
 3. 右键单击第二列的标题,然后从上下文菜单中选择  ``Insert Column After`` (在后面插入列)。
 此时将显示新按钮的空单元格。
 
-image:::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+[.feature]
+--
+image::images/emptycell-small.png[role="left", link="images/emptycell.png"]
+--
 
 4. 在新创建的单元格内右键单击,然后从上下文菜单中选择  ``Add Component`` (添加组件)>  ``Swing Controls`` (Swing 控件)>  ``Button`` (按钮)。
 此时将添加一个新的  ``jButton1``  按钮。
 
-image:::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+[.feature]
+--
+image::images/newbutton-small.png[role="left", link="images/newbutton.png"]
+--
 
 5. 单击属性定制器中的 "Baseline-Related Anchor"(与基线相关的锚点)按钮 (image::images/baselineanchor.png[]),将新按钮与行中的两个现有按钮对齐。
 6. 单击 "Insets"(插入量)文本字段右侧的浏览按钮 (image::images/browsebutton.png[])。此时将显示 "Insets"(插入量)对话框。在 "Top:"(上:)文本字段中输入 5,然后单击 "OK"(确定)。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic.asciidoc
index 7f3752e0..17ed075b 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74.png[title="Content on this page applies to Ne
 4. Expand  ``Source Packages``  >  ``Tutorial``  and double-click  ``ContactsBasicInitial.java`` . 
 The sample form opens in the GUI Builder Design view.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == GridBag Customizer Overview
@@ -81,7 +84,10 @@ To display the GridBag Customizer, complete the steps below:
 2. Right-click the form and choose  ``Customize Layout``  from the context menu.
 The Customize Layout dialog box opens as shown below.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Note:* In this tutorial the GridBagLayout is already set. In case you work with another form, in step 2 above, right-click the form and choose  ``Set Layout``  >  ``Grid Bag Layout``  from the context menu (this enables the  ``Customize Layout``  menu item.). Then complete the procedure.
 
@@ -131,7 +137,10 @@ To create a layout like shown in the picture below, move the components from col
 
 The components are now placed in accordance with the target layout.
 
-image:::images/layout1-small.png[role="left", link="images/layout1.png"]
+[.feature]
+--
+image::images/layout1-small.png[role="left", link="images/layout1.png"]
+--
 
 *Note:* When a component is moved the target cells are highlighted with green.
 
@@ -148,7 +157,10 @@ To resize the  ``First Name:``  and  ``Surname:``  text fields and make them occ
 
 The  ``First Name:``  and  ``Surname:``  text fields are extended to span between the two cells as shown in the following illustration. The occupied cells are highlighted.
 
-image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+[.feature]
+--
+image::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+--
 
 
 === Specifying Fill Layout Constraint
@@ -157,7 +169,10 @@ Though the  ``First Name:``  and  ``Surname:``  text fields occupy two cells, th
 
 To make the text fields wide enough to fill their display areas horizontally without changing their heights, in the  ``Fill``  combobox in the Property Sheet area, select  ``Horizontal`` .
 
-image:::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+[.feature]
+--
+image::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+--
 
 
 === Previewing
@@ -209,7 +224,10 @@ To change this behaviour, specify the  ``Anchor``  layout constraint as follows:
 
 The  ``State``  combo-box is anchored to the left side of the form when the latter is resized horizontally now.
 
-image:::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+[.feature]
+--
+image::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+--
 
 To get the labels aligned to the left instead of to the center as they are at the moment, complete the steps below:
 
@@ -239,7 +257,10 @@ image::images/insets.png[]
 
 Your form should look now like the one from the  ``ContactsBasicFinal.java``  file if you open it.
 
-image:::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+[.feature]
+--
+image::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+--
 
 
 == Summary
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ja.asciidoc
index 8809852e..c7f34e05 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ja.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74.png[title="このページの内容は、NetB
 4. 「 ``ソース・パッケージ`` 」>「 ``Tutorial`` 」を展開し、 ``ContactsBasicInitial.java`` をダブルクリックします。
 サンプル・フォームがGUIビルダーの「デザイン」ビューで開きます。
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == GridBagカスタマイザの概要
@@ -81,7 +84,10 @@ GridBagカスタマイザを表示するには、次の手順を行います:
 2. フォームを右クリックし、コンテキスト・メニューから「 ``レイアウトをカスタマイズ`` 」を選択します。
 次に示すように「レイアウトをカスタマイズ」ダイアログ・ボックスが開きます。
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *注意:* このチュートリアルでは、GridBagLayoutがすでに設定されています。別のフォームを操作する場合は、上のステップ2で、フォームを右クリックしてコンテキスト・メニューから「 ``レイアウトを設定`` 」>「 ``グリッド・バッグ・レイアウト`` 」を選択します(これにより、「 ``レイアウトをカスタマイズ`` 」メニュー項目が有効になります)。次に、手順を完了します。
 
@@ -131,7 +137,10 @@ image::images/propsheet.png[]
 
 これで、コンポーネントがターゲット・レイアウトに従って配置されました。
 
-image:::images/layout1-small.png[role="left", link="images/layout1.png"]
+[.feature]
+--
+image::images/layout1-small.png[role="left", link="images/layout1.png"]
+--
 
 *注意:* コンポーネントが移動されると、ターゲット・セルは緑色で強調表示されます。
 
@@ -148,7 +157,10 @@ image:::images/layout1-small.png[role="left", link="images/layout1.png"]
 
 次の図に示すように、「 ``First name:`` 」および「 ``Surname:`` 」テキスト・フィールドが2つのセルにまたがるように拡張されました。占有されているセルが強調表示されます。
 
-image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+[.feature]
+--
+image::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+--
 
 
 === 「フィル」レイアウト制約の指定
@@ -157,7 +169,10 @@ image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized
 
 これらのテキスト・フィールドの高さを変更せずに、その幅を水平方向に表示領域いっぱいに広げるには、プロパティ・シート領域にある「 ``フィル`` 」コンボ・ボックスで「 ``水平`` 」を選択します。
 
-image:::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+[.feature]
+--
+image::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+--
 
 
 === プレビュー
@@ -209,7 +224,10 @@ image::images/resizedpreview.png[]
 
 フォームのサイズが水平方向に変更されたとき、「 ``State`` 」コンボ・ボックスはフォームの左側に固定されるようになりました。
 
-image:::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+[.feature]
+--
+image::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+--
 
 ラベルを現在の中央ではなく、左側にそろえるには、次の手順を行います:
 
@@ -239,7 +257,10 @@ image::images/insets.png[]
 
 作成されたフォームを開くと、 ``ContactsBasicFinal.java`` ファイルのフォームのように表示されます。
 
-image:::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+[.feature]
+--
+image::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+--
 
 
 == サマリー
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_pt_BR.asciidoc
index e5f8ef69..5f5bb990 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_pt_BR.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74.png[title="O conteúdo desta página se aplic
 4. Expanda  ``Pacotes de Código-fonte``  >  ``Tutorial``  e clique duas vezes em  ``ContactsAdvancedInitial.java`` . 
 O form de exemplo é aberto na view Design do GUI Builder.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == Visão Geral do GridBag Customizer
@@ -81,7 +84,10 @@ Para exibir o GridBag Customizer, siga as etapas abaixo:
 2. Clique com o botão direito do mouse no form e escolha  ``Personalizar Layout``  a partir do menu de contexto.
 A caixa de diálogo Personalizar Layout é aberta, conforme mostrado abaixo.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Observação:* neste tutorial, o GridBagLayout já está definido. Caso você trabalhe com outro form, na etapa 2 acima, clique com o botão direito do mouse no form e escolha  ``Definir Layout``  >  ``Layout do Grid Bag``  no menu de contexto (isso ativa o item de menu  ``Personalizar Layout`` ). A seguir, conclua o procedimento.
 
@@ -131,7 +137,10 @@ Para criar um layout como o mostrado na figura abaixo, mova os componentes da co
 
 Os componentes estão agora colocados de acordo com o layout alvo.
 
-image:::images/layout1-small.png[role="left", link="images/layout1.png"]
+[.feature]
+--
+image::images/layout1-small.png[role="left", link="images/layout1.png"]
+--
 
 *Observação:* Quando um componente for movido para as células alvo, ele será realçado em verde.
 
@@ -148,7 +157,10 @@ Para redimensionar os campos de texto  ``Nome:``  e  ``Sobrenome:``  e fazer com
 
 Os campos de texto  ``Nome:``  e  ``Sobrenome:``  são redimensionados para se estender entre as duas células, como mostrado na ilustração a seguir. As células ocupadas são realçadas.
 
-image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+[.feature]
+--
+image::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+--
 
 
 === Especificando a Restrição de Preenchimento do Layout
@@ -157,7 +169,10 @@ Apesar dos campos de texto  ``Nome:``  e  ``Sobrenome:``  ocuparem duas células
 
 Para tornar os campos de texto largos o suficiente para preencher suas áreas horizontalmente sem alterar suas alturas, na caixa de combinação  ``Preencher``  na área Folha de propriedades, selecione  ``Horizontal`` .
 
-image:::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+[.feature]
+--
+image::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+--
 
 
 === Visualizando
@@ -209,7 +224,10 @@ Para mudar este comportamento, especifique as restrições do layout  ``Âncora`
 
 A caixa de combinação  ``Estado``  é ancorada no lado esquerdo do form quando a anterior é agora redimensionada na horizontal.
 
-image:::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+[.feature]
+--
+image::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+--
 
 Para fazer com os labels se alinhem na esquerda ao invés de no centro, como estão no momento, complete as etapas abaixo:
 
@@ -239,7 +257,10 @@ image::images/insets.png[]
 
 Seu form deverá ter a aparência de um do arquivo  ``ContactsBasicFinal.java``  se você abri-lo.
 
-image:::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+[.feature]
+--
+image::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+--
 
 
 == Resumo
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ru.asciidoc
index 62ec7c0a..4a89bf47 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_ru.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое на этой
 4. Разверните  ``Source Packages``  ("Пакеты исходного кода") >  ``Tutorial``  ("Руководство") и дважды щелкните  ``ContactsBasicInitial.java`` . 
 В конструкторе графического интерфейса откроется образец формы в режиме конструктора.
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == Обзор настройщика GridBag
@@ -81,7 +84,10 @@ image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
 2. Щелкните форму правой кнопкой мыши и выберите  ``Customize Layout``  ("Настроить структуру") из контекстного меню.
 Откроется диалоговое окно настройки компоновки, как показано ниже.
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *Примечание.* В этом учебном курсе GridBagLayout уже задан. При работе с другой формой, в шаге 2 выше, щелкните правой кнопкой мыши форму и выберите  ``Настроить компоновку``  >  ``Компоновка GridBag``  в контекстном меню (при этом будет включен элемент меню  ``Настройка компоновки`` ). Затем завершите процедуру.
 
@@ -131,7 +137,10 @@ image::images/propsheet.png[]
 
 Теперь размещение компонентов соответствует целевой структуре.
 
-image:::images/layout1-small.png[role="left", link="images/layout1.png"]
+[.feature]
+--
+image::images/layout1-small.png[role="left", link="images/layout1.png"]
+--
 
 *Примечание.* При перемещении компонента целевые ячейки выделяются зеленым цветом.
 
@@ -148,7 +157,10 @@ image:::images/layout1-small.png[role="left", link="images/layout1.png"]
 
 Текстовые поля  ``First Name:``  и  ``Surname:``  расширяются, чтобы охватить две ячейки, как показано на следующей иллюстрации. Занятые ячейки здесь выделены.
 
-image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+[.feature]
+--
+image::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+--
 
 
 === Указание ограничения компоновки Fill ("Заполнить")
@@ -157,7 +169,10 @@ image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized
 
 Чтобы текстовые поля стали достаточно широкими для заполнения их областей отображения по горизонтали без изменения своей высоты, в поле со списком  ``Fill``  ("Заполнить") области Property Sheet ("Таблица свойств") выберите  ``Horizontal``  ("По горизонтали").
 
-image:::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+[.feature]
+--
+image::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+--
 
 
 === Предварительный просмотр
@@ -209,7 +224,10 @@ image::images/resizedpreview.png[]
 
 Поле со списком  ``State``  теперь прикрепляется к левой стороне формы при изменении горизонтальных размеров последней.
 
-image:::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+[.feature]
+--
+image::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+--
 
 Чтобы метки были выровнены по левой стороне, а не по центру, как сейчас, выполните следующий действия:
 
@@ -239,7 +257,10 @@ image::images/insets.png[]
 
 Форма должна выглядеть примерно так же, как форма из файла  ``ContactsBasicFinal.java`` .
 
-image:::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+[.feature]
+--
+image::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+--
 
 
 == Заключение
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_zh_CN.asciidoc
index c4dbae85..a920c40b 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gbcustomizer-basic_zh_CN.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 4. 展开 ``源包``  >  ``Tutorial`` ,然后双击  ``ContactsBasicInitial.java`` 。
 此时将在 GUI 构建器的 "Design"(设计)视图中打开样例窗体。
 
-image:::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+[.feature]
+--
+image::images/sampleform-small.png[role="left", link="images/sampleform.png"]
+--
 
 
 == GridBag 定制器概述
@@ -81,7 +84,10 @@ GridBag 布局定制器是 Java 平台提供的最灵活且最复杂的布局管
 2. 右键单击该窗体,然后从上下文菜单中选择  ``Customize Layout`` (定制布局)。
 此时将打开 "Customize Layout"(定制布局)对话框,如下所示。
 
-image:::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+[.feature]
+--
+image::images/customizerdialog-small.png[role="left", link="images/customizerdialog.png"]
+--
 
 *注:*在本教程中,已设置了 GridBagLayout。如果使用其他窗体,请在上面的步骤 2 中右键单击该窗体,从上下文菜单中选择 ``设置布局``  >  ``网格包布局`` (这将启用 ``定制布局`` 菜单项)。然后完成该步骤。
 
@@ -131,7 +137,10 @@ image::images/propsheet.png[]
 
 现在,组件将按目标布局进行放置。
 
-image:::images/layout1-small.png[role="left", link="images/layout1.png"]
+[.feature]
+--
+image::images/layout1-small.png[role="left", link="images/layout1.png"]
+--
 
 *注:*在移动组件时,将使用绿色突出显示目标单元格。
 
@@ -148,7 +157,10 @@ image:::images/layout1-small.png[role="left", link="images/layout1.png"]
 
 此时将扩展  ``First Name:``  和  ``Surname:``  文本字段以占据两个单元格(如下图所示)。同时,将突出显示占据的单元格。
 
-image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+[.feature]
+--
+image::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized.png"]
+--
 
 
 === 指定“填充”布局约束
@@ -157,7 +169,10 @@ image:::images/tfieldsresized-small.png[role="left", link="images/tfieldsresized
 
 要设置足够宽的文本字段以水平填充其显示区域而不更改其高度,请在属性表单区域的 ``填充`` 组合框中选择 ``水平`` 。
 
-image:::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+[.feature]
+--
+image::images/horizontalset-small.png[role="left", link="images/horizontalset.png"]
+--
 
 
 === 预览
@@ -209,7 +224,10 @@ image::images/resizedpreview.png[]
 
 现在,在水平调整窗体大小时, ``State``  组合框将锚定到该窗体的左侧。
 
-image:::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+[.feature]
+--
+image::images/comboanchored-small.png[role="left", link="images/comboanchored.png"]
+--
 
 要将标签与左侧对齐,而不是像现在这样与中心对齐,请完成以下步骤:
 
@@ -239,7 +257,10 @@ image::images/insets.png[]
 
 您的窗体现在应看起来像  ``ContactsBasicFinal.java``  文件中的窗体(如果打开)。
 
-image:::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+[.feature]
+--
+image::images/contactsbasicfinal-small.png[role="left", link="images/contactsbasicfinal.png"]
+--
 
 
 == 小结
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n.asciidoc
index c9eb2e36..36d2bb4b 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n.asciidoc
@@ -113,7 +113,10 @@ We will now use the GUI builder to enter internationalized strings for the JLabe
 
 Repeat the previous steps for all the components so that the form looks like the following picture:
 
-image:::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+[.feature]
+--
+image::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+--
 
 *Note:* Steps 1-5 can be done in a simpler and faster way: just double click  ``jLabel1``  in the design view, change the text from  ``jLabel1``  to  ``Find What:`` , and press Enter. The result is the same as from the steps given above.
 
@@ -138,7 +141,10 @@ image::images/addlocale_new.png[]
 5. In the Projects window, right-click  ``Bundle.properties``  and choose Open.
 6. Translate individual messages in the correspondent column of the table to a new language (for example, Spanish), as shown below:
 
-image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+[.feature]
+--
+image::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+--
 
 7. Press Ctrl-S to save your edits.
 8. Select the  ``FindDialog.java``  tab to display the form you are internationalizing.
@@ -146,7 +152,10 @@ image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
 10. Click Save in the Question dialog box that displays. 
 The form is reopened and the Spanish locale is loaded in in the design, as shown below:
 
-image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+[.feature]
+--
+image::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+--
 
 
 === Testing a Non-Default Locale
@@ -155,14 +164,20 @@ image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_
 2. In the Categories pane, select the Run node.
 3. Enter  ``-Duser.language=es -Duser.country=ES``  in the VM Options field.
 
-image:::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+[.feature]
+--
+image::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+--
 
 4. Click OK.
 5. Right-click the InternationalizeDemo project and choose Run.
 
 The IDE runs the  ``FindDialog``  dialog box in the Spanish locale like shown below.
 
-image:::images/run_small.png[role="left", link="images/run.png"]
+[.feature]
+--
+image::images/run_small.png[role="left", link="images/run.png"]
+--
 
 
 == Internationalizing an Entire Project
@@ -205,19 +220,28 @@ image::images/ceprjprops.png[]
 
 The sources files appear in the first page of the Wizard as shown below:
 
-image:::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+[.feature]
+--
+image::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+--
 
 5. For demonstration purposes, select  ``examples.Find``  and click the Remove Source(s) button.
 6. Click Next.
 7. Check if the Internationalization Wizard offers the correct properties files  ``examples.Antenna``  and  ``examples.ContactEditor`` . If it does not, use the Select Resource button to choose the correct properties file.
 
-image:::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+[.feature]
+--
+image::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+--
 
 8. Click Next.
 9. Skip page 3 of the Wizard since you are not going to create any fields and modify additional values and click Next.
 10. All hard-coded strings are displayed in the last step of Internationalization wizard and it is possible to decide which of them will come from the properties file (use checkbox). You can further customize individual keys, values, comments, and format of replaced strings by clicking on the ellipsis (...) button for a string.
 
-image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+[.feature]
+--
+image::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+--
 
 11. Click Finish.
 
@@ -244,7 +268,10 @@ The IDE shows Internationalization dialog box and pre-fills the first hard-coded
 
 If a hard-coded string does not need to be replaced, click the Skip button.
 
-image:::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+[.feature]
+--
+image::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+--
 
 
 === Inserting a Single Internationalized String
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ja.asciidoc
index a46fa306..ef5f1b4a 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ja.asciidoc
@@ -113,7 +113,10 @@ GUIビルダーを使用して、フォームのJLabelsおよびJButtonsの国
 
 すべてのコンポーネントで前述の手順を繰り返すと、フォームは次の図のようになります。
 
-image:::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+[.feature]
+--
+image::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+--
 
 *注意:* ステップ1から5はより単純で、すばやい方法で実行できます。単にデザイン・ビューで「 ``jLabel1`` 」をダブルクリックし、テキストを「 ``jLabel1`` 」から「 ``Find What:`` 」に変更して、[Enter]を押します。結果は前述の手順と同じです。
 
@@ -138,7 +141,10 @@ image::images/addlocale_new.png[]
 5. 「プロジェクト」ウィンドウで、 ``Bundle.properties`` を右クリックして「開く」を選択します。
 6. 次に示すように、表の対応する列の個々のメッセージを、新しい言語(スペイン語など)に変換します。
 
-image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+[.feature]
+--
+image::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+--
 
 7. [Ctrl]-[S]を押して編集を保存します。
 8. 「 ``FindDialog.java`` 」タブを選択して、国際化しているフォームを表示します。
@@ -146,7 +152,10 @@ image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
 10. 表示される「質問」ダイアログ・ボックスで「保存」をクリックします。
 フォームが再度開き、次に示すように、スペイン語ロケールがデザインにロードされます。
 
-image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+[.feature]
+--
+image::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+--
 
 
 === デフォルト以外のロケールのテスト
@@ -155,14 +164,20 @@ image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_
 2. 「カテゴリ」ペインで、「実行」ノードを選択します。
 3. 「VMオプション」フィールドに「 ``-Duser.language=es -Duser.country=ES`` 」と入力します。
 
-image:::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+[.feature]
+--
+image::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+--
 
 4. 「OK」をクリックします。
 5. 「InternationalizeDemo」プロジェクトを右クリックし、「実行」を選択します。
 
 次に示すように、IDEによって「 ``FindDialog`` 」ダイアログ・ボックスがスペイン語ロケールで実行されます。
 
-image:::images/run_small.png[role="left", link="images/run.png"]
+[.feature]
+--
+image::images/run_small.png[role="left", link="images/run.png"]
+--
 
 
 == プロジェクト全体の国際化
@@ -205,19 +220,28 @@ image::images/ceprjprops.png[]
 
 次に示すように、ソース・ファイルがウィザードの最初のページに表示されます。
 
-image:::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+[.feature]
+--
+image::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+--
 
 5. デモの目的で、「 ``examples.Find`` 」を選択し、「ソースを除去」ボタンをクリックします。
 6. 「次」をクリックします。
 7. 国際化ウィザードが正しいプロパティ・ファイル ``examples.Antenna`` と ``examples.ContactEditor`` を提示するかどうかを確認します。提示しない場合、「リソースを選択」ボタンを使用して正しいプロパティ・ファイルを選択します。
 
-image:::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+[.feature]
+--
+image::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+--
 
 8. 「次」をクリックします。
 9. フィールドを作成する予定はないため、ウィザードの3ページ目をスキップし、追加の値を変更して「次」をクリックします。
 10. ハードコードされた文字列は、国際化ウィザードの最後のステップですべて表示されます。それらのうちどれがプロパティ・ファイルからのものかを判断できます(チェックボックスを使用)。文字列の省略符号ボタン(...)をクリックして、個々のキー、値、コメント、および置換した文字列の書式をさらにカスタマイズできます。
 
-image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+[.feature]
+--
+image::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+--
 
 11. 「終了」をクリックします。
 
@@ -244,7 +268,10 @@ IDEは、「国際化」ダイアログ・ボックスと、事前入力済の `
 
 ハードコードされた文字列を置換する必要がない場合は、「スキップ」ボタンをクリックします。
 
-image:::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+[.feature]
+--
+image::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+--
 
 
 === 単一国際化文字列の挿入
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_pt_BR.asciidoc
index c06925f6..963196d5 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_pt_BR.asciidoc
@@ -113,7 +113,10 @@ Nós agora utilizaremos o GUI Builder para inserir strings internacionalizadas p
 
 Repita as etapas anteriores para todos os componentes para que o form tenha a aparência semelhante à figura a seguir:
 
-image:::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+[.feature]
+--
+image::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+--
 
 *Observação:* as etapas de 1 a 5 podem ser realizadas de uma maneira mais simples e rápida. Clique duas vezes em  ``jLabel1``  na view design, altere o texto de  ``jLabel1``  para  ``Localizar:``  e pressione Enter. O resultado é o mesmo das etapas mencionadas acima.
 
@@ -138,7 +141,10 @@ image::images/addlocale_new.png[]
 5. Na janela Projetos, clique com o botão direito do mouse em  ``Bundle.properties``  e escolha Abrir.
 6. Traduza mensagens individuais na coluna correspondente da tabela para o novo idioma (por exemplo, espanhol), como mostrado abaixo:
 
-image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+[.feature]
+--
+image::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+--
 
 7. Pressione Ctrl-S para salvar suas edições.
 8. Selecione a guia  ``FindDialog.java``  para exibir o form que você está internacionalizando.
@@ -146,7 +152,10 @@ image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
 10. Clique em Salvar na caixa de diálogo Pergunta que é exibida. 
 O form é reaberto e a configuração regional Espanhol é carregada no design, como mostrado abaixo:
 
-image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+[.feature]
+--
+image::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+--
 
 
 === Testando uma Configuração Regional Não Default
@@ -155,14 +164,20 @@ image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_
 2. No painel Categorias, selecione o nó Executar.
 3. Insira  ``-Duser.language=es -Duser.country=ES``  no campo Opções VM.
 
-image:::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+[.feature]
+--
+image::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+--
 
 4. Clique em OK.
 5. Clique com o botão direito do mouse no nó do projeto InternationalizeDemo e escolha Executar.
 
 O IDE executa a caixa de diálogo  ``FindDialog``  na configuração regional Espanhol, como mostrado abaixo.
 
-image:::images/run_small.png[role="left", link="images/run.png"]
+[.feature]
+--
+image::images/run_small.png[role="left", link="images/run.png"]
+--
 
 
 == Internacionalizando um Projeto Inteiro
@@ -205,19 +220,28 @@ image::images/ceprjprops.png[]
 
 Os arquivos de código-fonte aparecem na primeira página do assistente, como mostrado abaixo:
 
-image:::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+[.feature]
+--
+image::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+--
 
 5. Para fins de demonstração, selecione  ``examples.Find.``  e clique no botão Remover Código-fonte.
 6. Clique em Próximo.
 7. Verifique se o Assistente de Internacionalização oferece os arquivos de propriedades corretos  ``examples.Antenna``  e  ``examples.ContactEditor`` . Caso não ofereça, use o botão Selecionar Recurso para escolher o arquivo de propriedades correto.
 
-image:::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+[.feature]
+--
+image::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+--
 
 8. Clique em Próximo.
 9. Pule a página 3 do Assistente, pois você não criará quaisquer campos nem modificará valores adicionais, e clique em Próximo.
 10. Todas as strings codificadas são exibidas na última etapa do Assistente de internacionalização e é possível decidir quais delas virão do arquivo de propriedades (use a caixa de seleção). Você pode personalizar ainda mais comentários, valores, chaves individuais e o formato de strings substituídas clicando no botão de reticências (...) de uma string.
 
-image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+[.feature]
+--
+image::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+--
 
 11. Clique em Finalizar.
 
@@ -244,7 +268,10 @@ O IDE mostra a caixa de diálogo Internacionalização e faz um preenchimento pr
 
 Se uma string codificada não precisar ser substituída, clique no botão Ignorar.
 
-image:::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+[.feature]
+--
+image::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+--
 
 
 === Inserindo uma String Internacionalizada Simples
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ru.asciidoc
index b1c8f25c..062f8860 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_ru.asciidoc
@@ -113,7 +113,10 @@ image::images/bundle_new.png[]
 
 Повторите вышеприведенные действия для всех компонентов, чтобы форма выглядела подобно следующей иллюстрации:
 
-image:::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+[.feature]
+--
+image::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+--
 
 *Примечание.* Шаги 1-5 могут быть выполнены проще и быстрее: просто щелкните дважды  ``jLabel1``  в представлении конструктора, измените текст с  ``jLabel1``  на  ``Find What:``  и нажмите Enter. Результат будет тот же, что и от вышеприведенных действий.
 
@@ -138,7 +141,10 @@ image::images/addlocale_new.png[]
 5. В окне 'Проекты' щелкните правой кнопкой мыши  ``Bundle.properties``  и выберите 'Открыть'.
 6. Переведите отдельные сообщения в соответствующем столбце таблицы на новый (например, испанский) язык, как показано ниже:
 
-image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+[.feature]
+--
+image::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+--
 
 7. Нажмите Ctrl+S для сохранения изменений.
 8. Выберите вкладку  ``FindDialog.java``  для отображения интернационализируемой формы.
@@ -146,7 +152,10 @@ image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
 10. Выберите Save ("Сохранить") в отобразившемся диалоговом окне Question ("Вопрос"). 
 Форма будет открыта заново и в проект будет загружена испанская локаль, как показано ниже:
 
-image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+[.feature]
+--
+image::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+--
 
 
 === Тестирование локали, отличной от локали по умолчанию
@@ -155,14 +164,20 @@ image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_
 2. На панели Categories ("Категории") выберите узел Run ("Запуск").
 3. Введите  ``-Duser.language=es -Duser.country=ES``  в поле VM Options ("Параметры ВМ").
 
-image:::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+[.feature]
+--
+image::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+--
 
 4. Нажмите кнопку "ОК".
 5. Щелкните правой кнопкой мыши проект InternationalizeDemo и выберите Run ("Запустить").
 
 Среда IDE запустит диалоговое окно  ``FindDialog``  на испанском, как показано ниже.
 
-image:::images/run_small.png[role="left", link="images/run.png"]
+[.feature]
+--
+image::images/run_small.png[role="left", link="images/run.png"]
+--
 
 
 == Интернационализация всего проекта
@@ -205,19 +220,28 @@ image::images/ceprjprops.png[]
 
 Файлы исходного кода появятся на первой странице мастера, как показано ниже:
 
-image:::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+[.feature]
+--
+image::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+--
 
 5. Для демонстрации выберите  ``examples.Find``  и нажмите кнопку Remove Source(s) ("Удалить источник(и)").
 6. Нажмите кнопку "Далее".
 7. Убедитесь, что мастер интернационализации предлагает верные файлы свойств:  ``examples.Antenna``  и  ``examples.ContactEditor`` . Если это не так, используйте кнопку Select Resource ("Выбор ресурса") для выбора верного файла свойств.
 
-image:::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+[.feature]
+--
+image::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+--
 
 8. Нажмите кнопку "Далее".
 9. Пропустите страницу 3 мастера, поскольку мы не будем заниматься здесь созданием полей и изменением дополнительных значений и нажмите кнопку Next ("Далее").
 10. Все жестко определенные строки отображаются на последнем этапе работы с мастером интернационализации. Здесь можно определить, какие из них будут исходить из файла свойств (используйте флажок). Можно также осуществлять дополнительную настройку отдельных ключей, значений и формата замененных строк, нажимая на кнопку многоточия (...) для нужной строки.
 
-image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+[.feature]
+--
+image::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+--
 
 11. Нажмите кнопку "Завершить".
 
@@ -244,7 +268,10 @@ image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthr
 
 Если жестко определенная строка не требует замены, нажмите кнопку Skip ("Пропуск").
 
-image:::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+[.feature]
+--
+image::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+--
 
 
 === Вставка единственной интернационализированной строки
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_zh_CN.asciidoc
index 9b3e6ead..11fdee9c 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-automatic-i18n_zh_CN.asciidoc
@@ -113,7 +113,10 @@ image::images/bundle_new.png[]
 
 对所有组件重复执行以上步骤,使该窗体如下图所示:
 
-image:::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+[.feature]
+--
+image::images/finddialog_new_small.png[role="left", link="images/finddialog_new.png"]
+--
 
 *注:*可使用更便捷的方法来完成步骤 1 至 5 的操作:只需在 "Design"(设计)视图中双击  ``jLabel1`` ,将其文本从  ``jLabel1``  更改为  ``Find What:`` ,然后按 Enter 键即可。其结果与以上提供的步骤所得到的结果相同。
 
@@ -138,7 +141,10 @@ image::images/addlocale_new.png[]
 5. 在 "Projects"(项目)窗口中,右键单击  ``Bundle.properties`` ,然后选择 "Open"(打开)。
 6. 将相应表列中的各条消息转换为新语言(例如西班牙语),如下所示:
 
-image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+[.feature]
+--
+image::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
+--
 
 7. 按 Ctrl-S 组合键保存所做的编辑。
 8. 选择  ``FindDialog.java``  标签,以显示要国际化的窗体。
@@ -146,7 +152,10 @@ image:::images/bundles_new_small.png[role="left", link="images/bundles_new.png"]
 10. 在显示的 "Question"(问题)对话框中单击 "Save"(保存)。
 将重新打开该窗体,并在设计区域中加载西班牙语语言环境,如下所示:
 
-image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+[.feature]
+--
+image::images/finddialog_es_new_small.png[role="left", link="images/finddialog_es_new.png"]
+--
 
 
 === 测试非默认语言环境
@@ -155,14 +164,20 @@ image:::images/finddialog_es_new_small.png[role="left", link="images/finddialog_
 2. 在 "Categories"(类别)窗格中,选择 "Run"(运行)节点。
 3. 在 "VM Options"(VM 选项)字段中输入  ``-Duser.language=es -Duser.country=ES`` 。
 
-image:::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+[.feature]
+--
+image::images/prjproperties_small.png[role="left", link="images/prjproperties.png"]
+--
 
 4. 单击 "OK"(确定)。
 5. 右键单击 "InternationalizeDemo" 项目,然后选择 "Run"(运行)。
 
 IDE 将在西班牙语语言环境中运行  ``FindDialog``  对话框,如下所示。
 
-image:::images/run_small.png[role="left", link="images/run.png"]
+[.feature]
+--
+image::images/run_small.png[role="left", link="images/run.png"]
+--
 
 
 == 国际化整个项目
@@ -205,19 +220,28 @@ image::images/ceprjprops.png[]
 
 源文件将显示在该向导的第一页中,如下所示:
 
-image:::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+[.feature]
+--
+image::images/i18nwizardone_small.png[role="left", link="images/i18nwizardone.png"]
+--
 
 5. 为了便于演示,选择  ``examples.Find`` ,然后单击 "Remove Source(s)"(删除源)按钮。
 6. 单击 "Next"(下一步)。
 7. 检查国际化向导是否提供了正确的属性文件  ``examples.Antenna``  和  ``examples.ContactEditor`` 。如果未提供,请使用 "Select Resource"(选择资源)按钮来选择正确的属性文件。
 
-image:::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+[.feature]
+--
+image::images/i18nwizardtwo_small.png[role="left", link="images/i18nwizardtwo.png"]
+--
 
 8. 单击 "Next"(下一步)。
 9. 跳过该向导的第 3 页(因为您不打算创建任何字段并修改其他值),然后单击 "Next"(下一步)。
 10. 所有固定编码字符串都将显示在国际化向导的最后一步中,您可以在该步中确定将哪些字符串包含在属性文件中(使用复选框)。您也可以进一步定制各个键、值、注释和替换字符串的格式,方法是单击字符串的省略号 (...) 按钮。
 
-image:::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+[.feature]
+--
+image::images/i18nwizardthree_small.png[role="left", link="images/i18nwizardthree.png"]
+--
 
 11. 单击 "Finish"(完成)。
 
@@ -244,7 +268,10 @@ IDE 将显示 "Internationalization"(国际化)对话框,并预先填写
 
 如果不需要替换固定编码字符串,请单击 "Skip"(跳过)按钮。
 
-image:::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+[.feature]
+--
+image::images/i18ndialog_small.png[role="left", link="images/i18ndialog.png"]
+--
 
 
 === 插入单个国际化字符串
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-binding.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-binding.asciidoc
index 5e514922..73ef68a2 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-binding.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-binding.asciidoc
@@ -68,7 +68,10 @@ To illustrate the concept of beans binding and how the IDE supports it, we will
 * Type  ``NumberSlider``  as the project name.
 * Leave the Use Dedicated Folder for Storing Libraries checkbox unselected.
 
-image::images/numberslider-small.png[role="left", link="images/numberslider.png"]
+[.feature]
+--
+image:images/numberslider-small.png[role="left", link="images/numberslider.png"]
+--
 
 * Clear the Create Main Class checkbox.
 4. Click Finish to exit the wizard and set up the project.
@@ -80,7 +83,10 @@ image::images/numberslider-small.png[role="left", link="images/numberslider.png"
 * Type  ``NumberSliderFrame``  for the class name.
 * Type  ``numberslider``  for the package name.
 
-image:::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+[.feature]
+--
+image::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+--
 
 7. Click Finish to exit the wizard and create the form.
 
@@ -91,7 +97,10 @@ image:::images/numberslider2-small.png[role="left", link="images/numberslider2.p
 
 The resulting form might look something like the screenshot below. However, positioning is not important for purposes of this example.
 
-image:::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+[.feature]
+--
+image::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+--
 
 
 === Source and Target
@@ -110,7 +119,10 @@ In this case, since the JSlider comes with a default range of values, we will us
 2. From the Binding Source combo box, select  ``jSlider1`` .
 3. From the Binding Expression combo box, select  ``value int``  as shown in the image below.
 
-image:::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+[.feature]
+--
+image::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+--
 
 4. Click OK.
 
@@ -208,11 +220,17 @@ Before binding a component to data from a database, you need to have done the fo
 2. In the Database Tables page of the wizard, select the database connection.
 3. Once the Available Tables column is populated, select the tables that you want to use in your application and click Add to move them to the Selected Tables column. Click Next.
 
-image:::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+[.feature]
+--
+image::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+--
 
 4. In the Entity Classes page of the wizard, make sure the Generate Named Query Annotations for Persistent Fields and Create Persistence Unit checkboxes are selected.
 
-image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+[.feature]
+--
+image::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+--
 
 5. Make any customizations that you want to make to the names of the generated classes and their location.
 6. Click Finish.
@@ -241,12 +259,18 @@ A JTable is created and its columns are bound to the columns in the database tab
 
 1. Right-click the component in the GUI Builder and choose Bind > elements.
 
-image:::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+[.feature]
+--
+image::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+--
 
 2. Click Import Data to Form. From the Import Data to Form dialog box, select the database table to which you want to bind your components. Click OK.
 3. From the Binding Source combo box, select the item that represents the result list of the entity class. For example, if the entity class is called,  ``Customer.java`` , the list object would be generated as  ``customerList`` .
 
-image:::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+[.feature]
+--
+image::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+--
 
 4. Leave the Binding Expression value as  ``null`` .
 5. If there are any database columns that you do not want to appear in the JTable, select those columns in the Selected list and move them to the Available list.
@@ -259,7 +283,10 @@ image:::images/source-selected-small.png[role="left", link="images/source-select
 2. Click Import Data to Form. From the Import Data to Form dialog box, select the database table to which you want to bind your components. Click OK.
 3. From the Binding Source combo box, select the item that represents the result list of the entity class. For example, if the entity class is called,  ``Customer.java`` , the list object would be generated as  ``customerList`` .
 
-image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+[.feature]
+--
+image::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+--
 
 4. Leave the Binding Expression value as  ``null`` .
 5. In the Display Expression drop-down list, select the property that represents the database column that contains the values that you want to display in the list.
@@ -272,7 +299,10 @@ image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.p
 2. Click Import Data to Form. From the Import Data to Form dialog box, select the database table to which you want to bind your components. Click OK.
 3. From the Binding Source combo box, select the item that represents the result list of the entity class. For example, if the entity class is called,  ``Customer.java`` , the list object would be generated as  ``customerList`` .
 
-image:::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+[.feature]
+--
+image::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+--
 
 4. Leave the Binding Expression value as  ``null``  and click OK.
 5. Right-click the combo box again and choose Bind > selectedItem.
@@ -309,7 +339,10 @@ jComboBox1.setRenderer(new DefaultListCellRenderer() {
             })
 ----
 
-image:::images/custom-small.png[role="left", link="images/custom.png"]
+[.feature]
+--
+image::images/custom-small.png[role="left", link="images/custom.png"]
+--
 
 *Note:* You can also create a custom renderer in its own source file, compile the file, drag the renderer on to the form, and then set the combo box's renderer property to use this bean.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ja.asciidoc
index 01d0c62e..a3b73923 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ja.asciidoc
@@ -68,7 +68,10 @@ Beans Bindingの概念とIDEに用意されている機能を示すために、
 * プロジェクト名に「 ``NumberSlider`` 」と入力します。
 * 「ライブラリの格納用に専用フォルダを使用」チェックボックスは選択されていない状態のままにします。
 
-image::images/numberslider-small.png[role="left", link="images/numberslider.png"]
+[.feature]
+--
+image:images/numberslider-small.png[role="left", link="images/numberslider.png"]
+--
 
 * 「メイン・クラスの作成」チェックボックスを選択解除します。
 4. 「終了」をクリックしてウィザードを終了し、プロジェクトを設定します。
@@ -80,7 +83,10 @@ image::images/numberslider-small.png[role="left", link="images/numberslider.png"
 * クラス名に「 ``NumberSliderFrame`` 」と入力します。
 * パッケージ名に「 ``numberslider`` 」と入力します。
 
-image:::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+[.feature]
+--
+image::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+--
 
 7. 「終了」をクリックしてウィザードを終了し、フォームを作成します。
 
@@ -91,7 +97,10 @@ image:::images/numberslider2-small.png[role="left", link="images/numberslider2.p
 
 フォームは次のスクリーンショットのようになります。この例では、配置は重要ではありません。
 
-image:::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+[.feature]
+--
+image::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+--
 
 
 === ソースとターゲット
@@ -110,7 +119,10 @@ GUIエディタでバインディングを行う場合は、ターゲットで
 2. 「ソースをバインディング」コンボ・ボックスで「 ``jSlider1`` 」を選択します。
 3. 次のイメージに示すように、「式をバインディング」コンボ・ボックスで「 ``value int`` 」を選択します。
 
-image:::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+[.feature]
+--
+image::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+--
 
 4. 「OK」をクリックします。
 
@@ -208,11 +220,17 @@ image::images/run-numberslider.png[]
 2. ウィザードのデータベース表ページで、データベース接続を選択します。
 3. 「使用可能な表」列に内容が表示されたら、アプリケーションで使用する表を選択し、「追加」をクリックして「選択した表」列に移動します。「次」をクリックします。
 
-image:::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+[.feature]
+--
+image::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+--
 
 4. ウィザードのエンティティ・クラス・ページで、「持続フィールド用のNamedQuery注釈を生成」および「持続性ユニットを作成」チェックボックスが選択されていることを確認します。
 
-image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+[.feature]
+--
+image::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+--
 
 5. 生成されたクラスの名前と場所をカスタマイズします。
 6. 「終了」をクリックします。
@@ -241,12 +259,18 @@ JTableが作成され、その列はデータベース表の列にバインド
 
 1. GUIビルダーでコンポーネントを右クリックし、「バインド」>「要素」を選択します。
 
-image:::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+[.feature]
+--
+image::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+--
 
 2. 「データをフォームにインポート」をクリックします。「データをフォームにインポート」ダイアログ・ボックスで、コンポーネントをバインドするデータベース表を選択します。「OK」をクリックします。
 3. 「ソースをバインディング」コンボ・ボックスで、エンティティ・クラスの結果リストを表す項目を選択します。たとえば、エンティティ・クラスの名前が ``Customer.java`` の場合、listオブジェクトは ``customerList`` として生成されます。
 
-image:::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+[.feature]
+--
+image::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+--
 
 4. 「式をバインディング」の値は「 ``null`` 」のままにしてください。
 5. JTableに表示しないデータベース列がある場合は、「選択」リストでそれらの列を選択して「使用可能」リストに移動します。
@@ -259,7 +283,10 @@ image:::images/source-selected-small.png[role="left", link="images/source-select
 2. 「データをフォームにインポート」をクリックします。「データをフォームにインポート」ダイアログ・ボックスで、コンポーネントをバインドするデータベース表を選択します。「OK」をクリックします。
 3. 「ソースをバインディング」コンボ・ボックスで、エンティティ・クラスの結果リストを表す項目を選択します。たとえば、エンティティ・クラスの名前が ``Customer.java`` の場合、listオブジェクトは ``customerList`` として生成されます。
 
-image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+[.feature]
+--
+image::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+--
 
 4. 「式をバインディング」の値は「 ``null`` 」のままにしてください。
 5. 「式を表示」ドロップダウン・リストで、リストに表示する値を含むデータベース列を表すプロパティを選択します。
@@ -272,7 +299,10 @@ image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.p
 2. 「データをフォームにインポート」をクリックします。「データをフォームにインポート」ダイアログ・ボックスで、コンポーネントをバインドするデータベース表を選択します。「OK」をクリックします。
 3. 「ソースをバインディング」コンボ・ボックスで、エンティティ・クラスの結果リストを表す項目を選択します。たとえば、エンティティ・クラスの名前が ``Customer.java`` の場合、listオブジェクトは ``customerList`` として生成されます。
 
-image:::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+[.feature]
+--
+image::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+--
 
 4. 「式をバインディング」の値を「 ``null`` 」のままにして、「OK」をクリックします。
 5. コンボ・ボックスをもう一度右クリックし、「バインド」>「selectedItem」を選択します。
@@ -309,7 +339,10 @@ jComboBox1.setRenderer(new DefaultListCellRenderer() {
             })
 ----
 
-image:::images/custom-small.png[role="left", link="images/custom.png"]
+[.feature]
+--
+image::images/custom-small.png[role="left", link="images/custom.png"]
+--
 
 *注意:* 独自のソース・ファイルでのカスタム・レンダラを作成、ファイルをコンパイル、レンダラをフォームにドラッグ、およびこのBeanを使用するようにコンボ・ボックスのレンダラ・プロパティを設定できます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_pt_BR.asciidoc
index a948b187..df9f7b3f 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_pt_BR.asciidoc
@@ -68,7 +68,10 @@ Para ilustrar o conceito de vinculação de beans e como o IDE a suporta, usarem
 * Digite  ``NumberSlider``  como o nome do projeto.
 * Deixe desmarcada a caixa de seleção Utilizar Pasta Dedicada para Armazenar Bibliotecas.
 
-image::images/numberslider-small.png[role="left", link="images/numberslider.png"]
+[.feature]
+--
+image:images/numberslider-small.png[role="left", link="images/numberslider.png"]
+--
 
 * Desmarque a caixa de seleção Criar Classe Principal.
 4. Clique em Finalizar para sair do assistente e configurar o projeto.
@@ -80,7 +83,10 @@ image::images/numberslider-small.png[role="left", link="images/numberslider.png"
 * Digite  ``NumberSliderFrame``  para o nome da classe.
 * Digite  ``numberslider``  como o nome do pacote.
 
-image:::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+[.feature]
+--
+image::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+--
 
 7. Clique em Finalizar para sair do assistente e criar o form.
 
@@ -91,7 +97,10 @@ image:::images/numberslider2-small.png[role="left", link="images/numberslider2.p
 
 O form resultante é parecido com a tela abaixo. Entretanto, o posicionamento não é importante para fins deste exemplo.
 
-image:::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+[.feature]
+--
+image::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+--
 
 
 === Origem e Destino
@@ -110,7 +119,10 @@ Nesse caso, já que o JSlider vem com uma faixa default de valores, vamos usá-l
 2. Na caixa de combinação Origem da Vinculação, selecione  ``jSlider1`` .
 3. Na caixa de combinação Expressão de Vinculação, selecione  ``value int``  como mostrado na imagem abaixo.
 
-image:::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+[.feature]
+--
+image::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+--
 
 4. Clique em OK.
 
@@ -208,11 +220,17 @@ Antes de vincular um componente a dados de um banco de dados, você precisa ter
 2. Na página Tabelas de Banco de Dados do assistente, selecione a conexão de banco de dados.
 3. Quando a coluna Tabelas Disponíveis for preenchida, selecione as tabelas que você deseja usar em sua aplicação e clique em Adicionar para movê-las para a coluna Tabelas Selecionadas. Clique em Próximo.
 
-image:::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+[.feature]
+--
+image::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+--
 
 4. Na página Classes de Entidade do assistente, verifique se as caixas de seleção Gerar Anotações de Consulta Nomeada e Criar Unidades Persistentes estão selecionadas.
 
-image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+[.feature]
+--
+image::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+--
 
 5. Faça quaisquer personalizações que desejar nos nomes das classes geradas e em sua localização.
 6. Clique em Finalizar.
@@ -241,12 +259,18 @@ Um JTable é criado e suas colunas são vinculadas às colunas na tabela do banc
 
 1. Clique com o botão direito do mouse no GUI Builder e escolha Vincular > elementos.
 
-image:::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+[.feature]
+--
+image::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+--
 
 2. Clique em Importar Dados para Form. Na caixa de diálogo Importar Dados para Form, selecione a tabela de banco de dados a qual você deseja vincular seus componentes. Clique em OK.
 3. Na caixa de combinação Vincular Origem, selecione o item que representa a lista de resultados da classe da entidade. Por exemplo, se a classe da entidade for chamada,  ``Customer.java`` , o objeto da lista seria gerado como  ``customerList`` .
 
-image:::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+[.feature]
+--
+image::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+--
 
 4. Deixe o valor Expressão de Vinculação como  ``nulo`` .
 5. Se houver quaisquer colunas de banco de dados que você deseja que apareça na JTable, selecione essas colunas na lista Selecionado e mova-as para a lista Disponível.
@@ -259,7 +283,10 @@ image:::images/source-selected-small.png[role="left", link="images/source-select
 2. Clique em Importar Dados para Form. Na caixa de diálogo Importar Dados para Form, selecione a tabela de banco de dados a qual você deseja vincular seus componentes. Clique em OK.
 3. Na caixa de combinação Vincular Origem, selecione o item que representa a lista de resultados da classe da entidade. Por exemplo, se a classe da entidade for chamada,  ``Customer.java`` , o objeto da lista seria gerado como  ``customerList`` .
 
-image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+[.feature]
+--
+image::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+--
 
 4. Deixe o valor Expressão de Vinculação como  ``nulo`` .
 5. Na lista drop-down Exibir expressão, selecione a propriedade que representa a coluna do banco de dados que contém os valores que você deseja exibir na lista.
@@ -272,7 +299,10 @@ image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.p
 2. Clique em Importar Dados para Form. Na caixa de diálogo Importar Dados para Form, selecione a tabela de banco de dados a qual você deseja vincular seus componentes. Clique em OK.
 3. Na caixa de combinação Vincular Origem, selecione o item que representa a lista de resultados da classe da entidade. Por exemplo, se a classe da entidade for chamada,  ``Customer.java`` , o objeto da lista seria gerado como  ``customerList`` .
 
-image:::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+[.feature]
+--
+image::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+--
 
 4. Deixe o valor da Expressão de Vinculação como  ``nulo``  e clique em OK.
 5. Clique com o botão direito do mouse na caixa de combinação novamente e escolha Vincular > Item selecionado.
@@ -309,7 +339,10 @@ jComboBox1.setRenderer(new DefaultListCellRenderer() {
             })
 ----
 
-image:::images/custom-small.png[role="left", link="images/custom.png"]
+[.feature]
+--
+image::images/custom-small.png[role="left", link="images/custom.png"]
+--
 
 *Observação:* você também pode criar um renderizador personalizado em seu próprio arquivo de código-fonte, compilar o arquivo, arrastar o renderizador para o form e definir a propriedade do renderizador da caixa de combinação para usar este bean.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ru.asciidoc
index 4bd45b73..4386d8e6 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_ru.asciidoc
@@ -68,7 +68,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое на эт
 * Введите  ``NumberSlider``  в текстовое поле имени проекта;
 * Не устанавливайте флажок "Использовать отдельную папку для хранения библиотек".
 
-image::images/numberslider-small.png[role="left", link="images/numberslider.png"]
+[.feature]
+--
+image:images/numberslider-small.png[role="left", link="images/numberslider.png"]
+--
 
 * Снимите флажок "Создать главный класс".
 4. Нажмите кнопку Finish ("Готово"), чтобы выйти из мастера и приступить к настройке проекта.
@@ -80,7 +83,10 @@ image::images/numberslider-small.png[role="left", link="images/numberslider.png"
 * Введите  ``NumberSliderFrame``  в поле имени класса.
 * Введите  ``numberslider``  в поле имени пакета.
 
-image:::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+[.feature]
+--
+image::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+--
 
 7. Нажмите кнопку Finish ("Готово") для выхода из мастера и создания формы.
 
@@ -91,7 +97,10 @@ image:::images/numberslider2-small.png[role="left", link="images/numberslider2.p
 
 Полученная форма может выглядеть подобно приведенному ниже снимку экрана. Но для данного примера позиция не важна.
 
-image:::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+[.feature]
+--
+image::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+--
 
 
 === Источник и целевой объект
@@ -110,7 +119,10 @@ image:::images/slider-textfield-small.png[role="left", link="images/slider-textf
 2. В поле со списком Binding Source ("Источник привязки") выберите  ``jSlider1`` .
 3. В поле со списком Binding Expression ("Выражение привязки") выберите  ``value int`` , как показано на изображении ниже.
 
-image:::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+[.feature]
+--
+image::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+--
 
 4. Нажмите кнопку "ОК".
 
@@ -208,11 +220,17 @@ image::images/run-numberslider.png[]
 2. На странице Database Tables ("Таблицы базы данных") мастера выберите подключение к базе данных.
 3. После того как столбец Available Tables ("Доступные таблицы") заполнен, выберите таблицы, которые следует использовать в приложении, и нажмите кнопку Add ("Добавить"), чтобы переместить их в столбец Selected Tables ("Выбранные таблицы"). Нажмите кнопку "Далее".
 
-image:::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+[.feature]
+--
+image::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+--
 
 4. На странице мастера Entity Classes ("Сущностные классы") убедитесь, что установлены флажки Generate Named Query Annotations for Persistent Fields ("Создать аннотации именованных запросов для полей ") и Create Persistence Unit ("Создать блок сохранения состояния").
 
-image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+[.feature]
+--
+image::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+--
 
 5. Внесите любые необходимые изменения в имена и местоположение созданных классов.
 6. Нажмите кнопку "Завершить".
@@ -241,12 +259,18 @@ image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2
 
 1. Щелкните правой кнопкой мыши компонент в конструкторе графических интерфейсов и выберите Bind ("Привязка") > elements ("элементы").
 
-image:::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+[.feature]
+--
+image::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+--
 
 2. Нажмите кнопку Import Data to Form ("Импортировать данные в форму"). В диалоговом окне Import Data to Form ("Импортировать данные в форму") выберите таблицу данных, к которой следует привязать свои компоненты. Нажмите кнопку "ОК".
 3. Из поля со списком Binding Source ("Источник привязки") выберите элемент, представляющий результирующий список сущностного класса. Например, если сущностный класс называется  ``Customer.java`` , объект списка будет создан как  ``customerList`` .
 
-image:::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+[.feature]
+--
+image::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+--
 
 4. Значением выражения привязки оставьте  ``null`` .
 5. При наличии столбцов баз данных, которые не следует включать в JTable, выберите эти столбцы в списке Selected ("Выбранные") и переместите их в список Available ("Доступные").
@@ -259,7 +283,10 @@ image:::images/source-selected-small.png[role="left", link="images/source-select
 2. Нажмите кнопку Import Data to Form ("Импортировать данные в форму"). В диалоговом окне Import Data to Form ("Импортировать данные в форму") выберите таблицу данных, к которой следует привязать свои компоненты. Нажмите кнопку "ОК".
 3. Из поля со списком Binding Source ("Источник привязки") выберите элемент, представляющий результирующий список сущностного класса. Например, если сущностный класс называется  ``Customer.java`` , объект списка будет создан как  ``customerList`` .
 
-image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+[.feature]
+--
+image::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+--
 
 4. Значением выражения привязки оставьте  ``null`` .
 5. В раскрывающемся списке Display Expression ("Отображаемое выражение") выберите свойство, представляющее столбец базы данных, содержащий значения, которые необходимо отобразить в списке.
@@ -272,7 +299,10 @@ image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.p
 2. Нажмите кнопку Import Data to Form ("Импортировать данные в форму"). В диалоговом окне Import Data to Form ("Импортировать данные в форму") выберите таблицу данных, к которой следует привязать свои компоненты. Нажмите кнопку "ОК".
 3. Из поля со списком Binding Source ("Источник привязки") выберите элемент, представляющий результирующий список сущностного класса. Например, если сущностный класс называется  ``Customer.java`` , объект списка будет создан как  ``customerList`` .
 
-image:::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+[.feature]
+--
+image::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+--
 
 4. Оставьте значением Binding Expression ("Выражение привязки")  ``null``  и нажмите кнопку "OК".
 5. Вновь щелкните правой кнопкой мыши поле со списком и выберите "Bind > selectedItem".
@@ -309,7 +339,10 @@ jComboBox1.setRenderer(new DefaultListCellRenderer() {
             })
 ----
 
-image:::images/custom-small.png[role="left", link="images/custom.png"]
+[.feature]
+--
+image::images/custom-small.png[role="left", link="images/custom.png"]
+--
 
 *Примечание.* Также можно создать нестандартный визуализатор в его собственном исходном файле, скомпилировать файл, перетащить визуализатор в форму, а затем настроить свойство визуализатора поля со списком для использования этого компонента Bean.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_zh_CN.asciidoc
index 35f94d47..bb2145ae 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-binding_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-binding_zh_CN.asciidoc
@@ -68,7 +68,10 @@ Bean 绑定库对所有这些操作进行了简化和标准化。只需编写几
 * 键入  ``NumberSlider``  作为项目名称。
 * 将 "Use Dedicated Folder for Storing Libraries"(使用专用文件夹存储库)复选框保留为取消选中状态。
 
-image::images/numberslider-small.png[role="left", link="images/numberslider.png"]
+[.feature]
+--
+image:images/numberslider-small.png[role="left", link="images/numberslider.png"]
+--
 
 * 清除 "Create Main Class"(创建主类)复选框。
 4. 单击 "Finish"(完成)退出向导并设置项目。
@@ -80,7 +83,10 @@ image::images/numberslider-small.png[role="left", link="images/numberslider.png"
 * 为类名键入  ``NumberSliderFrame`` 。
 * 为包名键入  ``numberslider`` 。
 
-image:::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+[.feature]
+--
+image::images/numberslider2-small.png[role="left", link="images/numberslider2.png"]
+--
 
 7. 单击 "Finish"(完成)退出向导并创建窗体。
 
@@ -91,7 +97,10 @@ image:::images/numberslider2-small.png[role="left", link="images/numberslider2.p
 
 生成的窗体可能类似于下面的屏幕快照。不过,对于本示例而言,定位并不重要。
 
-image:::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+[.feature]
+--
+image::images/slider-textfield-small.png[role="left", link="images/slider-textfield.png"]
+--
 
 
 === 源和目标
@@ -110,7 +119,10 @@ image:::images/slider-textfield-small.png[role="left", link="images/slider-textf
 2. 从 "Binding Source"(绑定源)组合框中,选择  ``jSlider1`` 。
 3. 从 "Binding Expression"(绑定表达式)组合框中,选择  ``value int`` ,如下图所示。
 
-image:::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+[.feature]
+--
+image::images/bind-dialog-small.png[role="left", link="images/bind-dialog.png"]
+--
 
 4. 单击 "OK"(确定)。
 
@@ -208,11 +220,17 @@ image::images/run-numberslider.png[]
 2. 在向导的 "Database Tables"(数据库表)页中,选择数据库连接。
 3. 在 "Available Tables"(可用表)列被填充后,选择要在应用程序中使用的表,然后单击 "Add"(添加),以便将表移到 "Available Tables"(选定的表)列中。单击 "Next"(下一步)。
 
-image:::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+[.feature]
+--
+image::images/entity-wizard1-small.png[role="left", link="images/entity-wizard1.png"]
+--
 
 4. 在该向导的 "Entity Classes"(实体类)页中,确保选中了 "Generate Named Query Annotations for Persistent Fields"(为持久性字段生成已命名的查询标注)和 "Create Persistence Unit"(创建持久性单元)复选框。
 
-image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+[.feature]
+--
+image::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2.png"]
+--
 
 5. 对生成类的名称及其位置进行任何所需的定制。
 6. 单击 "Finish"(完成)。
@@ -241,12 +259,18 @@ image:::images/entity-wizard2-small.png[role="left", link="images/entity-wizard2
 
 1. 在 GUI 构建器中右键单击该组件,然后选择 "Bind"(绑定)> "elements"(元素)。
 
-image:::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+[.feature]
+--
+image::images/bind-dialog-table-small.png[role="left", link="images/bind-dialog-table.png"]
+--
 
 2. 单击 "Import Data to Form"(将数据导入窗体)。在 "Import Data to Form"(将数据导入窗体)对话框中,选择要将组件绑定到的数据库表。单击 "OK"(确定)。
 3. 在 "Binding Source"(绑定源)组合框中,选择表示实体类结果列表的项。例如,如果调用实体类  ``Customer.java`` ,则列表对象将生成为  ``customerList`` 。
 
-image:::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+[.feature]
+--
+image::images/source-selected-small.png[role="left", link="images/source-selected.png"]
+--
 
 4. 将绑定表达式的值保留为 ``空值`` 。
 5. 如果不想在 JTable 中显示某些数据库列,请在 "Selected"(选定)列表中选择这些列,然后将它们移到 "Available"(可用)列表中。
@@ -259,7 +283,10 @@ image:::images/source-selected-small.png[role="left", link="images/source-select
 2. 单击 "Import Data to Form"(将数据导入窗体)。在 "Import Data to Form"(将数据导入窗体)对话框中,选择要将组件绑定到的数据库表。单击 "OK"(确定)。
 3. 在 "Binding Source"(绑定源)组合框中,选择表示实体类结果列表的项。例如,如果调用实体类  ``Customer.java`` ,则列表对象将生成为  ``customerList`` 。
 
-image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+[.feature]
+--
+image::images/jlist-binding-small.png[role="left", link="images/jlist-binding.png"]
+--
 
 4. 将绑定表达式的值保留为 ``空值`` 。
 5. 在 "Display Expression"(显示表达式)下拉列表中,选择表示数据库列的属性,该列包含了要在列表中显示的值。
@@ -272,7 +299,10 @@ image:::images/jlist-binding-small.png[role="left", link="images/jlist-binding.p
 2. 单击 "Import Data to Form"(将数据导入窗体)。在 "Import Data to Form"(将数据导入窗体)对话框中,选择要将组件绑定到的数据库表。单击 "OK"(确定)。
 3. 在 "Binding Source"(绑定源)组合框中,选择表示实体类结果列表的项。例如,如果调用实体类  ``Customer.java`` ,则列表对象将生成为  ``customerList`` 。
 
-image:::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+[.feature]
+--
+image::images/combo-binding-small.png[role="left", link="images/combo-binding.png"]
+--
 
 4. 将绑定表达式值保留为 ``空值`` ,然后单击 "OK"(确定)。
 5. 再次右键单击组合框,然后选择 "Bind"(绑定)> "selectedItem"。
@@ -309,7 +339,10 @@ jComboBox1.setRenderer(new DefaultListCellRenderer() {
             })
 ----
 
-image:::images/custom-small.png[role="left", link="images/custom.png"]
+[.feature]
+--
+image::images/custom-small.png[role="left", link="images/custom.png"]
+--
 
 *注:*您还可以在其自身的源文件中创建定制呈现器,编译文件,将呈现器拖至窗体,然后设置组合框的呈现器属性以使用此 Bean。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser.asciidoc
index ae928421..0cb18fb5 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser.asciidoc
@@ -57,7 +57,10 @@ First you create a new Java Application:
 2. For Project Name, type `JFileChooserDemo` and specify the project location.
 3. Deselect the Create Main Class checkbox.
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 4. Click Finish.
 
@@ -72,7 +75,10 @@ In this section, you create a  ``JFrame``  container and add a few components to
 2. For Class Name, type `JFileChooserDemo`.
 3. For Package, type `jfilechooserdemo.resources`.
 
-image:::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+[.feature]
+--
+image::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+--
 
 4. Click Finish.
 5. In the Properties window, enter `Demo application` for the Title property and press Enter to confirm.
@@ -83,12 +89,18 @@ image:::images/newjframeform-small.png[role="left", link="images/newjframeform.p
 
 *Note: * If you do not see the Palette, select Window > Palette from the main menu.
 
-image:::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+[.feature]
+--
+image::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+--
 
 2. Right-click the Edit item of the Menu Bar component and select Delete in the context menu.
 3. To add a menu item that allows to open FileChooser from the running application, in the Swing Menus category in the Palette, select a new Menu Item (JMenuItem1), drag it to the Menu Bar, and drop it to the File item of the Menu Bar.
 
-image:::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+[.feature]
+--
+image::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+--
 
 *Note: * Make sure the Menu Bar is selected before dragging another Menu Item there in order to have the latter added to the Menu Bar.
 
@@ -100,7 +112,10 @@ image::images/openactionperformednavigator.png[]
 
 7. To add a menu item to exit FileChooser from the application being created, switch back into the Design mode, in the Swing Menus category in the Palette, select a Menu Item (JMenuItem1) and drag it to the Menu Bar below the Open menu item. Notice orange highlighting that indicates where the  ``JMenuItem1``  is going to be placed.
 
-image:::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+[.feature]
+--
+image::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+--
 
 8. Right-click  ``jMenuItem1``  in the Design view and choose Change Variable Name from the context menu. Rename the item to `Exit` and click OK.
 9. Make sure that the  ``jMenuItem1``  is still selected in the Design view. Press the Space bar to edit the text of the component. Change the text to  ``Exit``  and press Enter to confirm.
@@ -114,11 +129,17 @@ image:::images/highlighting-small.png[role="left", link="images/highlighting.png
 ----
 12. Switch back into Design mode. From the Swing Controls category of the Palette, drag a Text Area ( ``JTextArea`` ) into the form like shown in the picture below.
 
-image:::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+[.feature]
+--
+image::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+--
 
 13. Resize the added component to make room for the text displayed by the File Chooser later. Rename the variable to `textarea`. The form should look like the following screenshot:
 
-image:::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+[.feature]
+--
+image::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+--
 
 You have set up a simple Java application as a base for this tutorial. Next you add the actual File Chooser.
 
@@ -180,7 +201,10 @@ Now you add a custom file filter that makes the File Chooser display only  ``*.t
 2. In the Properties window, click the elipsis ("...") button next to the  ``fileFilter``  property.
 3. In the File Filter dialog box, select Custom Code from the combobox.
 
-image:::images/combobox-small.png[role="left", link="images/combobox.png"]
+[.feature]
+--
+image::images/combobox-small.png[role="left", link="images/combobox.png"]
+--
 
 4. Type the following in the text field:
 
@@ -222,7 +246,10 @@ image::images/run.png[]
 
 3. In the running Demo application, choose Open in the File menu to trigger the action. The result should look like this:
 
-image:::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+[.feature]
+--
+image::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+--
 
 4. To close the application, select Exit in the File menu.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ja.asciidoc
index be53510e..64a4a8a3 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ja.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74-73.png[title="このページの内容は、N
 2. 「プロジェクト名」に「`JFileChooserDemo`」と入力し、プロジェクトの場所を指定します。
 3. 「メイン・クラスの作成」チェックボックスを選択解除します。
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 4. 「終了」をクリックします。
 
@@ -72,7 +75,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 2. 「クラス名」に「`JFileChooserDemo`」と入力します。
 3. 「パッケージ」に「`jfilechooserdemo.resources`」と入力します。
 
-image:::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+[.feature]
+--
+image::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+--
 
 4. 「終了」をクリックします。
 5. 「プロパティ」ウィンドウで、「タイトル」プロパティに「`デモ・アプリケーション`」と入力し、[Enter]を押して確認します。
@@ -83,12 +89,18 @@ image:::images/newjframeform-small.png[role="left", link="images/newjframeform.p
 
 *注意:* パレットが表示されない場合は、メイン・メニューから「ウィンドウ」>「パレット」を選択します。
 
-image:::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+[.feature]
+--
+image::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+--
 
 2. 「メニュー・バー」コンポーネントの「編集」項目を右クリックし、コンテキスト・メニューの「削除」を選択します。
 3. 実行中のアプリケーションからFileChooserを開くことができるメニュー項目を追加するには、パレットの「Swingメニュー」カテゴリで新しい「メニュー項目」(JMenuItem1)を選択し、それを「メニュー・バー」にドラッグして「メニュー・バー」の「ファイル」項目にドロップします。
 
-image:::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+[.feature]
+--
+image::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+--
 
 *注意:* 別の「メニュー項目」をドラッグする場合は、それが「メニュー・バー」に追加されるように、その前に「メニュー・バー」が選択されていることを確認してください。
 
@@ -100,7 +112,10 @@ image::images/openactionperformednavigator.png[]
 
 7. 作成されているアプリケーションからFileChooserを終了するためのメニュー項目を追加するには、「デザイン」モードに戻ってパレットの「Swingメニュー」カテゴリで「メニュー項目」(JMenuItem1)を選択し、それを「開く」メニュー項目の下にある「メニュー・バー」にドラッグします。オレンジ色の強調表示は ``JMenuItem1`` が配置される場所を示しています。
 
-image:::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+[.feature]
+--
+image::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+--
 
 8. 「デザイン」ビューで「 ``jMenuItem1`` 」を右クリックし、コンテキスト・メニューから「変数名を変更」を選択します。項目の名前を「`Exit`」に変更し、「OK」をクリックします。
 9. 「デザイン」ビューで「 ``jMenuItem1`` 」が引続き選択されていることを確認します。[Space]バーを押して、コンポーネントのテキストを編集します。テキストを「 ``終了`` 」に変更し、[Enter]を押して確認します。
@@ -114,11 +129,17 @@ image:::images/highlighting-small.png[role="left", link="images/highlighting.png
 ----
 12. 「デザイン」モードに戻ります。次の図に示すように、パレットの「Swingコントロール」カテゴリから「テキスト領域」( ``JTextArea`` )をフォームにドラッグします。
 
-image:::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+[.feature]
+--
+image::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+--
 
 13. 追加されたコンポーネントのサイズを変更して、後でファイル・チューザによって表示されるテキストの領域を確保します。変数の名前を「`textarea`」に変更します。フォームは次のスクリーンショットのようにします。
 
-image:::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+[.feature]
+--
+image::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+--
 
 これで、このチュートリアルのベースとなる単純なJavaアプリケーションが設定されました。次に、実際のファイル・チューザを追加します。
 
@@ -180,7 +201,10 @@ private void OpenActionPerformed(java.awt.event.ActionEvent evt) {
 2. 「プロパティ」ウィンドウで、「 ``fileFilter`` 」プロパティの横にある省略符号(...)ボタンをクリックします。
 3. 「fileFilter」ダイアログ・ボックスで、コンボ・ボックスから「カスタム・コード」を選択します。
 
-image:::images/combobox-small.png[role="left", link="images/combobox.png"]
+[.feature]
+--
+image::images/combobox-small.png[role="left", link="images/combobox.png"]
+--
 
 4. テキスト・フィールドに「 ``new MyCustomFilter()`` 」と入力します。「OK」をクリックします。
 5. このカスタム・コードを機能させるには、 ``FileFilter`` クラスを拡張する内部(または外部)クラス ``MyCustomFilter`` を記述します。次のコード・スニペットをクラスのソースのインポート文の下にコピーして貼り付け、このフィルタを実装する内部クラスを作成します。
@@ -215,7 +239,10 @@ image::images/run.png[]
 
 3. 実行中のデモ・アプリケーションで、「ファイル」メニューの「開く」を選択してアクションをトリガーします。結果は次のようになります。
 
-image:::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+[.feature]
+--
+image::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+--
 
 4. アプリケーションを終了するには、「ファイル」メニューの「終了」を選択します。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_pt_BR.asciidoc
index 372d46ad..7a5cf9ce 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_pt_BR.asciidoc
@@ -57,7 +57,10 @@ Primeiro, você cria uma nova Aplicação Java:
 2. Para Nome do Projeto, digite `JFileChooserDemo` e especifique o local do projeto.
 3. Cancele a seleção da caixa de seleção Criar Classe Principal.
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 4. Clique em Finalizar.
 
@@ -72,7 +75,10 @@ Nesta seção, você cria um contêiner  ``JFrame``  e adiciona uns poucos compo
 2. Para Nome de Classe, digite `JFileChooserDemo`.
 3. Para Pacote, digite `jfilechooserdemo.resources`.
 
-image:::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+[.feature]
+--
+image::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+--
 
 4. Clique em Finalizar.
 5. Na janela Propriedades, insira `Aplicação de demonstração` para a propriedade Título e pressione Enter para confirmar.
@@ -83,12 +89,18 @@ image:::images/newjframeform-small.png[role="left", link="images/newjframeform.p
 
 *Observação: * se não vir a Paleta, selecione Janela > Paleta do menu principal.
 
-image:::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+[.feature]
+--
+image::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+--
 
 2. Clique com o botão direito do mouse no item Editar do componente Barra de Menus e selecione Deletar no menu de contexto.
 3. Para adicionar um item de menu que permita abrir o FileChooser a partir da aplicação em execução, na categoria Menus Swing na Paleta, selecione um novo item de menu (JMenuItem1) e arraste-o para a Barra de Menus e solte-o no item Arquivo na Barra de Menus.
 
-image:::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+[.feature]
+--
+image::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+--
 
 *Observação:* assegure-se de que a Barra de Menus esteja selecionada antes de arrastar outro item de menu para ela para que o último seja adicionado na barra de menus.
 
@@ -100,7 +112,10 @@ image::images/openactionperformednavigator.png[]
 
 7. Para adicionar um item de menu para sair do FileChoser antes da aplicação ter sido criada, alterne de volta para o modo Design, na categoria Menu Swing na Paleta, selecione um item de menu (JMenuItem1) e arraste-o para a Barra de Menus abaixo do item de menu Abrir. Observe que o realce laranja indica onde o  ``JMenuItem1``  será colocado.
 
-image:::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+[.feature]
+--
+image::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+--
 
 8. Clique com o botão direito do mouse em  ``jMenuItem1``  na view Design e escolha Alterar Nome da Variável no menu de contexto. Renomeie o item como `Sair` e clique em OK.
 9. Assegure-se de que o  ``jMenuItem1``  ainda esteja selecionado na view Design. Pressione a barra de Espaço para editar o texto do componente. Altere o texto para  ``Sair``  e pressione Enter para confirmar.
@@ -114,11 +129,17 @@ image:::images/highlighting-small.png[role="left", link="images/highlighting.png
 ----
 12. Volte para o modo Design. Na categoria Controles de Swing da Paleta, arraste uma Área de Texto ( ``JTextArea`` ) para o form, como mostrado na figura abaixo.
 
-image:::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+[.feature]
+--
+image::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+--
 
 13. Redimensione o componente adicionado para criar espaço para o texto exibido mais tarde pelo Seletor de Arquivos. Renomeie a variável para `textarea`. O form deve parecer com a tela a seguir:
 
-image:::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+[.feature]
+--
+image::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+--
 
 Você precisa criar uma aplicação Java simples como base para este tutorial. Em seguida, o Seletor de Arquivos real é selecionado.
 
@@ -180,7 +201,10 @@ Agora você precisa adicionar um filtro personalizado que faz com que o Seletor
 2. Na janela Propriedades, clique no botão de reticências ("...") ao lado da propriedade  ``fileFilter`` .
 3. Na caixa de diálogo Filtro de Arquivos, selecione Código Personalizado na caixa de combinação.
 
-image:::images/combobox-small.png[role="left", link="images/combobox.png"]
+[.feature]
+--
+image::images/combobox-small.png[role="left", link="images/combobox.png"]
+--
 
 4. Digite  ``new MyCustomFilter()``  no campo de texto. Clique em OK.
 5. Para fazer com que o código personalizado funcione, você escreve uma classe interna (ou externa)  ``MyCustomFilter``  que estende a classe  ``FileFilter`` . Copie e cole o seguinte snippet de código no código-fonte de sua classe abaixo das instruções de importação, para criar um classe interna que implementa o filtro.
@@ -215,7 +239,10 @@ image::images/run.png[]
 
 3. Na aplicação de Demonstração em execução, escolha Abrir no menu Arquivo para acionar a ação. O resultado deve ficar da seguinte forma:
 
-image:::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+[.feature]
+--
+image::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+--
 
 4. Para fechar a aplicação, selecione Sair no menu Arquivo.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ru.asciidoc
index 1e419ec3..60bddd25 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_ru.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 2. В качестве имени проекта введите `JFileChooserDemo`, затем укажите местоположение проекта.
 3. Снимите флажок "Создать главный класс".
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 4. Нажмите кнопку "Завершить".
 
@@ -72,7 +75,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 2. В поле "Имя класса" введите `JFileChooserDemo`.
 3. В поле "Пакет" введите `jfilechooserdemo.resources`.
 
-image:::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+[.feature]
+--
+image::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+--
 
 4. Нажмите кнопку "Завершить".
 5. В окне "Свойства" введите `Demo application` в качестве свойства "Заголовок" и нажмите ENTER для подтверждения.
@@ -83,12 +89,18 @@ image:::images/newjframeform-small.png[role="left", link="images/newjframeform.p
 
 *Примечание.* Если палитра не отображается, выберите 'Окно > Палитра' в главном меню.
 
-image:::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+[.feature]
+--
+image::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+--
 
 2. Правой кнопкой мыши щелкните элемент "Правка" компонента "Строка меню" и выберите в контекстном меню пункт "Удалить".
 3. Чтобы добавить пункт меню, позволяющий открывать компонент FileChooser из выполняемого приложения, в категории "Меню Swing" в окне "Палитра" выберите новый пункт меню (JMenuItem1), перетащите его в элемент "Строка меню" и поместите его в поле "Файл" элемента "Строка меню".
 
-image:::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+[.feature]
+--
+image::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+--
 
 *Примечание. * Убедитесь, что панель меню выбрана до перетаскивания другого элемента меню в него, чтобы добавить этот другой элемент на панель меню.
 
@@ -100,7 +112,10 @@ image::images/openactionperformednavigator.png[]
 
 7. Чтобы добавить пункт меню для выхода элемента FileChooser из создаваемого приложения, вернитесь в режим проектирования, в категории "Меню Swing" в окне "Палитра" выберите пункт меню JMenuItem1 и перетащите его в элемент "Строка меню" под пункт меню "Open". Место вставки элемента  ``JMenuItem1``  выделено оранжевым цветом.
 
-image:::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+[.feature]
+--
+image::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+--
 
 8. Щелкните правой кнопкой мыши элемент  ``jMenuItem1``  в режиме конструирования и выберите 'Изменить имя переменной' в контекстном меню. Измените имя элемента на `Exit` и нажмите кнопку "ОК".
 9. Убедитесь, что элемент  ``jMenuItem1``  все еще выбран в режиме конструирования. Нажмите клавишу ПРОБЕЛ, чтобы изменить текст компонента. Измените текст на  ``Exit``  и нажмите ENTER для подтверждения.
@@ -114,11 +129,17 @@ image:::images/highlighting-small.png[role="left", link="images/highlighting.png
 ----
 12. Переключитесь обратно в режим проектирования. Перетащите текстовую область ( ``JTextArea`` ) из категории 'Элементы управления Swing' палитры на форму, как показано на иллюстрации.
 
-image:::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+[.feature]
+--
+image::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+--
 
 13. Измените размер компонента, чтобы оставить место для текста, который отобразится в выборе файлов позже. Измените имя переменной на `textarea`. Форма должна иметь следующий вид:
 
-image:::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+[.feature]
+--
+image::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+--
 
 Основным упражнением данного учебного курса была настройка простого приложения Java. Сейчас следует добавить фактический выбор файлов.
 
@@ -180,7 +201,10 @@ private void OpenActionPerformed(java.awt.event.ActionEvent evt) {
 2. В окне 'Свойства' нажмите кнопку обзора ('...') рядом со свойством  ``fileFilter`` .
 3. В диалоговом окне "Фильтр файлов" выберите пользовательский код из поля со списком.
 
-image:::images/combobox-small.png[role="left", link="images/combobox.png"]
+[.feature]
+--
+image::images/combobox-small.png[role="left", link="images/combobox.png"]
+--
 
 4. Введите  ``new MyCustomFilter()``  в текстовое поле. Нажмите кнопку "ОК".
 5. Для использования пользовательского кода необходимо создать внутренний (или внешний) класс  ``MyCustomFilter`` , расширяющий класс  ``FileFilter`` . Чтобы создать внутренний класс, реализующий фильтр, скопируйте и вставьте следующий фрагмент кода в исходный код класса под операторами импорта.
@@ -215,7 +239,10 @@ image::images/run.png[]
 
 3. В меню 'Файл' запущенного демо-приложения выберите 'Открыть', чтобы инициировать действие. Результат должен иметь следующий вид:
 
-image:::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+[.feature]
+--
+image::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+--
 
 4. Чтобы закрыть приложение, выберите "Выход" в меню "Файл".
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_zh_CN.asciidoc
index 7fc54f51..8e7d6f83 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-filechooser_zh_CN.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74-73.png[title="此页上的内容适用于 Net
 2. 键入 `JFileChooserDemo` 作为项目名称,并指定项目位置。
 3. 取消选中 "Create Main Class"(创建主类)复选框。
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 4. 单击 "Finish"(完成)。
 
@@ -72,7 +75,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 2. 键入 `JFileChooserDemo` 作为类名。
 3. 键入 `jfilechooserdemo.resources` 作为包。
 
-image:::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+[.feature]
+--
+image::images/newjframeform-small.png[role="left", link="images/newjframeform.png"]
+--
 
 4. 单击 "Finish"(完成)。
 5. 在 "Properties"(属性)窗口中,输入 `Demo application` 作为 "Title"(标题)属性,然后按 Enter 键进行确认。
@@ -83,12 +89,18 @@ image:::images/newjframeform-small.png[role="left", link="images/newjframeform.p
 
 *注:*如果未显示 "Palette"(组件面板),请从主菜单中选择 "Window"(窗口)> "Palette"(组件面板)。
 
-image:::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+[.feature]
+--
+image::images/menubaradded-small.png[role="left", link="images/menubaradded.png"]
+--
 
 2. 右键单击 "Menu Bar"(菜单栏)组件的 "Edit"(编辑)项,然后在上下文菜单中选择 "Delete"(删除)。
 3. 要添加菜单项,以便从正在运行的应用程序打开文件选择器,请在 "Palette"(组件面板)的 "Swing Menus"(Swing 菜单)类别中,选择新的菜单项 (JMenuItem1),然后将其拖放至 "Menu Bar"(菜单栏)的 "File"(文件)项。
 
-image:::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+[.feature]
+--
+image::images/menuitemadded-small.png[role="left", link="images/menuitemadded.png"]
+--
 
 *注:*请确保先选择 "Menu Bar"(菜单栏),然后再将其他菜单项拖至此处,以便将后者添加到 "Menu Bar"(菜单栏)中。
 
@@ -100,7 +112,10 @@ image::images/openactionperformednavigator.png[]
 
 7. 要添加菜单项,以便从正在创建的应用程序中退出文件选择器,并切换回 "Design"(设计)模式,请在 "Palette"(组件面板)的 "Swing Menus"(Swing 菜单)类别中,选择菜单项 (JMenuItem1),然后将其拖至 "Menu Bar"(菜单栏)中 "Open" 菜单项的下方。请注意橙色的突出显示,表示要放置  ``JMenuItem1``  的位置。
 
-image:::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+[.feature]
+--
+image::images/highlighting-small.png[role="left", link="images/highlighting.png"]
+--
 
 8. 在 "Design"(设计)视图中右键单击  ``jMenuItem1`` ,然后从上下文菜单中选择 "Change Variable Name"(更改变量名称)。将项重命名为 `Exit`,然后单击 "OK"(确定)。
 9. 确保  ``jMenuItem1``  在 "Design"(设计)视图中仍处于选中状态。按空格键编缉组件的文本。将文本更改为  ``Exit`` ,然后按 Enter 键进行确认。
@@ -114,11 +129,17 @@ image:::images/highlighting-small.png[role="left", link="images/highlighting.png
 ----
 12. 切换回 "Design"(设计)模式。从 "Palette"(组件面板)的 "Swing Controls"(Swing 控件)类别中,将文本区域 ( ``JTextArea`` ) 拖入窗体中,如下图所示。
 
-image:::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+[.feature]
+--
+image::images/textareadded-small.png[role="left", link="images/textareadded.png"]
+--
 
 13. 调整已添加组件的大小,以便为文件选择器稍后显示的文本留出空间。将变量重命名为 `textarea`。此窗体应该类似于下面的屏幕快照:
 
-image:::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+[.feature]
+--
+image::images/jfilechooserdemoview_final-small.png[role="left", link="images/jfilechooserdemoview_final.png"]
+--
 
 您已设置了一个简单的 Java 应用程序作为本教程的基础。接下来,将添加实际的文件选择器。
 
@@ -180,7 +201,10 @@ private void OpenActionPerformed(java.awt.event.ActionEvent evt) {
 2. 在 "Properties"(属性)窗口中,单击  ``fileFilter``  属性旁边的省略号 ("...") 按钮。
 3. 在 "File Filter"(文件过滤器)对话框的组合框中,选择 "Custom Code"(定制代码)。
 
-image:::images/combobox-small.png[role="left", link="images/combobox.png"]
+[.feature]
+--
+image::images/combobox-small.png[role="left", link="images/combobox.png"]
+--
 
 4. 在文本字段中键入  ``new MyCustomFilter()`` 。单击 "OK"(确定)。
 5. 要使定制代码正常工作,需要编写内部(或外部) ``MyCustomFilter``  类,以扩展  ``FileFilter``  类。复制以下代码片段,并将其粘贴到类的源代码中 import 语句的下方,以创建实现过滤器的内部类。
@@ -215,7 +239,10 @@ image::images/run.png[]
 
 3. 在正运行的 Demo 应用程序中,从 "File"(文件)菜单中选择 "Open"(打开),以触发相应操作。该结果应该与此类似:
 
-image:::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+[.feature]
+--
+image::images/result_jfilechooserdemo-small.png[role="left", link="images/result_jfilechooserdemo.png"]
+--
 
 4. 要关闭该应用程序,请在 "File"(文件)菜单中选择 "Exit"(退出)。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps.asciidoc
index 1d0a6dc9..765fa6ea 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps.asciidoc
@@ -176,7 +176,10 @@ image::images/gaps-removed.png[]
 The Edit Layout Space dialog box is displayed.
 2. In the Edit Layout Space dialog box, select the  ``Resizable``  option and click OK.
 
-image:::images/bottom-small.png[role="left", link="images/bottom.png"]
+[.feature]
+--
+image::images/bottom-small.png[role="left", link="images/bottom.png"]
+--
 
 3. Repeat steps 1 and 2 for the gap above the topmost button.
 The gaps above and below the container with the buttons are made resizable.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ja.asciidoc
index 77e817b4..09b16c2d 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ja.asciidoc
@@ -176,7 +176,10 @@ image::images/gaps-removed.png[]
 「レイアウト・スペースを編集」ダイアログ・ボックスが表示されます。
 2. 「レイアウト・スペースを編集」ダイアログ・ボックスで、「 ``サイズ変更可能`` 」オプションを選択し、「OK」をクリックします。
 
-image:::images/bottom-small.png[role="left", link="images/bottom.png"]
+[.feature]
+--
+image::images/bottom-small.png[role="left", link="images/bottom.png"]
+--
 
 3. 一番上のボタンの上にあるギャップについて、ステップ1と2を繰り返します。
 ボタンが含まれるコンテナの上下のギャップがサイズ変更可能になります。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_pt_BR.asciidoc
index 78205c18..ac1430f5 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_pt_BR.asciidoc
@@ -176,7 +176,10 @@ image::images/gaps-removed.png[]
 A caixa de diálogo Editar Espaço de Layout é exibida.
 2. Na caixa de diálogo Editar Espaço de Layout, selecione a opção  ``Redimensionável``  e clique em OK.
 
-image:::images/bottom-small.png[role="left", link="images/bottom.png"]
+[.feature]
+--
+image::images/bottom-small.png[role="left", link="images/bottom.png"]
+--
 
 3. Repita as etapas 1 e 2 da lacuna acima do botão superior.
 As lacunas acima e abaixo do contêiner com os botões são redimensionáveis.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ru.asciidoc
index fcdac4fc..9e114a2a 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_ru.asciidoc
@@ -176,7 +176,10 @@ image::images/gaps-removed.png[]
 Отображается диалоговое окно 'Изменить пространство компоновки'.
 2. В диалоговом окне выберите 'Изменить пространство компоновки' выберите параметр  ``С поддержкой изменения размера``  и нажмите ОК.
 
-image:::images/bottom-small.png[role="left", link="images/bottom.png"]
+[.feature]
+--
+image::images/bottom-small.png[role="left", link="images/bottom.png"]
+--
 
 3. Повторите шаги 1 и 2 для промежутка над самой верхней кнопкой.
 Для промежутков выше и ниже контейнера с кнопками включена поддержка изменения размера.
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_zh_CN.asciidoc
index 29bf685c..d7495201 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-gaps_zh_CN.asciidoc
@@ -176,7 +176,10 @@ image::images/gaps-removed.png[]
 此时将显示 "Edit Layout Space"(编辑布局空间)对话框。
 2. 在 "Edit Layout Space"(编辑布局空间)对话框中,选择  ``Resizable`` (可调整大小)选项,然后单击 "OK"(确定)。
 
-image:::images/bottom-small.png[role="left", link="images/bottom.png"]
+[.feature]
+--
+image::images/bottom-small.png[role="left", link="images/bottom.png"]
+--
 
 3. 对顶部按钮上方的间距重复步骤 1 和 2。
 带有按钮的容器上下的间距将成为可调整大小的间距。
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display.asciidoc
index 67282c39..20cf53cf 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display.asciidoc
@@ -57,7 +57,10 @@ The application that results from this tutorial will be a simple JFrame that con
 3. For Project Name, type `ImageDisplayApp`.
 4. Clear the Create Main Class checkbox.
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 5. Click Finish.
 
@@ -80,7 +83,10 @@ In this section, you create the JFrame form and add a JLabel to the form.
 
 For now, the form should look something like the following image:
 
-image:::images/form-small.png[role="left", link="images/form.png"]
+[.feature]
+--
+image::images/form-small.png[role="left", link="images/form.png"]
+--
 
 
 == Adding a Package for the Image
@@ -91,7 +97,10 @@ When you use images or other resources in an application, typically you create a
 
 1. In the Projects window, right-click the `org.me.myimageapp` node and choose New > Java Package.
 
-image:::images/package-small.png[role="left", link="images/package.png"]
+[.feature]
+--
+image::images/package-small.png[role="left", link="images/package.png"]
+--
 
 2. Click Finish.
 
@@ -111,13 +120,19 @@ In this application, the image will be embedded within a JLabel component.
 3. Click the ellipsis (...) button.
 The icon property editor is displayed.
 
-image:::images/importimage-small.png[role="left", link="images/importimage.png"]
+[.feature]
+--
+image::images/importimage-small.png[role="left", link="images/importimage.png"]
+--
 
 4. In the icon property dialog box, click Import to Project.
 5. In the file chooser navigate to any image that is on your system that you want to use. Then click Next.
 6. In the Select target folder page of the wizard, select the `newpackage` folder and click Finish.
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 7. Click OK to close the icon property dialog box.
 
@@ -127,14 +142,20 @@ After you click OK, the IDE does the following things:
 * Generates code in the ImageDisplay class to access the image.
 * Displays your image on the label in the Design view of your form.
 
-image:::images/label-added-small.png[role="left", link="images/label-added.png"]
+[.feature]
+--
+image::images/label-added-small.png[role="left", link="images/label-added.png"]
+--
 
 At this point, you can do some simple things to improve the appearance of the form, such as:
 
 * In the Properties window, select the `text` property and delete `jLabel1`. That value was generated by the GUI Builder as display text for the label. However, you are using the label to display an image rather than text, so that text is not needed.
 * Drag the `jLabel1` to the center of the form.
 
-image:::images/centered-small.png[role="left", link="images/centered.png"]
+[.feature]
+--
+image::images/centered-small.png[role="left", link="images/centered.png"]
+--
 
 *To view the generated code:*
 
@@ -178,7 +199,10 @@ First you need to set the project's main class. When you set the main class, the
 2. In the Project Properties dialog box, select the Run category.
 3. Click the Browse button that is next to the Main Class field. Then select the `org.me.myimageapp.ImageDisplay` class.
 
-image:::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+[.feature]
+--
+image::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+--
 
 4. Click the Select Main Class button.
 5. Click OK to close the Project Properties dialog box.
@@ -208,11 +232,17 @@ If you need to be able to choose the image to display programmatically, you can
 2. In the Properties window, click the ellipsis (...) button that is next to the `icon` property.
 3. From the dropdown list at the top of the dialog box, select the Custom Code option.
 
-image::images/custom-code-small.png[role="left", link="images/custom-code.png"]
+[.feature]
+--
+image:images/custom-code-small.png[role="left", link="images/custom-code.png"]
+--
 
 The Custom Code option in this property editor lets you fill in the parameter of the `setIcon` method yourself. You can fill in this parameter with the necessary logic or with a call to a separate method that you have hand-coded elsewhere in the class.
 
-image:::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+[.feature]
+--
+image::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+--
 
 
 == Summary
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ja.asciidoc
index 6e0622a1..66c656bf 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ja.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74.png[title="このページの内容は、NetB
 3. 「プロジェクト名」に「`ImageDisplayApp`」と入力します。
 4. 「メイン・クラスの作成」チェックボックスを選択解除します。
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 5. 「終了」をクリックします。
 
@@ -80,7 +83,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 
 この段階で、フォームは次のイメージのように表示されているはずです。
 
-image:::images/form-small.png[role="left", link="images/form.png"]
+[.feature]
+--
+image::images/form-small.png[role="left", link="images/form.png"]
+--
 
 
 == イメージ用のパッケージの追加
@@ -91,7 +97,10 @@ image:::images/form-small.png[role="left", link="images/form.png"]
 
 1. 「プロジェクト」ウィンドウで、「`org.me.myimageapp`」ノードを右クリックし、「新規」>「Javaパッケージ」を選択します。
 
-image:::images/package-small.png[role="left", link="images/package.png"]
+[.feature]
+--
+image::images/package-small.png[role="left", link="images/package.png"]
+--
 
 2. 「終了」をクリックします。
 
@@ -111,13 +120,19 @@ image::images/project-with-imagepack.png[]
 3. 省略符号(...)ボタンをクリックします。
 アイコン・プロパティ・エディタが表示されます。
 
-image:::images/importimage-small.png[role="left", link="images/importimage.png"]
+[.feature]
+--
+image::images/importimage-small.png[role="left", link="images/importimage.png"]
+--
 
 4. アイコン・プロパティのダイアログ・ボックスで、「プロジェクトにインポート」をクリックします。
 5. ファイル・チューザで、システム上にある、使用するイメージに移動します。「次」をクリックします。
 6. ウィザードの「ターゲット・フォルダの選択」ページで、`newpackage`フォルダを選択し、「終了」をクリックします。
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 7. 「OK」をクリックしてアイコン・プロパティのダイアログ・ボックスを閉じます。
 
@@ -127,14 +142,20 @@ image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png
 * イメージにアクセスするため、ImageDisplayクラスにコードを生成。
 * フォームの「デザイン」ビューで、イメージをラベルに表示。
 
-image:::images/label-added-small.png[role="left", link="images/label-added.png"]
+[.feature]
+--
+image::images/label-added-small.png[role="left", link="images/label-added.png"]
+--
 
 この段階で、次のような基本的な操作を実行し、フォームの外観を改良できます。
 
 * 「プロパティ」ウィンドウで、`text`プロパティを選択し、`jLabel1`を削除します。この値は、ラベルの表示テキストとして、GUIビルダーで生成されたものです。しかし、今はテキストではなくラベルを使用してイメージを表示しているため、テキストは必要ありません。
 * `jLabel1`をドラッグしてフォームの中央に配置します。
 
-image:::images/centered-small.png[role="left", link="images/centered.png"]
+[.feature]
+--
+image::images/centered-small.png[role="left", link="images/centered.png"]
+--
 
 *生成されたコードを表示するには:*
 
@@ -178,7 +199,10 @@ SwingにはJFrameの背景イメージに対する直接のサポートがない
 3. 「プロジェクト名」に「`BackgroundImageApp`」と入力します。
 4. 「メイン・クラスの作成」チェックボックスを選択解除します。
 
-image:::images/prj-small.png[role="left", link="images/prj.png"]
+[.feature]
+--
+image::images/prj-small.png[role="left", link="images/prj.png"]
+--
 
 5. 「終了」をクリックします。
 6. 「プロジェクト」ウィンドウで、「`BackgroundImageApp`」ノードを展開します。
@@ -186,7 +210,10 @@ image:::images/prj-small.png[role="left", link="images/prj.png"]
 8. 「クラス名」に「`ImageDisplay`」と入力します。
 9. 「パッケージ名」に「`org.me.mybackgroundapp`」と入力します。
 
-image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+[.feature]
+--
+image::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+--
 
 10. 「終了」をクリックします。
 11. 「デザイン」ビューで「JFrame」を右クリックし、ポップアップ・メニューから「レイアウトを設定」>「グリッド・バッグ・レイアウト」を選択します。
@@ -202,19 +229,28 @@ image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
 21. ファイル・チューザで、システム上にある、使用するイメージに移動します。「次」をクリックします。
 22. ウィザードの「ターゲット・フォルダの選択」ページで、`newpackage`リソース・フォルダを選択し、「終了」をクリックします。
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 23. 「OK」をクリックしてアイコン・プロパティのダイアログ・ボックスを閉じます。
 24. ナビゲータで、「jPanel」を右クリックし、ポップアップ・メニューから「プロパティ」を選択します。
 25. 「プロパティ」ダイアログ・ボックスで、「`グリッドX`」、「`グリッドY`」、「`ウエイトX`」、および「`ウエイトY`」プロパティを「`1`」に設定し、「`フィル`」プロパティを「`両方`」に設定します。
 
-image:::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+[.feature]
+--
+image::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+--
 
 26. 「閉じる」をクリックします。
 27. jLabelについて手順24と25を繰り返します。
 28. 「プロパティ」ダイアログ・ボックスで、`text`プロパティを選択して`jLabel1`を削除します。
 
-image:::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+[.feature]
+--
+image::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+--
 
 背景が完了しました。たとえば、jLabelとjTextFieldをパレットからjPanelにドラッグできるようになりました。この両方が背景イメージの上に表示されます。
 
@@ -235,7 +271,10 @@ image::images/background.png[]
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「実行」カテゴリを選択します。
 3. 「メイン・クラス」フィールドの横の「参照」ボタンをクリックします。次に、`org.me.myimageapp.ImageDisplay`クラスを選択します。
 
-image:::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+[.feature]
+--
+image::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+--
 
 4. 「メイン・クラスを選択」ボタンをクリックします。
 5. 「OK」をクリックして、「プロジェクト・プロパティ」ダイアログ・ボックスを閉じます。
@@ -265,11 +304,17 @@ image::images/files.png[]
 2. 「プロパティ」ウィンドウで、「`icon`」プロパティの横にある省略符号(...)ボタンをクリックします。
 3. ダイアログ・ボックスの上部にあるドロップダウン・リストから、「カスタム・コード」オプションを選択します。
 
-image::images/custom-code-small.png[role="left", link="images/custom-code.png"]
+[.feature]
+--
+image:images/custom-code-small.png[role="left", link="images/custom-code.png"]
+--
 
 このプロパティ・エディタの「カスタム・コード」オプションを使用すると、`setIcon`メソッドのパラメータを入力できます。このパラメータには、必要なロジックを入力したり、クラスの別の場所で手動でコーディングした別のメソッドへのコールを入力することもできます。
 
-image:::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+[.feature]
+--
+image::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+--
 
 
 == サマリー
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_pt_BR.asciidoc
index 24eff1a4..5dfbebd4 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_pt_BR.asciidoc
@@ -57,7 +57,10 @@ A aplicação resultante deste tutorial será um JFrame simples que contém um J
 3. Em Nome do Projeto, digite `ImageDisplayApp`.
 4. Desmarque a caixa de seleção Criar Classe Principal.
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 5. Clique em Finalizar.
 
@@ -80,7 +83,10 @@ Nesta seção, você cria o form JFrame e adiciona um JLabel ao form.
 
 Até este momento, o form deve ser semelhante à seguinte imagem:
 
-image:::images/form-small.png[role="left", link="images/form.png"]
+[.feature]
+--
+image::images/form-small.png[role="left", link="images/form.png"]
+--
 
 
 == Adicionando um Pacote na Imagem
@@ -91,7 +97,10 @@ Ao usar imagens ou outros recursos em uma aplicação, normalmente você cria um
 
 1. Na janela Projetos, clique com o botão direito do mouse no nó `org.me.myimageapp` e escolha Novo > Pacote Java.
 
-image:::images/package-small.png[role="left", link="images/package.png"]
+[.feature]
+--
+image::images/package-small.png[role="left", link="images/package.png"]
+--
 
 2. Clique em Finalizar.
 
@@ -111,13 +120,19 @@ Nesta aplicação, a imagem será incorporada em um componente JLabel.
 3. Clique no botão de reticências (...).
 O editor de propriedades do ícone é exibido.
 
-image:::images/importimage-small.png[role="left", link="images/importimage.png"]
+[.feature]
+--
+image::images/importimage-small.png[role="left", link="images/importimage.png"]
+--
 
 4. Na caixa de diálogo da propriedade do ícone, clique em Importar para o Projeto.
 5. Na seletor de arquivos, vá até qualquer imagem que esteja em seu sistema que você queira usar. Em seguida, clique em Próximo.
 6. Na página Selecionar pasta de destino do assistente, selecione a pasta `newpackage` e clique em Finalizar.
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 7. Clique em OK para fechar a caixa de diálogo de propriedade do ícone.
 
@@ -127,14 +142,20 @@ Após clicar em OK, o IDE faz o seguinte:
 * Gera o código na classe ImageDisplay para acessar a imagem.
 * Exibe a sua imagem no label na view Design do seu form.
 
-image:::images/label-added-small.png[role="left", link="images/label-added.png"]
+[.feature]
+--
+image::images/label-added-small.png[role="left", link="images/label-added.png"]
+--
 
 Neste momento, você pode realizar alguns procedimentos simples para melhorar a aparência do form, como:
 
 * Na janela Propriedades, selecione a propriedade `text` e delete `jLabel1`. Tal valor foi gerado pelo GUI Builder para exibir o texto do label. No entanto, você está usando o label para exibir uma imagem em vez do texto, de modo que o texto não seja necessário.
 * Arraste o `jLabel1` para o centro do form.
 
-image:::images/centered-small.png[role="left", link="images/centered.png"]
+[.feature]
+--
+image::images/centered-small.png[role="left", link="images/centered.png"]
+--
 
 *Para exibir o código gerado:*
 
@@ -178,7 +199,10 @@ De qualquer forma, há diversas formas indiretas de atingir tal objetivo. Nesta
 3. Em Nome do Projeto, digite `BackgroundImageApp`.
 4. Desmarque a caixa de seleção Criar Classe Principal.
 
-image:::images/prj-small.png[role="left", link="images/prj.png"]
+[.feature]
+--
+image::images/prj-small.png[role="left", link="images/prj.png"]
+--
 
 5. Clique em Finalizar.
 6. Na janela Projetos, expanda o nó `BackgroundImageApp`.
@@ -186,7 +210,10 @@ image:::images/prj-small.png[role="left", link="images/prj.png"]
 8. Em Nome da Classe, digite `ImageDisplay`.
 9. Em Nome do Pacote, digite `org.me.mybackgroundapp`.
 
-image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+[.feature]
+--
+image::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+--
 
 10. Clique em Finalizar.
 11. Na view Design, clique com o botão direito do mouse em JFrame e selecione Definir Layout > Layout do Conjunto de Grades no menu pop-up.
@@ -202,19 +229,28 @@ image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
 21. Na seletor de arquivos, vá até qualquer imagem que esteja em seu sistema que você queira usar. Em seguida, clique em Próximo.
 22. Na página Selecionar Pasta de Destino do assistente, selecione a pasta de recursos `newpackage` e clique em Finalizar.
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 23. Clique em OK para fechar a caixa de diálogo de propriedade do ícone.
 24. No navegador, clique com o botão direito do mouse em jPanel e escolha Propriedades no menu pop-up.
 25. Na caixa de dialogo Propriedades, defina as propriedades `Grid X`, `Grid Y`, `Weight X` e `Weight Y` como `1` e a propriedade `Fill` como `Both`.
 
-image:::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+[.feature]
+--
+image::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+--
 
 26. Clique em Fechar.
 27. Repita as etapas 24 e 25 para o jLabel.
 28. Na caixa de diálogo Propriedades, selecione a propriedade `text` e delete `jLabel1`.
 
-image:::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+[.feature]
+--
+image::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+--
 
 O segundo plano está pronto. Agora você pode arrastar um jLabel e um jTextField ao jPanel a partir da Paleta, por exemplo. Ambos serão exibidos sobre a imagem de segundo plano.
 
@@ -235,7 +271,10 @@ Você precisa, primeiro, definir a classe principal do projeto. Quando você def
 2. Na caixa de diálogo Propriedades do projeto, selecione a categoria Executar.
 3. Clique no botão Procurar ao lado do campo Classe Principal. Depois selecione a classe `org.me.myimageapp.ImageDisplay`.
 
-image:::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+[.feature]
+--
+image::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+--
 
 4. Clique no botão Selecionar Classe Principal.
 5. Clique em OK para fechar a caixa de diálogo Propriedades do Projeto.
@@ -265,11 +304,17 @@ Se precisar escolher a imagem a ser exibida programaticamente, você pode escrev
 2. Na janela Propriedades, clique no botão de reticências (...) ao lado da propriedade `icon`.
 3. Na lista drop-down da parte superior da caixa de diálogo, selecione a opção Código Personalizado.
 
-image::images/custom-code-small.png[role="left", link="images/custom-code.png"]
+[.feature]
+--
+image:images/custom-code-small.png[role="left", link="images/custom-code.png"]
+--
 
 A opção Código Personalizado deste editor de propriedades permite que você mesmo preencha o parâmetro do método `setIcon`. Você pode preencher este parâmetro com a lógica necessária ou com uma chamada a um método diferente que você escreveu em outro lugar na classe.
 
-image:::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+[.feature]
+--
+image::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+--
 
 
 == Resumo
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ru.asciidoc
index 4bcc954f..f2294896 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_ru.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое этой ст
 3. В качестве имени проекта введите `ImageDisplayApp`.
 4. Снимите флажок "Создать главный класс".
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 5. Нажмите кнопку 'Готово'.
 
@@ -80,7 +83,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 
 Форма должна принять следующий вид:
 
-image:::images/form-small.png[role="left", link="images/form.png"]
+[.feature]
+--
+image::images/form-small.png[role="left", link="images/form.png"]
+--
 
 
 == Добавление пакета для изображения
@@ -91,7 +97,10 @@ image:::images/form-small.png[role="left", link="images/form.png"]
 
 1. В окне 'Проекты' щелкните правой кнопкой мыши узел `org.me.myimageapp` и выберите 'Создать' > 'Пакет Java'.
 
-image:::images/package-small.png[role="left", link="images/package.png"]
+[.feature]
+--
+image::images/package-small.png[role="left", link="images/package.png"]
+--
 
 2. Нажмите кнопку 'Готово'.
 
@@ -111,13 +120,19 @@ image::images/project-with-imagepack.png[]
 3. Нажмите кнопку со многоточием (...).
 Отображается редактор свойств значка.
 
-image:::images/importimage-small.png[role="left", link="images/importimage.png"]
+[.feature]
+--
+image::images/importimage-small.png[role="left", link="images/importimage.png"]
+--
 
 4. В диалоговом окне свойств значка щелкните Import to Project ("Импорт в проект").
 5. В окне выбора файлов выберите любое сохраненное в компьютере изображение. Затем нажмите кнопку "Дальше".
 6. На странице 'Выбор целевой папки' выберите папку `newpackage` и нажмите 'Готово'.
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 7. Нажмите ОК, чтобы закрыть диалоговое окно свойств значка.
 
@@ -127,14 +142,20 @@ image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png
 * Создание кода, реализующего доступ к изображению, в классе "ImageDisplay".
 * Отображение изображения в качестве метки в режиме разработки формы.
 
-image:::images/label-added-small.png[role="left", link="images/label-added.png"]
+[.feature]
+--
+image::images/label-added-small.png[role="left", link="images/label-added.png"]
+--
 
 Теперь можно выполнить несколько действий по оптимизации вида формы, например:
 
 * В окне "Свойства" выберите свойство `text` и удалите метку `jLabel1`. Это значение было создано конструктором графического интерфейса в качестве отображаемого текста метки. В данном же случае в качестве метки отображается изображение, а не текст, поэтому вводить текст не требуется.
 * Перетащите `jLabel1` в центральную область формы.
 
-image:::images/centered-small.png[role="left", link="images/centered.png"]
+[.feature]
+--
+image::images/centered-small.png[role="left", link="images/centered.png"]
+--
 
 *Просмотр созданного кода:*
 
@@ -178,7 +199,10 @@ jLabel1.setIcon(new javax.swing.ImageIcon(getClass().getResource("/org/me/myimag
 3. В качестве имени проекта введите `BackgroundImageApp`.
 4. Снимите флажок "Создать главный класс".
 
-image:::images/prj-small.png[role="left", link="images/prj.png"]
+[.feature]
+--
+image::images/prj-small.png[role="left", link="images/prj.png"]
+--
 
 5. Нажмите кнопку 'Готово'.
 6. В окне 'Проекты' разверните узел `BackgroundImageApp`.
@@ -186,7 +210,10 @@ image:::images/prj-small.png[role="left", link="images/prj.png"]
 8. В качестве имени класса введите `ImageDisplay`.
 9. В качестве имени пакета введите `org.me.mybackgroundapp`.
 
-image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+[.feature]
+--
+image::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+--
 
 10. Нажмите кнопку 'Готово'.
 11. В режиме конструирования щелкните правой кнопкой мыши объект JFrame и выберите 'Выбрать макет > Макет контейнера сетки' в контекстном меню.
@@ -202,19 +229,28 @@ image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
 21. В окне выбора файлов выберите любое сохраненное в компьютере изображение. Затем нажмите кнопку "Дальше".
 22. На странице 'Выбор целевой папки' в мастере выберите каталог ресурсов `newpackage` и нажмите 'Готово'.
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 23. Нажмите ОК, чтобы закрыть диалоговое окно свойств значка.
 24. В навигаторе щелкните правой кнопкой мыши jPanel и выберите 'Свойства' во всплывающем меню.
 25. В диалоговом окне Properties ("Свойства") установите свойства `Grid X`, `Grid Y`, `Weight X` и `Weight Y` на `1`, а свойство `Fill` на `Both`.
 
-image:::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+[.feature]
+--
+image::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+--
 
 26. Выберите "Close" (Закрыть).
 27. Повторите шаги 24 и 25 для jLabel.
 28. В диалоговом окне 'Свойства' выберите свойство `text` и удалите `jLabel1`.
 
-image:::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+[.feature]
+--
+image::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+--
 
 Фон готов. Теперь можно, например, перетащить jLabel и jTextField в jPanel из Palette. Оба они будут отображены поверх фонового изображения.
 
@@ -235,7 +271,10 @@ image::images/background.png[]
 2. В диалоговом окне "Свойства проекта" выберите категорию "Выполнение".
 3. Нажмите кнопку "Обзор" рядом с полем "Главный класс". Затем выберите класс `org.me.myimageapp.ImageDisplay`.
 
-image:::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+[.feature]
+--
+image::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+--
 
 4. Нажмите кнопку 'Выбрать основной класс'.
 5. Нажмите кнопку "ОК" для закрытия диалогового окна "Свойства проекта".
@@ -265,11 +304,17 @@ image::images/files.png[]
 2. В окне 'Свойства' нажмите кнопку (...) рядом со свойством `icon`.
 3. В раскрывающемся списке в верхней области диалогового окна выберите параметр "Пользовательский код".
 
-image::images/custom-code-small.png[role="left", link="images/custom-code.png"]
+[.feature]
+--
+image:images/custom-code-small.png[role="left", link="images/custom-code.png"]
+--
 
 С помощью параметра "Пользовательский код" в этом редакторе свойств можно вручную указать метод `setIcon`. Кроме того, в этом параметре можно ввести требуемую логику или указать вызов отдельного метода, для которого вручную был создан код.
 
-image:::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+[.feature]
+--
+image::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+--
 
 
 == Заключение
diff --git a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_zh_CN.asciidoc
index 8f2c3df9..822601d7 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/gui-image-display_zh_CN.asciidoc
@@ -57,7 +57,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 3. 键入 `ImageDisplayApp` 作为项目名称。
 4. 清除 "Create Main Class"(创建主类)复选框。
 
-image:::images/newproj-small.png[role="left", link="images/newproj.png"]
+[.feature]
+--
+image::images/newproj-small.png[role="left", link="images/newproj.png"]
+--
 
 5. 单击 "Finish"(完成)。
 
@@ -80,7 +83,10 @@ image:::images/newproj-small.png[role="left", link="images/newproj.png"]
 
 此时,该窗体类似于下图:
 
-image:::images/form-small.png[role="left", link="images/form.png"]
+[.feature]
+--
+image::images/form-small.png[role="left", link="images/form.png"]
+--
 
 
 == 为图像添加包
@@ -91,7 +97,10 @@ image:::images/form-small.png[role="left", link="images/form.png"]
 
 1. 在 "Projects"(项目)窗口中,右键单击 `org.me.myimageapp` 节点,然后选择 "New"(新建)> "Java Package"(Java 包)。
 
-image:::images/package-small.png[role="left", link="images/package.png"]
+[.feature]
+--
+image::images/package-small.png[role="left", link="images/package.png"]
+--
 
 2. 单击 "Finish"(完成)。
 
@@ -111,13 +120,19 @@ image::images/project-with-imagepack.png[]
 3. 单击省略号 (...) 按钮。
 显示图标属性编辑器。
 
-image:::images/importimage-small.png[role="left", link="images/importimage.png"]
+[.feature]
+--
+image::images/importimage-small.png[role="left", link="images/importimage.png"]
+--
 
 4. 在 icon 属性对话框中,单击 "Import to Project"(导入到项目)。
 5. 在文件选择器中,导航到系统上要使用的任何图像。然后,单击 "Next"(下一步)。
 6. 在向导的 "Select target folder"(选择目标文件夹)页中,选择 `newpackage` 文件夹,然后单击 "Finish"(完成)。
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 7. 单击 "OK"(确定)以关闭 "icon property"(图标属性)对话框。
 
@@ -127,14 +142,20 @@ image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png
 * 在 ImageDisplay 类中生成代码以访问图像。
 * 在窗体的 "Design"(设计)视图中显示标签上的图像。
 
-image:::images/label-added-small.png[role="left", link="images/label-added.png"]
+[.feature]
+--
+image::images/label-added-small.png[role="left", link="images/label-added.png"]
+--
 
 此时,可以执行一些简单操作以改进窗体外观,例如:
 
 * 在 "Properties"(属性)窗口中,选择 `text` 属性,然后删除 `jLabel1`。该值是由 GUI 构建器构建的,以作为标签的显示文本。不过,将使用标签显示图像而不是文本,因此不需要使用该文本。
 * 将 `jLabel1` 拖动到窗体中心。
 
-image:::images/centered-small.png[role="left", link="images/centered.png"]
+[.feature]
+--
+image::images/centered-small.png[role="left", link="images/centered.png"]
+--
 
 *要查看生成的代码,请执行以下操作:*
 
@@ -178,7 +199,10 @@ GUI 构建器不直接支持 JFrame 的背景图像,因为 Swing 不直接支
 3. 键入 `BackgroundImageApp` 作为项目名称。
 4. 清除 "Create Main Class"(创建主类)复选框。
 
-image:::images/prj-small.png[role="left", link="images/prj.png"]
+[.feature]
+--
+image::images/prj-small.png[role="left", link="images/prj.png"]
+--
 
 5. 单击 "Finish"(完成)。
 6. 在 "Projects"(项目)窗口中,展开 `BackgroundImageApp` 节点。
@@ -186,7 +210,10 @@ image:::images/prj-small.png[role="left", link="images/prj.png"]
 8. 键入 `ImageDisplay` 作为类名。
 9. 键入 `org.me.mybackgroundapp` 作为包名。
 
-image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+[.feature]
+--
+image::images/newjframe-small.png[role="left", link="images/newjframe.png"]
+--
 
 10. 单击 "Finish"(完成)。
 11. 在 "Design"(设计)视图中,右键单击 "JFrame",然后从弹出式菜单中选择 "Set Layout"(设置布局)> "Grid Bag Layout"(网格包布局)。
@@ -202,19 +229,28 @@ image:::images/newjframe-small.png[role="left", link="images/newjframe.png"]
 21. 在文件选择器中,导航到系统上要使用的任何图像。然后,单击 "Next"(下一步)。
 22. 在向导的 "Select Target Folder"(选择目标文件夹)页中,选择 `newpackage` 资源文件夹,然后单击 "Finish"(完成)。
 
-image:::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+[.feature]
+--
+image::images/targetfolder-small.png[role="left", link="images/targetfolder.png"]
+--
 
 23. 单击 "OK"(确定)以关闭 "icon property"(图标属性)对话框。
 24. 在 "Navigator"(导航器)窗口中,右键单击 "jPanel",然后从弹出式菜单中选择 "Properties"(属性)。
 25. 在 "Properties"(属性)对话框中,将 `Grid X`、`Grid Y`、`Weight X` 和 `Weight Y` 属性设置为 `1`,并将 `Fill` 属性设置为 `Both`。
 
-image:::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+[.feature]
+--
+image::images/panelprops-small.png[role="left", link="images/panelprops.png"]
+--
 
 26. 单击 "Close"(关闭)。
 27. 针对 jLabel 重复步骤 24 和 25。
 28. 在 "Properties"(属性)对话框中,选择 `text` 属性,然后删除 `jLabel1`。
 
-image:::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+[.feature]
+--
+image::images/labelprops-small.png[role="left", link="images/labelprops.png"]
+--
 
 背景完成。现在,您可以执行拖动操作了,例如可将 jLabel 和 jTextField 拖至 "Palette"(组件面板)中的 jPanel。二者都将显示在背景图像之上。
 
@@ -235,7 +271,10 @@ image::images/background.png[]
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Run"(运行)类别。
 3. 单击 "Main Class"(主类)字段旁边的 "Browse"(浏览)按钮。然后选择 `org.me.myimageapp.ImageDisplay` 类。
 
-image:::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+[.feature]
+--
+image::images/mainclass-small.png[role="left", link="images/mainclass.png"]
+--
 
 4. 单击 "Select Main Class"(选择主类)按钮。
 5. 单击“确定”。关闭“项目属性”对话框。
@@ -265,11 +304,17 @@ image::images/files.png[]
 2. 在 "Properties"(属性)窗口中,单击 `icon` 属性旁边的省略号 (...) 按钮。
 3. 从对话框顶部的下拉列表中选择 "Custom Code"(定制代码)选项。
 
-image::images/custom-code-small.png[role="left", link="images/custom-code.png"]
+[.feature]
+--
+image:images/custom-code-small.png[role="left", link="images/custom-code.png"]
+--
 
 通过使用此属性编辑器中的 "Custom Code"(定制代码)选项,您可以自行填充 `setIcon` 方法的参数。可以使用所需的逻辑填充此参数,也可以调用在该类中的其他位置手动编写的不同方法以填充此参数。
 
-image:::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+[.feature]
+--
+image::images/custom-view-small.png[role="left", link="images/custom-view.png"]
+--
 
 
 == 小结
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded.asciidoc
index a5f96c38..f6cead01 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded.asciidoc
@@ -63,7 +63,10 @@ Once link:http://www.oracle.com/technetwork/java/embedded/downloads/javase/index
 1. Choose Tools > Plugins from the main IDE's toolbar.
 2. In the Plugins dialog box, click the Installed tab and select Java SE in the list of available features.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Click Activate.
 4. At the Welcome panel of the Installer dialog box, click Activate.
@@ -75,13 +78,19 @@ image:::images/plugins-small.png[role="left", link="images/plugins.png"]
 1. Choose Tools > Java Platforms.
 The Java Platform Manager dialog box displays.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Click Add Platform.
 3. In the Select Platform Type of the Add Java Platform wizard, select Remote Java Standard Edition and click Next.
 The IDE displays the Add Java Platform dialog box.
 
-image:::images/addjp-small.png[role="left", link="images/addjp.png"]
+[.feature]
+--
+image::images/addjp-small.png[role="left", link="images/addjp.png"]
+--
 
 4. Specify the remote platform details such as the name, the IP address or DNS name of the device, login, password, and the path to the JRE on the remote device.
 
@@ -90,7 +99,10 @@ image:::images/addjp-small.png[role="left", link="images/addjp.png"]
 5. Click Finish. The IDE validates the remote JRE by executing a probe and downloads the remote JRE system properties. 
 A new remote Java SE platform displays in the Java Platform Manager dialog box.
 
-image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+[.feature]
+--
+image::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+--
 
 Now your NetBeans IDE is set up for remote Java SE development.
 
@@ -108,7 +120,10 @@ Now let us create a project that is going to be first run in the IDE and then on
 * Leave the Use Dedicated Folder for Storing Libraries checkbox unselected.
 * In the Create Main Class field, type `embeddedcalculator.EmbeddedCalculator`.
 
-image:::images/wizard-small.png[role="left", link="images/wizard.png"]
+[.feature]
+--
+image::images/wizard-small.png[role="left", link="images/wizard.png"]
+--
 
 4. Click Finish.
 The IDE creates and opens the Java SE project in the Projects window.
@@ -140,12 +155,18 @@ To develop a Java SE embedded application on a remote platform using link:http:/
 3. In the Add Java Platform dialog, select Java Standard Edition and click Next.
 4. Specify the directory that contains the JDK and click Next.
 
-image:::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Verify that the default locations of the platform sources zip file and API documentation are valid. Click Finish to close the Add Java Platform dialog box.
 JDK 8 is registered as a platform in the IDE.
 
-image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Click Close.
 
@@ -154,15 +175,24 @@ image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered
 1. Right-click the EmbeddedCalculator project in the Projects window and select Properties from the context menu.
 2. In the Project Properties dialog box, choose the Libraries category and set JDK 1.8 as the Java Platform.
 
-image:::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+[.feature]
+--
+image::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+--
 
 3. Select the Sources category and set Source/Binary Format to JDK 8.
 
-image:::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+[.feature]
+--
+image::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+--
 
 4. Specify the profile that is used as runtime on a remote platform (for example, Compact 2).
 
-image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+[.feature]
+--
+image::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+--
 
 5. Click OK to save the changes. 
 Your project is set to recognize a particular runtime on a remote platform.
@@ -180,19 +210,28 @@ You can run and debug the application on a remote device after setting the proje
 4. In the Create New Configuration dalog box, specify the name of a new configuration and click OK.
 5. Select the runtime platform name in the Runtime Platform drop-down list.
 
-image:::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+[.feature]
+--
+image::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+--
 
 6. Click OK to save your edits.
 
 If you run the project on a remote platform (Run > Run Project (project name)), the output will look similar to what is shown in the figure below.
 
-image:::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+[.feature]
+--
+image::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+--
 
 *To switch between project configurations:*
 
 * Choose Run > Set Project Configuration > configuration name or right-click the project name and choose Set Configuration > configuration name from the context menu.
 
-image:::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+[.feature]
+--
+image::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback:%20Setting%20Up%20Oracle%20Java%20SE%20Embedded%20in%20NetBeans%20IDE[+Send Feedback on This Tutorial+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ja.asciidoc
index a490fbb9..c7e35e56 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ja.asciidoc
@@ -61,7 +61,10 @@ image::images/netbeans-stamp.png[title="このページの内容は、NetBeans I
 1. IDEのメイン・ツールバーから「ツール」→「プラグイン」を選択します。
 2. 「プラグイン」ダイアログ・ボックスで、「インストール済み」タブをクリックし、使用可能な機能のリストで「Java SE」を選択します。
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. 「アクティブ化」をクリックします。
 4. 「インストーラ」ダイアログ・ボックスの「ようこそ」パネルで「アクティブ化」をクリックします。
@@ -73,13 +76,19 @@ image:::images/plugins-small.png[role="left", link="images/plugins.png"]
 1. 「ツール」→「Javaプラットフォーム」を選択します。
 「Javaプラットフォーム・マネージャ」ダイアログ・ボックスが表示されます。
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. 「プラットフォームの追加」をクリックします。
 3. 「Javaプラットフォームの追加」ウィザードの「プラットフォーム・タイプを選択」で「リモートJava Standard Edition」を選択して、「次」をクリックします。
 IDEで「Javaプラットフォームの追加」ダイアログ・ボックスが表示されます。
 
-image:::images/addjp-small.png[role="left", link="images/addjp.png"]
+[.feature]
+--
+image::images/addjp-small.png[role="left", link="images/addjp.png"]
+--
 
 4. デバイスの名前、IPアドレスまたはDNS名、ログイン、パスワード、リモート・デバイス上のJREへのパスなど、リモート・プラットフォームの詳細を指定します。
 
@@ -88,7 +97,10 @@ image:::images/addjp-small.png[role="left", link="images/addjp.png"]
 5. 「終了」をクリックします。プローブを実行してリモートJREシステム・プロパティをダウンロードすることで、IDEでリモートJREが検証されます。
 「Javaプラットフォーム・マネージャ」ダイアログ・ボックスに、新しいリモートJava SEプラットフォームが表示されます。
 
-image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+[.feature]
+--
+image::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+--
 
 これで、NetBeans IDEはリモートJava SE開発用に設定されました。
 
@@ -106,7 +118,10 @@ image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
 * 「ライブラリの格納用に専用フォルダを使用」チェックボックスは選択されていない状態のままにします。
 * 「メイン・クラスの作成」フィールドに`embeddedcalculator.EmbeddedCalculator`と入力します。
 
-image:::images/wizard-small.png[role="left", link="images/wizard.png"]
+[.feature]
+--
+image::images/wizard-small.png[role="left", link="images/wizard.png"]
+--
 
 4. 「終了」をクリックします。
 Java SEプロジェクトがIDEで作成され、「プロジェクト」ウィンドウで開かれます。
@@ -138,12 +153,18 @@ link:http://openjdk.java.net/jeps/161[+compact1、compact2またはcompact3ラ
 3. 「Javaプラットフォームの追加」ダイアログ・ボックスでJava Standard Editionを選択して、「次」をクリックします。
 4. JDKが含まれているディレクトリを指定して、「次」をクリックします。
 
-image:::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+--
 
 5. 「プラットフォームのソース」のzipファイルとAPIドキュメントのデフォルトの場所が有効であることを確認します。「終了」をクリックして「Javaプラットフォームの追加」ダイアログ・ボックスを閉じます。
 JDK 8がIDEでプラットフォームとして登録されます。
 
-image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. 「閉じる」をクリックします。
 
@@ -152,15 +173,24 @@ image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered
 1. 「プロジェクト」ウィンドウでEmbeddedCalculatorプロジェクトを右クリックし、コンテキスト・メニューから「プロパティ」を選択します。
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「ライブラリ」カテゴリを選択し、JDK 1.8をJavaプラットフォームとして設定します。
 
-image:::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+[.feature]
+--
+image::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+--
 
 3. 「ソース」カテゴリを選択して、「ソース/バイナリ形式」をJDK 8に設定します。
 
-image:::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+[.feature]
+--
+image::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+--
 
 4. リモート・プラットフォームでランタイムとして使用するプロファイルを指定します(Compact 2など)。
 
-image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+[.feature]
+--
+image::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+--
 
 5. 「OK」をクリックして変更を保存します。
 プロジェクトは、リモート・プラットフォームで特定のランタイムを認識するように設定されます。
@@ -178,19 +208,28 @@ image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-pro
 4. 「新規構成を作成」ダイアログ・ボックスで新しい構成の名前を指定して、「OK」をクリックします。
 5. 「ランタイム・プラットフォーム」ドロップダウン・リストからランタイム・プラットフォーム名を選択します。
 
-image:::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+[.feature]
+--
+image::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+--
 
 6. 「OK」をクリックして編集を保存します。
 
 リモート・プラットフォーム(「実行」>「プロジェクトの実行」(プロジェクト名))でプロジェクトを実行する場合、出力は次の図のようになります。
 
-image:::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+[.feature]
+--
+image::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+--
 
 *プロジェクト構成間で切り替えるには:*
 
 * 「実行」>「プロジェクトの構成を設定」>「構成名」を選択するか、プロジェクト名を右クリックしてコンテキスト・メニューの「構成を設定」>「構成名」を選択します。
 
-image:::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+[.feature]
+--
+image::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback:%20Setting%20Up%20Oracle%20Java%20SE%20Embedded%20in%20NetBeans%20IDE[+このチュートリアルに関するご意見をお寄せください+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_pt_BR.asciidoc
index dfafeb47..f6d6632d 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_pt_BR.asciidoc
@@ -61,7 +61,10 @@ Uma vez feito o download e instalado o runtime do link:http://www.oracle.com/tec
 1. Selecione Ferramentas > Plug-ins na barra de ferramentas principal do IDE.
 2. Na caixa de diálogo Plug-ins, clique na guia Instalado e selecione Java SE na lista de funcionalidades disponíveis.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Clique em Ativar.
 4. No painel de Boas-vindas da caixa de diálogo do Instalador, clique em Ativar.
@@ -73,13 +76,19 @@ image:::images/plugins-small.png[role="left", link="images/plugins.png"]
 1. Selecione Ferramentas > Plataformas Java.
 A caixa de diálogo Gerenciador da Plataforma Java será exibida.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Clique em Adicionar Plataforma.
 3. Na opção Selecionar Tipo de Plataforma do assistente de Adição de Plataforma Java, selecione Remote Java Standard Edition e clique em Próximo.
 O IDE exibe a caixa de diálogo Adicionar Plataforma Java.
 
-image:::images/addjp-small.png[role="left", link="images/addjp.png"]
+[.feature]
+--
+image::images/addjp-small.png[role="left", link="images/addjp.png"]
+--
 
 4. Especifique os detalhes da plataforma remota, como nome, endereço IP ou nome do DNS do dispositivo, log-in, senha e o caminho para o JRE no dispositivo remoto.
 
@@ -88,7 +97,10 @@ image:::images/addjp-small.png[role="left", link="images/addjp.png"]
 5. Clique em Finalizar. O IDE valida o JRE remoto executando uma sondagem e faz download das propriedades do sistema JRE remoto. 
 Uma nova plataforma Java SE remota é exibida na caixa de diálogo Gerenciador de Plataformas Java.
 
-image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+[.feature]
+--
+image::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+--
 
 Agora seu NetBeans IDE está configurado para desenvolvimento Java SE remoto.
 
@@ -106,7 +118,10 @@ Agora vamos criar um projeto que deverá ser o primeiro executado no IDE e, em s
 * Deixe desmarcada a caixa de seleção Utilizar Pasta Dedicada para Armazenar Bibliotecas.
 * No campo Criar Classe Principal, digite `embeddedcalculator.EmbeddedCalculator`.
 
-image:::images/wizard-small.png[role="left", link="images/wizard.png"]
+[.feature]
+--
+image::images/wizard-small.png[role="left", link="images/wizard.png"]
+--
 
 4. Clique em Finalizar.
 O IDE cria e abre o projeto Java SE na janela Projetos.
@@ -138,12 +153,18 @@ Para desenvolver em uma plataforma remota uma aplicação Java SE incorporada, u
 3. Na caixa de diálogo Adicionar Plataforma Java, selecione Edição Padrão Java e clique em Próximo.
 4. Especifique o diretório que contém o JDK e clique em Próximo.
 
-image:::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Verifique se os locais padrão do arquivo zip de códigos-fonte da plataforma e da documentação da API são válidos. Clique em Finalizar para fechar a caixa de diálogo Adicionar Plataforma Java.
 O JDK 8 é registrado como uma plataforma no IDE.
 
-image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Clique em Fechar.
 
@@ -152,15 +173,24 @@ image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered
 1. Clique com o botão direito do mouse no projeto EmbeddedCalculator, na janela Projetos, e selecione Propriedades no menu de contexto.
 2. Na caixa de diálogo Propriedades do Projeto, escolha a categoria Bibliotecas e defina JDK 1.8 como a Plataforma Java.
 
-image:::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+[.feature]
+--
+image::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+--
 
 3. Selecione a Categoria Código-fonte e defina o Formato de Código-origem/Binário para JDK 8.
 
-image:::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+[.feature]
+--
+image::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+--
 
 4. Especifique o perfil usado como runtime em uma plataforma remota (por exemplo, Compact 2).
 
-image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+[.feature]
+--
+image::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+--
 
 5. Clique em OK para salvar as alterações. 
 Seu projeto está definido para reconhecer um determinado runtime em uma plataforma remota.
@@ -178,19 +208,28 @@ Você pode executar e depurar uma aplicação em um dispositivo remoto depois de
 4. Na caixa de diálogo Criar Nova Configuração, especifique o nome de uma nova configuração e clique em OK.
 5. Selecione o nome da plataforma de runtime na lista drop-down Plataforma de Runtime.
 
-image:::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+[.feature]
+--
+image::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+--
 
 6. Clique em OK para salvar suas edições.
 
 Se você executar o projeto em uma plataforma remota (Executar > Executar Projeto (nome do projeto)), a saída será semelhante à mostrada na figura a seguir.
 
-image:::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+[.feature]
+--
+image::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+--
 
 *Para alternar entre configurações de projeto:*
 
 * Escolha Executar > Definir Configuração do Projeto > nome da configuração ou clique com o botão direito do mouse no nome do projeto e escolha Definir Configuração > nome da configuração no menu de contexto.
 
-image:::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+[.feature]
+--
+image::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback:%20Setting%20Up%20Oracle%20Java%20SE%20Embedded%20in%20NetBeans%20IDE[+Enviar Feedback neste Tutorial+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ru.asciidoc
index 76c1ed62..0cf6718e 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_ru.asciidoc
@@ -61,7 +61,10 @@ image::images/netbeans-stamp.png[title="Содержимое на этой ст
 1. Выберите 'Сервис' > 'Подключаемые модули' на главной панели инструментов IDE.
 2. В диалоговом окне 'Подключаемые модули' перейдите на вкладку 'Установлено' и выберите Java SE в списке доступных функций.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Нажмите кнопку 'Активировать'.
 4. На панели приветствия в диалоговом окне программы установки нажмите кнопку 'Активировать'.
@@ -73,13 +76,19 @@ image:::images/plugins-small.png[role="left", link="images/plugins.png"]
 1. Выберите 'Служба'> 'Платформы Java'.
 Откроется диалоговое окно 'Диспетчер платформ Java'.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Нажмите 'Добавить платформу'.
 3. В окне 'Выбор типа платформы' мастера платформ Java выберите Remote Java Standard Edition и нажмите кнопку 'Далее'.
 IDE отображает диалоговое окно 'Добавить платформу Java'.
 
-image:::images/addjp-small.png[role="left", link="images/addjp.png"]
+[.feature]
+--
+image::images/addjp-small.png[role="left", link="images/addjp.png"]
+--
 
 4. Укажите следующие сведения об удаленной платформе: имя, IP-адрес или DNS-имя устройства, имя пользователя, пароль и путь в JRE на удаленном устройстве.
 
@@ -88,7 +97,10 @@ image:::images/addjp-small.png[role="left", link="images/addjp.png"]
 5. Нажмите кнопку "Завершить". Среда IDE проверяет удаленную среду JRE, выполняя исследование, и загружает свойства удаленной системы JRE. 
 Новая удаленная платформа Java SE отображается в диалоговом окне 'Диспетчер платформ Java'.
 
-image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+[.feature]
+--
+image::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+--
 
 Теперь среда NetBeans IDE настроена для удаленной разработки Java SE.
 
@@ -106,7 +118,10 @@ image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
 * Не устанавливайте флажок "Использовать отдельную папку для хранения библиотек".
 * В поле "Создать главный класс" введите `embeddedcalculator.EmbeddedCalculator`.
 
-image:::images/wizard-small.png[role="left", link="images/wizard.png"]
+[.feature]
+--
+image::images/wizard-small.png[role="left", link="images/wizard.png"]
+--
 
 4. Нажмите 'Готово'.
 IDE создает проект Java SE и открывает его в окне 'Проекты'.
@@ -138,12 +153,18 @@ image::images/run-ide.png[]
 3. В диалоговом окне 'Добавление платформы Java' выберите Java Standard Edition и нажмите 'Далее'.
 4. Укажите каталог, в котором находится JDK, и нажмите 'Далее'.
 
-image:::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Проверьте правильность местоположений по умолчанию для zip-архива Platform Sources и документации API. Для закрытия диалога добавления платформы Java нажмите кнопку "Готово".
 Платформа JDK 8 зарегистрирована в IDE.
 
-image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Выберите "Close" (Закрыть).
 
@@ -152,15 +173,24 @@ image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered
 1. В окне 'Проекты' щелкните правой кнопкой мыши проект EmbeddedCalculator и выберите 'Свойства' в контекстном меню.
 2. В диалоговом окне 'Свойства проекта' выберите категорию 'Библиотеки' и выберите JDK 1.8 в качестве платформы Java.
 
-image:::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+[.feature]
+--
+image::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+--
 
 3. Выберите категорию 'Источники', затем выберите JDK 8 в списке 'Исходный/двоичный формат'.
 
-image:::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+[.feature]
+--
+image::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+--
 
 4. Укажите профиль, который используется в качестве стадии выполнения на удаленной платформе (например, Compact 2).
 
-image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+[.feature]
+--
+image::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+--
 
 5. Нажмите OK для сохранения изменений. 
 Ваш проект настроен на распознавание определенной стадии выполнения на удаленной платформе.
@@ -178,19 +208,28 @@ image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-pro
 4. В диалоговом окне 'Создать новую конфигурацию' укажите имя новой конфигурации и нажмите ОК.
 5. Выберите имя платформы стадии выполнения в раскрывающемся списке 'Платформа стадии выполнения'.
 
-image:::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+[.feature]
+--
+image::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+--
 
 6. Нажмите кнопку "ОК", чтобы сохранить изменения.
 
 При запуске проекта на удаленной платформе (Запуск > Запуск проекта (имя проекта)) выходные данные выглядят практически так, как показано на рисунке ниже.
 
-image:::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+[.feature]
+--
+image::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+--
 
 *Для переключения между конфигурациями проекта:*
 
 * Выберите Выполнение > Настройка конфигурации проекта > Имя конфигурации или щелкните правой кнопкой мыши по проекту и выберите Установить конфигурацию > Имя конфигурации из контекстного меню.
 
-image:::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+[.feature]
+--
+image::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback:%20Setting%20Up%20Oracle%20Java%20SE%20Embedded%20in%20NetBeans%20IDE[+Отправить отзыв по этому учебному курсу+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_zh_CN.asciidoc
index 9db78df8..afb072ef 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-embedded_zh_CN.asciidoc
@@ -61,7 +61,10 @@ image::images/netbeans-stamp.png[title="此页上的内容适用于 NetBeans IDE
 1. 从 IDE 主工具栏中选择 "Tools"(工具)> "Plugins"(插件)。
 2. 在 "Plugins"(插件)对话框中,单击 "Installed"(已安装)标签,并在可用功能列表中选择 "Java SE"。
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. 单击 "Activate"(激活)。
 4. 在 "Installer"(安装程序)对话框的 "Welcome"(欢迎使用)面板上,单击 "Activate"(激活)。
@@ -73,13 +76,19 @@ image:::images/plugins-small.png[role="left", link="images/plugins.png"]
 1. 选择 "Tools"(工具)> "Java Platforms"(Java 平台)。
 此时将显示 "Java Platform Manager"(Java 平台管理器)对话框。
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. 单击 "Add Platform"(添加平台)。
 3. 在 "Add Java Platform"(添加 Java 平台)向导的 "Select Platform Type"(选择平台类型)中,选择 "Remote Java Standard Edition"(远程 Java Standard Edition)并单击 "Next"(下一步)。
 IDE 将显示 "Add Java Platform"(添加 Java 平台)对话框。
 
-image:::images/addjp-small.png[role="left", link="images/addjp.png"]
+[.feature]
+--
+image::images/addjp-small.png[role="left", link="images/addjp.png"]
+--
 
 4. 指定远程平台的详细信息,例如,名称、设备的 IP 地址或 DNS 名称、登录名、口令以及远程设备上 JRE 的路径。
 
@@ -88,7 +97,10 @@ image:::images/addjp-small.png[role="left", link="images/addjp.png"]
 5. 单击 "Finish"(完成)。IDE 将通过执行探测来验证远程 JRE,并下载远程 JRE 系统属性。
 "Java Platform Manager"(Java 平台管理器)对话框中将显示新的远程 Java SE 平台。
 
-image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+[.feature]
+--
+image::images/jpremote-small.png[role="left", link="images/jpremote.png"]
+--
 
 现已设置 NetBeans IDE 进行远程 Java SE 开发。
 
@@ -106,7 +118,10 @@ image:::images/jpremote-small.png[role="left", link="images/jpremote.png"]
 * 将“使用专用文件夹存储库”复选框保留为取消选中状态。
 * 在 "Create Main Class"(创建主类)字段中,键入 `embeddedcalculator.EmbeddedCalculator`。
 
-image:::images/wizard-small.png[role="left", link="images/wizard.png"]
+[.feature]
+--
+image::images/wizard-small.png[role="left", link="images/wizard.png"]
+--
 
 4. 单击 "Finish"(完成)。
 IDE 将在 "Projects"(项目)窗口中创建并打开 Java SE 项目。
@@ -138,12 +153,18 @@ image::images/run-ide.png[]
 3. 在 "Add Java Platform"(添加 Java 平台)对话框中,选择 "Java Standard Edition",然后单击 "Next"(下一步)。
 4. 指定包含 JDK 的目录,然后单击 "Next"(下一步)。
 
-image:::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8-small.png[role="left", link="images/jdk8.png"]
+--
 
 5. 验证平台源 zip 文件和 API 文档的默认位置是否有效。单击 "Finish"(完成)以关闭 "Add Java Platform"(添加 Java 平台)对话框。
 JDK 8 作为平台注册在 IDE 中。
 
-image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered-small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. 单击 "Close"(关闭)。
 
@@ -152,15 +173,24 @@ image:::images/jdk8registered-small.png[role="left", link="images/jdk8registered
 1. 在 "Projects"(项目)窗口中右键单击 "EmbeddedCalculator" 项目,然后从上下文菜单中选择 "Properties"(属性)。
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Libraries"(库)类别,然后将 JDK 1.8 设置为 Java 平台。
 
-image:::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+[.feature]
+--
+image::images/prj-jdk8-small.png[role="left", link="images/prj-jdk8.png"]
+--
 
 3. 选择 "Sources"(源)类别,然后将源代码/二进制格式设置为 "JDK 8"。
 
-image:::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+[.feature]
+--
+image::images/prj-source-jdk8-small.png[role="left", link="images/prj-source-jdk8.png"]
+--
 
 4. 指定在远程平台上用作运行时的配置文件(例如,简洁 2)。
 
-image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+[.feature]
+--
+image::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-profile.png"]
+--
 
 5. 单击“确定”保存更改。
 您的项目将设置为在远程平台上识别特定的运行时。
@@ -178,19 +208,28 @@ image:::images/prj-jdk8-profile-small.png[role="left", link="images/prj-jdk8-pro
 4. 在 "Create New Configuration"(创建新的配置)对话框中,指定新配置的名称,然后单击 "OK"(确定)。
 5. 在 "Runtime Platform"(运行时平台)下拉列表中选择运行时平台名称。
 
-image:::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+[.feature]
+--
+image::images/config-runtime-small.png[role="left", link="images/config-runtime.png"]
+--
 
 6. 单击 "OK"(确定)保存所做的编辑。
 
 如果在远程平台上运行项目("Run"(运行)> "Run Project (project name)"(运行项目(项目名称))),则输出将看起来类似于下图中显示的内容。
 
-image:::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+[.feature]
+--
+image::images/run-remote-small.png[role="left", link="images/run-remote.png"]
+--
 
 *要在项目配置之间切换,请执行以下操作:*
 
 * 选择 "Run"(运行)> "Set Project Configuration"(设置项目配置)> "configuration name"(配置名称),或者右键单击项目名称并从上下文菜单中选择 "Set Configuration"(设置配置)> "configuration name"(配置名称)。
 
-image:::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+[.feature]
+--
+image::images/switch-config-small.png[role="left", link="images/switch-config.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback:%20Setting%20Up%20Oracle%20Java%20SE%20Embedded%20in%20NetBeans%20IDE[+发送有关此教程的反馈意见+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-intro.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-intro.asciidoc
index b4fc6bb7..52e38ecc 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-intro.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-intro.asciidoc
@@ -332,7 +332,10 @@ The application then executes and returns the following output as shown in the i
 Result = Hello
             
 ----
-image:::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+[.feature]
+--
+image::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+--
 
 
 === Distributing the Application to Other Users
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ja.asciidoc
index c559a93f..f2cdd704 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ja.asciidoc
@@ -329,7 +329,10 @@ Main-Class: acrostic.Main
 Result = Hello
             
 ----
-image:::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+[.feature]
+--
+image::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+--
 
 
 === アプリケーションの他のユーザーへの配布
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_pt_BR.asciidoc
index 7fb81e6c..f7ffdb61 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_pt_BR.asciidoc
@@ -329,7 +329,10 @@ Em seguida, a aplicação executa e retorna a saída a seguir, como mostrado na
 Result = Hello
             
 ----
-image:::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+[.feature]
+--
+image::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+--
 
 
 === Distribuindo a Aplicação para Outros Usuários
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ru.asciidoc
index 3a698f2e..b8568b95 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_ru.asciidoc
@@ -329,7 +329,10 @@ Main-Class: acrostic.Main
 Result = Hello
             
 ----
-image:::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+[.feature]
+--
+image::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+--
 
 
 === Распространение приложения другим пользователям
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_zh_CN.asciidoc
index c511fe9c..3a438dff 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-intro_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-intro_zh_CN.asciidoc
@@ -329,7 +329,10 @@ Main-Class: acrostic.Main
 Result = Hello
             
 ----
-image:::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+[.feature]
+--
+image::images/command-prompt-smaller.png[role="left", link="images/command-prompt.png"]
+--
 
 
 === 将应用程序分发给其他用户
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7.asciidoc
index 504dc2b5..7b7aac48 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7.asciidoc
@@ -54,7 +54,10 @@ To check JDK 7 is registered in the NetBeans IDE:
 1. In the IDE, choose Tools > Java Platforms from the main menu.
 2. Ensure JDK 1.7 is chosen in the Platforms list of the Java Platforms Manager dialog box.
 
-image:::images/platform-small.png[role="left", link="images/platform.png"]
+[.feature]
+--
+image::images/platform-small.png[role="left", link="images/platform.png"]
+--
 
 3. Click Close.
 
@@ -69,11 +72,17 @@ To check your project is configured to use the registered JDK for compilation, r
 4. Click Finish.
 5. In the Projects window, right-click the  ``SwitchTest``  project's node and choose Properties > Libraries. On this tab, ensure JDK 1.7 is selected in the list of Java Platforms.
 
-image:::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+[.feature]
+--
+image::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+--
 
 6. Switch to the Sources tab of the Project Properties window and ensure JDK 7 is chosen as the Source/Binary Format.
 
-image:::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+[.feature]
+--
+image::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+--
 
 7. Click OK to close the Project Properties dialog box. Your project is configured to recognize Java 7 language features.
 
@@ -122,7 +131,10 @@ image::images/output.png[]
 In the Projects window, right-click the project's node and choose Properties. In the Sources category, set the Source/Binary Format to  ``JDK 6``  and click OK.
 You can immediately see that the JDK6 parser does not recognize the syntax. The compilation fails because of the incompatible variable type.
 
-image:::images/error-small.png[role="left", link="images/error.png"]
+[.feature]
+--
+image::images/error-small.png[role="left", link="images/error.png"]
+--
 
 4. Now, let's rewrite the code using the  ``if-then-else``  statement instead of  ``switch``  as follows:
 
@@ -155,7 +167,10 @@ package switchtest;
 ----
 With JDK 7 being the Source/Binary Format, the IDE recognizes such cases and offers you to convert them to  ``switch``  as shown in the picture below.
 
-image:::images/convert-small.png[role="left", link="images/convert.png"]
+[.feature]
+--
+image::images/convert-small.png[role="left", link="images/convert.png"]
+--
 
 Click the hint and the  ``if-then-else``  construct will be automatically converted to exactly the same  ``switch``  that we had before.
 
@@ -225,7 +240,10 @@ public class SwitchTest {
 2. Note that the IDE displays several hints, as shown above in this tutorial, of how you can optimize your code for the JDK 7 spec. Simply click on each hint and select the suggested action. 
 3. Finally, after you accept all the suggestions, you should have the JDK 7 compatible code shown below.
 
-image:::images/converted-small.png[role="left", link="images/converted.png"]
+[.feature]
+--
+image::images/converted-small.png[role="left", link="images/converted.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback: Overview of JDK 7 Support in NetBeans IDE[+Send Feedback on This Tutorial+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ja.asciidoc
index e66135f1..a954a246 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ja.asciidoc
@@ -54,7 +54,10 @@ NetBeans IDEでJDK 7が登録されていることを確認するには:
 1. IDEで、メイン・メニューから「ツール」>「Javaプラットフォーム」を選択します。
 2. 「Javaプラットフォーム・マネージャ」ダイアログ・ボックスの「プラットフォーム」リストで、JDK 1.7が選択されていることを確認します。
 
-image:::images/platform-small.png[role="left", link="images/platform.png"]
+[.feature]
+--
+image::images/platform-small.png[role="left", link="images/platform.png"]
+--
 
 3. 「閉じる」をクリックします。
 
@@ -69,11 +72,17 @@ image:::images/platform-small.png[role="left", link="images/platform.png"]
 4. 「終了」をクリックします。
 5. 「プロジェクト」ウィンドウで、「 ``SwitchTest`` 」プロジェクトのノードを右クリックし、「プロパティ」>「ライブラリ」を選択します。このタブで、「Javaプラットフォーム」リストで「JDK 1.7」が選択されていることを確認します。
 
-image:::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+[.feature]
+--
+image::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+--
 
 6. 「プロジェクト・プロパティ」ウィンドウの「ソース」タブに切り替え、「ソース/バイナリ形式」として「JDK 7」が選択されていることを確認します。
 
-image:::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+[.feature]
+--
+image::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+--
 
 7. 「OK」をクリックして、「プロジェクト・プロパティ」ダイアログ・ボックスを閉じます。プロジェクトが、Java 7言語機能を認識するように構成されています。
 
@@ -122,7 +131,10 @@ image::images/output.png[]
 「プロジェクト」ウィンドウでプロジェクトのノードを右クリックし、「プロパティ」を選択します。「ソース」カテゴリで、「ソース/バイナリ形式」を ``JDK 6`` に設定して「OK」をクリックします。
 JDK6パーサーでこの構文が認識されないことがただちにわかります。互換性のない変数型のためにコンパイルが失敗します。
 
-image:::images/error-small.png[role="left", link="images/error.png"]
+[.feature]
+--
+image::images/error-small.png[role="left", link="images/error.png"]
+--
 
 4. ここで、次のように、 ``switch`` のかわりに ``if-then-else`` 文を使用してコードを書き換えてみます。
 
@@ -155,7 +167,10 @@ package switchtest;
 ----
 JDK 7がソース/バイナリ形式であるため、次の図に示すように、IDEはこのようなケースを認識し、この文を ``switch`` 文に変換するよう提案します。
 
-image:::images/convert-small.png[role="left", link="images/convert.png"]
+[.feature]
+--
+image::images/convert-small.png[role="left", link="images/convert.png"]
+--
 
 このヒントをクリックすると、 ``if-then-else`` 構造が、先のコードとまったく同じ ``switch`` に自動的に変換されます。
 
@@ -225,7 +240,10 @@ public class SwitchTest {
 2. このチュートリアルの上に示すように、コードをJDK 7仕様向けに最適化する方法を示す複数のヒントがIDEに表示されます。単純に各ヒントをクリックし、提案されたアクションを選択します。
 3. 最終的に、すべての提案を受け入れると、次に示すJDK 7と互換性のあるコードが得られるはずです。
 
-image:::images/converted-small.png[role="left", link="images/converted.png"]
+[.feature]
+--
+image::images/converted-small.png[role="left", link="images/converted.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback: Overview of JDK 7 Support in NetBeans IDE[+このチュートリアルに関するご意見をお寄せください+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_pt_BR.asciidoc
index 82be10df..d9e4a8c3 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_pt_BR.asciidoc
@@ -54,7 +54,10 @@ Para verificar se o JDK 7 está registrado no NetBeans IDE:
 1. No IDE, selecione Ferramentas > Plataformas Java no menu principal.
 2. Certifique-se de que o JDK 1.7 tenha sido escolhido na lista de Plataformas da caixa de diálogo Gerenciador de Plataformas Java.
 
-image:::images/platform-small.png[role="left", link="images/platform.png"]
+[.feature]
+--
+image::images/platform-small.png[role="left", link="images/platform.png"]
+--
 
 3. Clique em Fechar.
 
@@ -69,11 +72,17 @@ Para verificar se seu projeto está configurado para usar o JDK registrado para
 4. Clique em Finalizar.
 5. Na janela Projetos, clique com o botão direito do mouse no nó do projeto  ``SwitchTest``  e selecione Propriedades > Bibliotecas. Nesta guia, certifique-se de que JDK 1.7 esteja selecionado na lista de Plataformas Java.
 
-image:::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+[.feature]
+--
+image::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+--
 
 6. Alterne para a guia Códigos-fonte da janela Propriedades do Projeto e certifique-se de que JDK 7 tenha sido escolhido como o formato do Código-fonte/Binário.
 
-image:::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+[.feature]
+--
+image::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+--
 
 7. Clique em OK para fechar a caixa de diálogo Propriedades do Projeto. Seu projeto está configurado para reconhecer os recursos do idioma do Java 7.
 
@@ -122,7 +131,10 @@ image::images/output.png[]
 Na janela Projetos, clique com o botão direito do mouse no nó do projeto e selecione Propriedades. Na categoria Códigos-fontes, defina o Formato Código-fonte/Binário para  ``JDK 6``  e clique em OK.
 Você pode ver imediatamente que o parser do JDK6 não reconhece a sintaxe. A compilação falha por causa do tipo de variável incompatível.
 
-image:::images/error-small.png[role="left", link="images/error.png"]
+[.feature]
+--
+image::images/error-small.png[role="left", link="images/error.png"]
+--
 
 4. Agora, vamos reescrever o código usando a instrução  ``if-then-else`` , em vez de  ``switch`` , como segue:
 
@@ -155,7 +167,10 @@ package switchtest;
 ----
 Com o JDK 7 no formato de Código-fonte/Binário, o IDE reconhece tais casos e oferece a opção de convertê-los para  ``switch`` , conforme mostrado na figura abaixo.
 
-image:::images/convert-small.png[role="left", link="images/convert.png"]
+[.feature]
+--
+image::images/convert-small.png[role="left", link="images/convert.png"]
+--
 
 Clique na dica e o construtor  ``if-then-else``  será automaticamente convertido para exatamente o mesmo  ``switch``  que tínhamos antes.
 
@@ -225,7 +240,10 @@ public class SwitchTest {
 2. Observe que o IDE exibe diversas dicas, como mostrado acima neste tutorial, de como é possível otimizar seu código para a especificação JDK 7. Basta clicar em cada dica e selecionar a ação sugerida. 
 3. Finalmente, depois de aceitar todas as sugestões, você deverá ter o código compatível com JDK 7 mostrado abaixo.
 
-image:::images/converted-small.png[role="left", link="images/converted.png"]
+[.feature]
+--
+image::images/converted-small.png[role="left", link="images/converted.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback: Overview of JDK 7 Support in NetBeans IDE[+Enviar Feedback neste Tutorial+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ru.asciidoc
index 8f21805c..d347ab23 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_ru.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое на этой
 1. В среде IDE выберите "Сервис" > "Платформы Java".
 2. Проверьте, что в списке 'Платформы' в диалоговом окне 'Диспетчер платформ Java' выбрана версия JDK 1.7.
 
-image:::images/platform-small.png[role="left", link="images/platform.png"]
+[.feature]
+--
+image::images/platform-small.png[role="left", link="images/platform.png"]
+--
 
 3. Выберите "Close" (Закрыть).
 
@@ -69,11 +72,17 @@ image:::images/platform-small.png[role="left", link="images/platform.png"]
 4. Нажмите 'Готово'.
 5. В окне 'Проекты' щелкните правой кнопкой мыши узел проекта  ``SwitchTest``  и выберите 'Свойства > Библиотеки'. Убедитесь, что в списке 'Платформы Java' на этой вкладке выбрана версия JDK 1.7.
 
-image:::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+[.feature]
+--
+image::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+--
 
 6. В окне 'Свойства проекта' перейдите на вкладку 'Исходный код'. В списке 'Исходный/двоичный формат' должна быть выбрана версия JDK 7.
 
-image:::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+[.feature]
+--
+image::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+--
 
 7. Нажмите кнопку "ОК" для закрытия диалогового окна "Свойства проекта". Ваш проект настроен для работы с компонентами языка Java 7.
 
@@ -122,7 +131,10 @@ image::images/output.png[]
 В окне 'Проекты' щелкните правой кнопкой мыши узел проекта и выберите 'Свойства'. В категории 'Источники' в списке 'Исходный/двоичный формат' выберите  ``JDK 6``  и нажмите ОК.
 Сразу видно, что синтаксический анализатор JDK6 не распознает синтаксис. Компиляция завершается с ошибкой из-за несовместимого типа переменной.
 
-image:::images/error-small.png[role="left", link="images/error.png"]
+[.feature]
+--
+image::images/error-small.png[role="left", link="images/error.png"]
+--
 
 4. Теперь перепишите код, используя оператор  ``if-then-else``  вместо оператора  ``switch`` :
 
@@ -155,7 +167,10 @@ package switchtest;
 ----
 Если в качестве исходного/двоичного формата выбрана версия JDK 7, IDE распознает такие случаи и предлагает преобразовать их в  ``switch`` , как показано на рисунке.
 
-image:::images/convert-small.png[role="left", link="images/convert.png"]
+[.feature]
+--
+image::images/convert-small.png[role="left", link="images/convert.png"]
+--
 
 Щелкните подсказку, и конструкция  ``if-then-else``  будет автоматически преобразована в конструкцию  ``switch`` , которая использовалась ранее.
 
@@ -225,7 +240,10 @@ public class SwitchTest {
 2. Обратите внимание, что в среде IDE отображаются подсказки по оптимизации кода в соответствии со спецификациями JDK 7. Щелкните подсказки и выберите предложенные действия. 
 3. По принятии всех предложений будет создан код, совместимый с JDK 7. Этот код будет выглядеть так же, как код, показанный ниже.
 
-image:::images/converted-small.png[role="left", link="images/converted.png"]
+[.feature]
+--
+image::images/converted-small.png[role="left", link="images/converted.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback: Overview of JDK 7 Support in NetBeans IDE[+Отправить отзыв по этому учебному курсу+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_zh_CN.asciidoc
index f8a8dfd4..1b6a84ce 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk7_zh_CN.asciidoc
@@ -54,7 +54,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 1. 在 IDE 中,从主菜单中选择 "Tools"(工具)> "Java Platforms"(Java 平台)。
 2. 确保在 "Java Platforms Manager"(Java 平台管理器)对话框的 "Platforms"(平台)列表中选定 "JDK 1.7"。
 
-image:::images/platform-small.png[role="left", link="images/platform.png"]
+[.feature]
+--
+image::images/platform-small.png[role="left", link="images/platform.png"]
+--
 
 3. 单击 "Close"(关闭)。
 
@@ -69,11 +72,17 @@ image:::images/platform-small.png[role="left", link="images/platform.png"]
 4. 单击 "Finish"(完成)。
 5. 在 "Projects"(项目)窗口中,右键单击  ``SwitchTest``  项目节点,然后选择 "Properties"(属性)> "Libraries"(库)。在此标签上,确保在 "Java Platforms"(Java 平台)列表中选定 "JDK 1.7"。
 
-image:::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+[.feature]
+--
+image::images/props-libs-small.png[role="left", link="images/props-libs.png"]
+--
 
 6. 切换到 "Project Properties"(项目属性)窗口的 "Sources"(源)标签,并确保选择 "JDK 7" 作为源代码/二进制格式。
 
-image:::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+[.feature]
+--
+image::images/props-sources-small.png[role="left", link="images/props-sources.png"]
+--
 
 7. 单击“确定”。关闭“项目属性”对话框。您的项目配置为识别 Java 7 语言功能。
 
@@ -122,7 +131,10 @@ image::images/output.png[]
 在 "Projects"(项目)窗口中,右键单击该项目节点并选择 "Properties"(属性)。在 "Sources"(源)类别中,将源代码/二进制格式设置为  ``JDK 6`` ,然后单击 "OK"(确定)。
 您可以立即看到 JDK6 解析器无法识别语法。编译将失败,因为变量类型不兼容。
 
-image:::images/error-small.png[role="left", link="images/error.png"]
+[.feature]
+--
+image::images/error-small.png[role="left", link="images/error.png"]
+--
 
 4. 现在,让我们使用  ``if-then-else``  语句而非  ``switch``  重新编写代码,如下所示:
 
@@ -155,7 +167,10 @@ package switchtest;
 ----
 在将 JDK 7 作为源代码/二进制格式的情况下,IDE 将识别这种情况,并允许您将其转换为  ``switch`` ,如下图中所示。
 
-image:::images/convert-small.png[role="left", link="images/convert.png"]
+[.feature]
+--
+image::images/convert-small.png[role="left", link="images/convert.png"]
+--
 
 单击该提示, ``if-then-else``  结构将自动转换为  ``switch`` ,这与我们以前使用的 switch 完全相同。
 
@@ -225,7 +240,10 @@ public class SwitchTest {
 2. 请注意,IDE 将显示一些说明如何优化代码以符合 JDK 7 规范的提示,如本教程中上面所述。只需单击每个提示并选择建议的操作即可。 
 3. 最后,接受了所有建议后,您就应该具有与 JDK 7 兼容的代码,如下所示。
 
-image:::images/converted-small.png[role="left", link="images/converted.png"]
+[.feature]
+--
+image::images/converted-small.png[role="left", link="images/converted.png"]
+--
 
 link:/about/contact_form.html?to=3&subject=Feedback: Overview of JDK 7 Support in NetBeans IDE[+发送有关此教程的反馈意见+]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8.asciidoc
index e082b749..78c6f2e9 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8.asciidoc
@@ -58,12 +58,18 @@ After JDK 8 is downloaded and installed on your system, it needs to be registere
 3. In the Add Java Platform dialog, select Java Standard Edition and click Next.
 4. Specify the directory that contains the JDK and click Next.
 
-image:::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Verify that the default locations of the Platform Sources zip file and API documentation are valid. Click Finish to close the Add Java Platform dialog box.
 JDK 8 is registered as a platform in the IDE.
 
-image:::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Ensure JDK 1.8 is chosen in the Platforms list and click Close.
 
@@ -86,11 +92,17 @@ The IDE creates and opens the Java SE project in the Projects window.
 1. Right-click the AnagramGame project in the Projects window and select Properties from the context menu.
 2. In the Project Properties dialog box, choose the Libraries category and set JDK 1.8 as the Java Platform.
 
-image:::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+[.feature]
+--
+image::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+--
 
 3. Select the Sources category and set Source/Binary Format to JDK 8.
 
-image:::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+[.feature]
+--
+image::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+--
 
 4. Click OK to save the changes. 
 Your project is set to recognize new JDK 8 language features.
@@ -164,14 +176,20 @@ The IDE allows you to switch between the profiles and the full JRE when needed.
 2. In the Project Properties dialog box, select the Sources category.
 3. Use the Profile drop-down list to specify the JDK 8 profile that your application will support.
 
-image:::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+[.feature]
+--
+image::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+--
 
 4. Click OK.
 
 To see how the IDE checks whether classes used in your project belong to the specified profile, select Compact1 as a profile for the AnagramGame project and click OK.
 The IDE displays errors to notify that the AnagramGame project is not compliant with the _compact1_ profile.
 
-image:::images/profile_small.png[role="left", link="images/profile.png"]
+[.feature]
+--
+image::images/profile_small.png[role="left", link="images/profile.png"]
+--
 
 You can go back and set the AnagramGame project's profile to Full JRE which is supported by the Anagrams application.
 
@@ -193,31 +211,49 @@ NetBeans IDE detects pre-lambda expressions and displays the hints in the Editor
 
 For example, the AnagramGame project features a pre-lambda construct in the  ``Anagrams.java``  file as shown in the screenshot below.
 
-image:::images/lambda_small.png[role="left", link="images/lambda.png"]
+[.feature]
+--
+image::images/lambda_small.png[role="left", link="images/lambda.png"]
+--
 
 After you click the light bulb in the margin or press Alt-Enter, the IDE shows the Use Lambda hint with a set of options available:
 
-image:::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+[.feature]
+--
+image::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+--
 
 If the Use Lambda hint is selected, the IDE converts the anonymous inner class into a lambda expression.
 
-image:::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+[.feature]
+--
+image::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+--
 
 If you choose the Run Inspect on option, the IDE displays the Inspect dialog box that allows to run a single Convert to Lambda inspection on the specified file.
 
 *Note:* For more information on initiating the Inspect operation in the IDE, see link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Using Hints in Source Code Analysis and Refactoring+] in _Developing Applications with NetBeans IDE_.
 
-image:::images/inspect_small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect_small.png[role="left", link="images/inspect.png"]
+--
 
 After you press the Inspect button to launch the inspection, the IDE identifies all the pre-lambda constructs in the file and displays them in the Inspector window.
 
-image:::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+[.feature]
+--
+image::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+--
 
 If you choose the Run Inspect&amp;Transform on option, the IDE displays the Inspect and Transform dialog box that allows to run a single Convert to Lambda inspection (or a selected configuration) on the specified code and refactor it if needed.
 
 *Note:* For more information on initiating the Inspect and Transform operation, see link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Using Hints in Source Code Analysis and Refactoring+] in _Developing Applications with NetBeans IDE_.
 
-image:::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+[.feature]
+--
+image::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+--
 
 
 == Using Repeating Annotations Support
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ja.asciidoc
index 88d87353..8bec70d3 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ja.asciidoc
@@ -58,12 +58,18 @@ JDK 8をシステムにダウンロードしてインストールした後、IDE
 3. 「Javaプラットフォームの追加」ダイアログ・ボックスでJava Standard Editionを選択して、「次」をクリックします。
 4. JDKが含まれているディレクトリを指定して、「次」をクリックします。
 
-image:::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+--
 
 5. 「プラットフォームのソース」のzipファイルとAPIドキュメントのデフォルトの場所が有効であることを確認します。「終了」をクリックして「Javaプラットフォームの追加」ダイアログ・ボックスを閉じます。
 JDK 8がIDEでプラットフォームとして登録されます。
 
-image:::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. 「プラットフォーム」リストで「JDK 1.8」が選択されていることを確認し、「閉じる」をクリックします。
 
@@ -86,11 +92,17 @@ Java SEプロジェクトがIDEで作成され、「プロジェクト」ウィ
 1. 「プロジェクト」ウィンドウでAnagramGameプロジェクトを右クリックし、コンテキスト・メニューから「プロパティ」を選択します。
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「ライブラリ」カテゴリを選択し、JDK 1.8をJavaプラットフォームとして設定します。
 
-image:::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+[.feature]
+--
+image::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+--
 
 3. 「ソース」カテゴリを選択して、「ソース/バイナリ形式」をJDK 8に設定します。
 
-image:::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+[.feature]
+--
+image::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+--
 
 4. 「OK」をクリックして変更を保存します。
 プロジェクトが、新しいJDK 8言語機能を認識するように設定されています。
@@ -164,14 +176,20 @@ IDEでは必要に応じて、各プロファイルとJRE全体間を切り替
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「ソース」カテゴリを選択します。
 3. 「プロファイル」ドロップダウン・リストを使用して、アプリケーションでサポートされるJDK 8プロファイルを指定します。
 
-image:::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+[.feature]
+--
+image::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+--
 
 4. 「OK」をクリックします。
 
 プロジェクトで使用されるクラスが指定されたプロファイルに属すかどうかを、IDEでどのように確認するか参照するには、「Compact1」をAnagramGameプロジェクトのプロファイルとして選択して、「OK」をクリックします。
 IDEには、AnagramGameプロジェクトが_compact1_プロファイルと互換性がないことを通知するエラーが表示されます。
 
-image:::images/profile_small.png[role="left", link="images/profile.png"]
+[.feature]
+--
+image::images/profile_small.png[role="left", link="images/profile.png"]
+--
 
 戻ってAnagramGameプロジェクトのプロファイルを、Anagramsアプリケーションによってサポートされている「JRE全体」に設定できます。
 
@@ -193,31 +211,49 @@ NetBeans IDEでは、ラムダ前の式が検出され、その構造をラム
 
 たとえば次のスクリーンショットに示すように、AnagramGameプロジェクトでは、 ``Anagrams.java`` ファイルのラムダ前の構造があります。
 
-image:::images/lambda_small.png[role="left", link="images/lambda.png"]
+[.feature]
+--
+image::images/lambda_small.png[role="left", link="images/lambda.png"]
+--
 
 マージンの電球をクリックすると、または[Alt]+[Enter]を押すと、IDEでは一連の使用可能なオプションとともに「ラムダを使用」ヒントが表示されます。
 
-image:::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+[.feature]
+--
+image::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+--
 
 「ラムダを使用」ヒントが選択された場合、IDEでは匿名内部クラスがラムダ式に変換されます。
 
-image:::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+[.feature]
+--
+image::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+--
 
 「検査の実行」オプションを選択した場合、IDEでは「検査」ダイアログ・ボックスが表示され、ここでは指定されたファイルで単一の「ラムダに変換」検査を実行できます。
 
 *注意:* IDEでの検査操作の開始の詳細は、_NetBeans IDEによるアプリケーションの開発_のlink:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+ソース・コード分析およびリファクタリングでのヒントの使用+]を参照してください。
 
-image:::images/inspect_small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect_small.png[role="left", link="images/inspect.png"]
+--
 
 「検査」ボタンを押して検査を開始すると、IDEではファイル内のすべてのラムダ前の構造が識別され、「検査」ウィンドウに表示されます。
 
-image:::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+[.feature]
+--
+image::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+--
 
 「検査と変換の実行」オプションを選択した場合、IDEでは「検査と変換」ダイアログ・ボックスが表示され、ここでは指定されたコードで単一の「ラムダに変換」検査(または選択した構成)を実行し、必要に応じてリファクタリングできます。
 
 *注意:* IDEでの検査と変換操作の開始の詳細は、_NetBeans IDEによるアプリケーションの開発_のlink:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+ソース・コード分析およびリファクタリングでのヒントの使用+]を参照してください。
 
-image:::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+[.feature]
+--
+image::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+--
 
 
 == 繰返し注釈サポートの使用
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_pt_BR.asciidoc
index a01cfc7f..0370069d 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_pt_BR.asciidoc
@@ -58,12 +58,18 @@ Depois que o JDK 8 for submetido a download e instalado em seu sistema, ele prec
 3. Na caixa de diálogo Adicionar Plataforma Java, selecione Edição Padrão Java e clique em Próximo.
 4. Especifique o diretório que contém o JDK e clique em Próximo.
 
-image:::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Verifique se os locais default do arquivo zip Códigos-fonte da Plataforma e da documentação da API são válidos. Clique em Finalizar para fechar a caixa de diálogo Adicionar Plataforma Java.
 O JDK 8 é registrado como uma plataforma no IDE.
 
-image:::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Assegure-se de que o JDK 1.8 esteja selecionado na lista Plataformas e clique em Fechar.
 
@@ -86,11 +92,17 @@ O IDE cria e abre o projeto Java SE na janela Projetos.
 1. Clique com o botão direito do mouse no projeto Jogo de Anagramas na janela Projetos e selecione as Propriedades no menu de contexto.
 2. Na caixa de diálogo Propriedades do Projeto, escolha a categoria Bibliotecas e defina JDK 1.8 como a Plataforma Java.
 
-image:::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+[.feature]
+--
+image::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+--
 
 3. Selecione a Categoria Código-fonte e defina o Formato de Código-origem/Binário para JDK 8.
 
-image:::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+[.feature]
+--
+image::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+--
 
 4. Clique em OK para salvar as alterações. 
 Seu projeto está definido para reconhecer as novas funcionalidades de linguagem do JDK 8.
@@ -164,14 +176,20 @@ O IDE permite que você alterne entre os perfis e o JRE completo, quando necess
 2. Na caixa de diálogo Propriedades do projeto, selecione a categoria Executar Códigos-fontes.
 3. Use a lista drop-down Perfil para especificar o perfil JDK 8 que sua aplicação suportará.
 
-image:::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+[.feature]
+--
+image::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+--
 
 4. Clique em OK.
 
 Para verificar como o IDE verifica se as classes usadas em seu projeto pertencem ao perfil especificado, selecione Compact1 como perfil para o projeto Jogo de Anagramas e clique em OK.
 O IDE exibe os erros para notificar que o projeto Jogo de Anagramas não é compatível com o projeto _compact1_.
 
-image:::images/profile_small.png[role="left", link="images/profile.png"]
+[.feature]
+--
+image::images/profile_small.png[role="left", link="images/profile.png"]
+--
 
 Você pode voltar e definir o perfil do projeto Jogo de Anagramas para JRE Completo que é suportado pela aplicação Anagramas.
 
@@ -193,31 +211,49 @@ O NetBeans IDE detecta expressões pré-lamba e exibe as dicas no Editor propond
 
 Por exemplo, o projeto Jogo de Anagramas caracteriza uma construção pré-lamda no arquivo  ``Anagrams.java`` , conforme a tela abaixo.
 
-image:::images/lambda_small.png[role="left", link="images/lambda.png"]
+[.feature]
+--
+image::images/lambda_small.png[role="left", link="images/lambda.png"]
+--
 
 Depois que você clicar na lâmpada na margem ou pressionar Alt-Enter, o IDE mostra a dica Usar Lambda com um conjunto de opções disponíveis:
 
-image:::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+[.feature]
+--
+image::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+--
 
 Se a dica Usar Lambda estiver selecionada, o IDE converterá a classe interna anônima em uma expressão lambda.
 
-image:::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+[.feature]
+--
+image::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+--
 
 Se você escolher a opção Executar Inspeção em, o IDE exibirá a caixa de diálogo Inspecionar que permite executar uma Conversão única para inspeção de Lambda no arquivo especificado.
 
 *Observação:* para obter mais informações sobre como iniciar a operação Inspecionar no IDE, consulte link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Usando Dicas na Análise do Código-Fonte e Refatorando+] em _Desenvolvendo Aplicações com o NetBeans IDE_.
 
-image:::images/inspect_small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect_small.png[role="left", link="images/inspect.png"]
+--
 
 Após pressionar o botão Inspecionar para acionar a inspeção, o IDE identifica todas as construções pré-lamba do arquivo e as exibe na janela Inspetor.
 
-image:::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+[.feature]
+--
+image::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+--
 
 Se você escolher a opção Executar Transformação da Inspeção, o IDE exibirá a caixa de diálogo Inspecionar e Transformar que permite executar uma inspeção Converter para Lambda única (ou uma configuração selecionada) no código especificado e refatorá-la, se necessário.
 
 *Observação:* para obter mais informações sobre a operação Inspecionar e Transformar, consulte link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Usando Dicas na Análise do Código-Fonte e Refatorando+] em _Desenvolvendo Aplicações com o NetBeans IDE_.
 
-image:::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+[.feature]
+--
+image::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+--
 
 
 == Usando Suporte de Anotações de Repetição
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ru.asciidoc
index 7f3ce9f4..21d16af1 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_ru.asciidoc
@@ -58,12 +58,18 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое на этой
 3. В диалоговом окне 'Добавление платформы Java' выберите Java Standard Edition и нажмите 'Далее'.
 4. Укажите каталог, в котором находится JDK, и нажмите 'Далее'.
 
-image:::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+--
 
 5. Проверьте правильность местоположений по умолчанию для zip-архива Platform Sources и документации API. Для закрытия диалога добавления платформы Java нажмите кнопку "Готово".
 Платформа JDK 8 зарегистрирована в IDE.
 
-image:::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. Убедитесь в том, что в списке "Платформы" выбран пункт "JDK 1.8", и нажмите кнопку "Закрыть".
 
@@ -86,11 +92,17 @@ IDE создает проект Java SE и открывает его в окне
 1. В окне 'Проекты' щелкните правой кнопкой мыши проект AnagramGame и выберите 'Свойства' в контекстном меню.
 2. В диалоговом окне 'Свойства проекта' выберите категорию 'Библиотеки' и выберите JDK 1.8 в качестве платформы Java.
 
-image:::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+[.feature]
+--
+image::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+--
 
 3. Выберите категорию 'Источники', затем выберите JDK 8 в списке 'Исходный/двоичный формат'.
 
-image:::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+[.feature]
+--
+image::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+--
 
 4. Нажмите OK для сохранения изменений. 
 Теперь проект настроен на распознавание новых функций языка JDK 8.
@@ -164,14 +176,20 @@ IDE позволяет переключаться между этими проф
 2. В диалоговом окне 'Свойства проекта' выберите категорию 'Источники'.
 3. Выберите из списка 'Профиль' поддерживаемый профиль JDK 8 для приложения.
 
-image:::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+[.feature]
+--
+image::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+--
 
 4. Нажмите ОК.
 
 IDE проверяет, принадлежат ли классы, используемые в проекте, определенному профилю. Чтобы рассмотреть это на примере, выберите Compact1 в качестве профиля проекта AnagramGame и нажмите ОК.
 В IDE отображаются сообщения об ошибках, указывающие на то, что проект AnagramGame несовместим с профилем _compact1_.
 
-image:::images/profile_small.png[role="left", link="images/profile.png"]
+[.feature]
+--
+image::images/profile_small.png[role="left", link="images/profile.png"]
+--
 
 Вы можете вернуться и изменить профиль проекта AnagramGame на 'Полный JRE', поддерживаемый приложением Anagrams.
 
@@ -193,31 +211,49 @@ IDE NetBeans обнаруживает конструкции, которые м
 
 Например, в проекте AnagramGame подобная конструкция есть в файле  ``Anagrams.java`` , показанном на рисунке.
 
-image:::images/lambda_small.png[role="left", link="images/lambda.png"]
+[.feature]
+--
+image::images/lambda_small.png[role="left", link="images/lambda.png"]
+--
 
 Если нажать на значок подсказки или нажать Alt-Enter, в IDE отображается подсказка 'Использование лямбда', в которой предлагается несколько вариантов:
 
-image:::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+[.feature]
+--
+image::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+--
 
 Если выбрать подсказку 'Использование лямбда', IDE преобразует анонимный внутренний класс в лямбда-выражение.
 
-image:::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+[.feature]
+--
+image::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+--
 
 Если выбрать параметр 'Начать проверку в...', в IDE отображается диалоговое окно 'Проверка', в котором можно выполнить одну проверку 'Преобразование в лямбда' для выбранного файла.
 
 *Примечание.* Дополнительные сведения о запуске операции 'Проверка' в IDE см. в разделе link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Использование подсказок при анализе и рефакторинге исходного кода+] в документе _Разработка приложений в IDE NetBeans_.
 
-image:::images/inspect_small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect_small.png[role="left", link="images/inspect.png"]
+--
 
 При нажатии на кнопку 'Проверка' IDE находит в файле все конструкции, которые можно преобразовать в лямбда-выражения, и отображает их в окне 'Инспектор'.
 
-image:::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+[.feature]
+--
+image::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+--
 
 Если выбрать параметр 'Начать проверку и преобразование...', в IDE отображается диалоговое окно 'Проверка и преобразование', в котором можно выполнить одну проверку 'Преобразование в лямбда' (или выбранную конфигурацию) для указанного кода и при необходимости оптимизировать его.
 
 *Примечание.* Дополнительные сведения о запуске операции 'Проверка и преобразование' см. в разделе link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+Использование подсказок при анализе и рефакторинге исходного кода+] в документе _Разработка приложений в IDE NetBeans_.
 
-image:::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+[.feature]
+--
+image::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+--
 
 
 == Использование поддержки повторных аннотаций
diff --git a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_zh_CN.asciidoc
index e5d53b53..ecd3689d 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/javase-jdk8_zh_CN.asciidoc
@@ -58,12 +58,18 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 3. 在 "Add Java Platform"(添加 Java 平台)对话框中,选择 "Java Standard Edition",然后单击 "Next"(下一步)。
 4. 指定包含 JDK 的目录,然后单击 "Next"(下一步)。
 
-image:::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+[.feature]
+--
+image::images/jdk8_small.png[role="left", link="images/jdk8.png"]
+--
 
 5. 验证平台源 zip 文件和 API 文档的默认位置是否有效。单击 "Finish"(完成)以关闭 "Add Java Platform"(添加 Java 平台)对话框。
 JDK 8 作为平台注册在 IDE 中。
 
-image:::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+[.feature]
+--
+image::images/jdk8registered_small.png[role="left", link="images/jdk8registered.png"]
+--
 
 6. 确保在 "Platforms"(平台)列表中选择了 JDK 1.8,然后单击 "Close"(关闭)。
 
@@ -86,11 +92,17 @@ IDE 将在 "Projects"(项目)窗口中创建并打开 Java SE 项目。
 1. 在 "Projects"(项目)窗口中右键单击 "AnagramGame" 项目,然后从上下文菜单中选择 "Properties"(属性)。
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Libraries"(库)类别,然后将 JDK 1.8 设置为 Java 平台。
 
-image:::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+[.feature]
+--
+image::images/prj_jdk8_small.png[role="left", link="images/prj_jdk8.png"]
+--
 
 3. 选择 "Sources"(源)类别,然后将源代码/二进制格式设置为 "JDK 8"。
 
-image:::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+[.feature]
+--
+image::images/prj_source_jdk8_small.png[role="left", link="images/prj_source_jdk8.png"]
+--
 
 4. 单击“确定”保存更改。
 此时将设置项目以识别新的 JDK 8 语言功能。
@@ -164,14 +176,20 @@ IDE 允许您根据需要在配置文件和完整 JRE 之间切换。
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Sources"(源)类别。
 3. 使用 "Profile"(配置文件)下拉列表指定您的应用程序将支持的 JDK 8 配置文件。
 
-image:::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+[.feature]
+--
+image::images/prj_src_profile_small.png[role="left", link="images/prj_src_profile.png"]
+--
 
 4. 单击 "OK"(确定)。
 
 要了解 IDE 如何检查项目中使用的类是否属于指定的配置文件,请选择 "Compact1" 作为 AnagramGame 项目的配置文件,然后单击 "OK"(确定)。
 IDE 将显示错误,以通知 AnagramGame 项目不符合 _compact1_ 配置文件。
 
-image:::images/profile_small.png[role="left", link="images/profile.png"]
+[.feature]
+--
+image::images/profile_small.png[role="left", link="images/profile.png"]
+--
 
 您可以返回并将 AnagramGame 项目的配置文件设置为 Anagrams 应用程序支持的“完整 JRE”。
 
@@ -193,31 +211,49 @@ NetBeans IDE 将检测预 lambda 表达式并在编辑器中显示提示,以
 
 例如,AnagramGame 项目以  ``Anagrams.java``  文件中的预 lambda 结构为特色,如下面的屏幕快照中所示。
 
-image:::images/lambda_small.png[role="left", link="images/lambda.png"]
+[.feature]
+--
+image::images/lambda_small.png[role="left", link="images/lambda.png"]
+--
 
 在单击旁注中的电灯泡或按 Alt-Enter 组合键之后,IDE 将显示 "Use Lambda"(使用 Lambda)提示并提供一组选项:
 
-image:::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+[.feature]
+--
+image::images/lambda_clicked_small.png[role="left", link="images/lambda_clicked.png"]
+--
 
 如果选择了 "Use Lambda"(使用 Lambda)提示,则 IDE 会将匿名内部类转换为 lambda 表达式。
 
-image:::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+[.feature]
+--
+image::images/lambda_converted_small.png[role="left", link="images/lambda_converted.png"]
+--
 
 如果选择 "Run Inspect on"(运行检查于)选项,则 IDE 将显示 "Inspect"(检查)对话框,您可以在该对话框中对指定的文件运行单个 "Convert to Lambda"(转换为 Lambda)检查。
 
 *注:*有关在 IDE 中启动 "Inspect"(检查)操作的更多信息,请参见_使用 NetBeans IDE 开发应用程序_中的link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+在源代码分析和重构中使用提示+]。
 
-image:::images/inspect_small.png[role="left", link="images/inspect.png"]
+[.feature]
+--
+image::images/inspect_small.png[role="left", link="images/inspect.png"]
+--
 
 在您按 "Inspect"(检查)按钮启动检查之后,IDE 将标识文件中的所有预 lambda 结构并将其显示在 "Inspector"(检查器)窗口中。
 
-image:::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+[.feature]
+--
+image::images/lambda_inspection_small.png[role="left", link="images/lambda_inspection.png"]
+--
 
 如果选择 "Run Inspect&amp;Transform on"(运行检查和转换于)选项,则 IDE 将显示 "Inspect and Transform"(检查并转换)对话框,您可以在该对话框中对指定的代码运行单个 "Convert to Lambda"(转换为 Lambda)检查(或所选配置),并根据需要重构。
 
 *注:*有关启动 "Inspect and Transform"(检查并转换)操作的更多信息,请参见_使用 NetBeans IDE 开发应用程序_中的link:http://www.oracle.com/pls/topic/lookup?ctx=nb7400&id=NBDAG613[+在源代码分析和重构中使用提示+]。
 
-image:::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+[.feature]
+--
+image::images/lambda_transform_small.png[role="left", link="images/lambda_transform.png"]
+--
 
 
 == 使用重复标注支持
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial.asciidoc
index 265a8152..807be5c0 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial.asciidoc
@@ -166,7 +166,10 @@ You want to use the default host and port valued because the Agent is listening
 When you click OK the JMX Agent URL field is updated with the full URL according to the details specified in the RMI JMX Agent URL dialog box.
 
 8. Confirm that Authenticated Connection and Generate Sample Code for Authenticated Connection are selected. Click Finish.
-image:::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+[.feature]
+--
+image::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+--
 
 The connection to the Agent is not authenticated because you did not provide any authentication configuration when the agent was launched.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ja.asciidoc
index c81ea391..e81de8d9 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ja.asciidoc
@@ -165,7 +165,10 @@ image::images/jmx-jmxagenturl.png[title="RMI JMXエージェントURLダイア
 「OK」をクリックすると、RMI JMXエージェントURLダイアログ・ボックスで指定された詳細に基づいた完全なURLでJMXエージェントURLフィールドが更新されます。
 
 8. 「認証された接続」および「認証された接続に対するサンプル・コードの生成」が選択されていることを確認します。「終了」をクリックします。
-image:::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+[.feature]
+--
+image::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+--
 
 エージェントの起動時に認証構成を指定しなかったため、エージェントへの接続は認証されません。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_pt_BR.asciidoc
index 39e4f9c3..7a574992 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_pt_BR.asciidoc
@@ -165,7 +165,10 @@ Você deseja usar o host default e o valor da porta porque o Agente está fazend
 Quando você clicar em OK, o campo URL do Agente JMX é atualizado com o URL completo, de acordo com os detalhes especificados na caixa de diálogo URL do Agente JMX do RMI.
 
 8. Confirme se Conexão Autenticada e Gerar Código de Amostra para Conexão Autenticada estão selecionados. Clique em Finalizar.
-image:::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+[.feature]
+--
+image::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+--
 
 A conexão ao Agente não é autenticada porque você não forneceu nenhuma configuração de autenticação quando o agente foi acionado.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ru.asciidoc
index 1a1d9953..501bdaf1 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_ru.asciidoc
@@ -166,7 +166,10 @@ image::images/jmx-jmxagenturl.png[title="параметры по умолчан
 При нажатии на кнопку ОК в поле 'URL-адрес агента JMX' появляется обновленный полный URL-адрес, составленный на основе данных, указанных в диалоговом окне 'URL-адрес агента RMI JMX'.
 
 8. Убедитесь, что выбраны параметры 'Аутентифицированное подключение' и 'Создать пример кода для аутентифицированного подключения'. Нажмите 'Готово'.
-image:::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+[.feature]
+--
+image::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+--
 
 Подключение к агенту не аутентифицировано, так как при запуске агента не предоставлялась конфигурация аутентификации.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_zh_CN.asciidoc
index a730c98b..1ee899fa 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-manager-tutorial_zh_CN.asciidoc
@@ -165,7 +165,10 @@ image::images/jmx-jmxagenturl.png[title="&quot;RMI JMX Agent URL&quot;(RMI JMX
 单击 "OK"(确定)后,将根据 "RMI JMX Agent URL"(RMI JMX 代理 URL)对话框中指定的详细信息使用完整 URL 更新 "JMX Agent URL"(JMX 代理 URL)字段。
 
 8. 确认选中 "Authenticated Connection"(已验证连接)和 "Generate Sample Code for Authenticated Connection"(为已验证连接生成样例代码)。单击 "Finish"(完成)。
-image:::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+[.feature]
+--
+image::images/jmx-jmxagenturl2-sm.png[role="left", link="images/jmx-jmxagenturl2.png"]
+--
 
 与代理的连接未经过验证,因为您在启动代理时未提供任何验证配置。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial.asciidoc
index 0068a715..a39f7c90 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial.asciidoc
@@ -348,7 +348,10 @@ image::images/jmx-initmanagement-try.png[title="Code hint to add try-catch"]
 
 Here is what you should see at this stage [click to view larger image]:
 
-image::images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+[.feature]
+--
+image:images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+--
 5. We now add the MBean registration code to the  ``initManagement()``  method, using the JMX Module MBean registration wizard:
 
 In the  ``Anagrams.java``  source editor window, right-click *inside* the  ``initManagement()``  method body, select the JMX submenu and then the "Generate MBean Registration..." action. In the "Instantiate and Register MBean" panel that shows up, keep the "Register Existing MBean" radio-button selected, click the Browse button, choose the  ``AnagramsStats``  MBean class and click OK in the Browse panel. You should now see:
@@ -411,7 +414,10 @@ private void initManagement() throws Exception {
 
 Here is what you should see at this stage [click to view larger image]:
 
-image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+[.feature]
+--
+image:images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+--
 
 You now need to add code to track the user's anagram solving experience.
 
@@ -444,7 +450,10 @@ The  ``stopThinking()``  method in the MBean is called each time that an anagram
 
 You should now see the following in the editor [click to view larger image]:
 
-image::images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+[.feature]
+--
+image:images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+--
 
 You have now finished linking the JMX management layer to the application layer. In the next section you will build and run the Anagrams Game application and look at the exposed management information through the JConsole GUI.
 
@@ -482,7 +491,10 @@ image::images/jmx-jconsole-mbeans1.png[title="MBeans tab showing AnagramsStats n
 The solutions to the anagrams (abstraction, ambiguous, arithmetic, backslash,...) are contained in the  ``WordLibrary``  class.
 
 6. In the JConsole window, and notice that it received notifications for each of the solutions. 
-image:::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+[.feature]
+--
+image::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+--
 7. Click on the Attributes node and notice the attributes values are updated: 
 image::images/jmx-jconsole-mbeans3.png[title="MBeans tab showing AnagramsStats node"]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ja.asciidoc
index 9f41617f..66fe2cdd 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ja.asciidoc
@@ -347,7 +347,10 @@ image::images/jmx-initmanagement-try.png[title="tryとcatchを追加するため
 
 この段階では次のようになっているはずです[図をクリックして拡大]。
 
-image::images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+[.feature]
+--
+image:images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+--
 5. ここで、JMXモジュールMBean登録ウィザードを使用して、MBean登録コードを ``initManagement()`` メソッドに追加します。
 
  ``Anagrams.java`` ソース・エディタ・ウィンドウで、 ``initManagement()`` メソッド本体*内*を右クリックし、「JMX」サブメニュー、「MBean登録の生成」アクションの順に選択します。表示された「MBeanのインスタンス化と登録」パネルで、「既存のMBeanの登録」ラジオ・ボタンを選択されたままにし、「参照」ボタンをクリックします。「参照」パネルで「 ``AnagramsStats`` 」MBeanクラスを選択し、「OK」をクリックします。表示は次のようになります。
@@ -410,7 +413,10 @@ private void initManagement() throws Exception {
 
 この段階では次のようになっているはずです[図をクリックして拡大]。
 
-image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+[.feature]
+--
+image:images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+--
 
 ユーザーのアナグラムの解答の実績を追跡するコードを追加する必要があります。
 
@@ -443,7 +449,10 @@ image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanag
 
 エディタの表示は次のようになります[図をクリックして拡大]。
 
-image::images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+[.feature]
+--
+image:images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+--
 
 これで、JMX管理レイヤーとアプリケーション・レイヤーのリンクが終了しました。次の項では、Anagrams Gameアプリケーションをビルドして実行し、公開された管理情報をJConsole GUIを介して確認します。
 
@@ -481,7 +490,10 @@ image::images/jmx-jconsole-mbeans1.png[title="AnagramsStatsノードを表示し
 アナグラムの解答(abstraction、ambiguous、arithmetic、backslash、...)は、 ``WordLibrary`` クラスに含まれます。
 
 6. JConsoleウィンドウで、解答のたびに通知を受信していることを確認します。
-image:::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+[.feature]
+--
+image::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+--
 7. 「属性」ノードをクリックし、属性値が更新されていることを確認します。
 image::images/jmx-jconsole-mbeans3.png[title="AnagramsStatsノードを表示した「MBeans」タブ"]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_pt_BR.asciidoc
index 7e492cde..a47dc7ed 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_pt_BR.asciidoc
@@ -347,7 +347,10 @@ image::images/jmx-initmanagement-try.png[title="Dica de código para adicionar t
 
 Veja a seguir o que deverá ser exibido neste estágio [clique para exibir uma imagem maior]:
 
-image::images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+[.feature]
+--
+image:images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+--
 5. Agora vamos adicionar o código de registro do MBean ao método  ``initManagement()`` , usando o assistente de registro do MBean do Módulo JMX:
 
 Na janela do editor do código-fonte  ``Anagrams.java`` , clique com o botão direito do mouse *no* corpo do método  ``initManagement()`` , selecione o submenu JMX e, em seguida, selecione a ação "Gerar Registro de MBean...". No painel "Instanciar e Registrar MBean", que é mostrado acima, mantenha o botão de opção "Registrar MBean Existente" selecionado, clique no botão Procurar ou escolha a classe  ``AnagramsStats``  do MBean e clique em OK no painel Procurar. Agora você deverá ver o seguinte:
@@ -410,7 +413,10 @@ private void initManagement() throws Exception {
 
 Veja a seguir o que deverá ser exibido neste estágio [clique para exibir uma imagem maior]:
 
-image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+[.feature]
+--
+image:images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+--
 
 Agora você precisa adicionar o código para rastrear a experiência do usuário na resolução do anagrama.
 
@@ -443,7 +449,10 @@ O método  ``stopThinking()``  no MBean é chamado cada vez que um anagrama é r
 
 Agora você deve ver o seguinte no editor [clique para exibir uma imagem maior]:
 
-image::images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+[.feature]
+--
+image:images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+--
 
 Agora você terminou a vinculação à camada de gerenciamento JMX para a camada da aplicação. Na próxima seção, você criará e executará a aplicação Jogo de Anagramas e verificará as informações de gerenciamento expostas por meio da GUI JConsole.
 
@@ -481,7 +490,10 @@ image::images/jmx-jconsole-mbeans1.png[title="Guia MBeans que mostra o nó Anagr
 As soluções para os anagramas (abstração, ambíguos, aritmética, barra invertida,...) estão contidas na classe  ``WordLibrary`` .
 
 6. Na janela JConsole observe que ela recebeu notificações para cada uma das soluções. 
-image:::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+[.feature]
+--
+image::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+--
 7. Clique no nó Atributos e observe que os valores do atributo estão atualizados: 
 image::images/jmx-jconsole-mbeans3.png[title="Guia MBeans que mostra o nó AnagramsStats"]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ru.asciidoc
index 49ff3a19..0080a75a 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_ru.asciidoc
@@ -348,7 +348,10 @@ image::images/jmx-initmanagement-try.png[title="Подсказка кода дл
 
 На этом этапе должен получиться следующий результат [нажмите, чтобы увеличить изображение]:
 
-image::images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+[.feature]
+--
+image:images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+--
 5. Теперь необходимо добавить код регистрации MBean в метод  ``initManagement()``  с помощью мастера регистрации MBean модуля JMX:
 
 В файле  ``Anagrams.java`` , открытом в редакторе исходного кода, щелкните правой кнопкой мыши *внутри* тела метода  ``initManagement()`` , выберите меню JMX и команду 'Создать регистрацию MBean...'. На отобразившейся панели 'Создание экземпляра и регистрация MBean' оставьте выбранным параметр 'Зарегистрировать существующий MBean', нажмите кнопку 'Обзор', выберите класс MBean  ``AnagramsStats``  и нажмите ОК на панели 'Обзор'. На экране отобразится следующее:
@@ -411,7 +414,10 @@ private void initManagement() throws Exception {
 
 На этом этапе должен получиться следующий результат [нажмите, чтобы увеличить изображение]:
 
-image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+[.feature]
+--
+image:images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+--
 
 Теперь нужно добавить код для контроля результатов расшифровки анаграмм.
 
@@ -444,7 +450,10 @@ image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanag
 
 Теперь код в редакторе должен выглядеть следующим образом [нажмите, чтобы увеличить изображение]:
 
-image::images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+[.feature]
+--
+image:images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+--
 
 Теперь управляющий слой JMX соединен со слоем приложения. Далее необходимо выполнить сборку и запуск приложения Anagrams и рассмотреть предоставленные управляющие данные в графическом интерфейсе JConsole.
 
@@ -482,7 +491,10 @@ image::images/jmx-jconsole-mbeans1.png[title="Вкладка MBeans с узло
 Расшифровки анаграмм (abstraction, ambiguous, arithmetic, backslash...) содержатся в классе  ``WordLibrary`` .
 
 6. В окне JConsole отображаются уведомления, полученные при расшифровке каждой из анаграмм. 
-image:::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+[.feature]
+--
+image::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+--
 7. Нажмите на узел 'Атрибуты' и обратите внимание на обновленные значения атрибутов: 
 image::images/jmx-jconsole-mbeans3.png[title="Вкладка MBeans с узлом AnagramsStats"]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_zh_CN.asciidoc
index 29c9fed3..fbc6bbc5 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/jmx-tutorial_zh_CN.asciidoc
@@ -347,7 +347,10 @@ image::images/jmx-initmanagement-try.png[title="添加 try-catch 的代码提示
 
 下面是您在此阶段应该看到的内容 [单击查看大图]:
 
-image::images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+[.feature]
+--
+image:images/jmx-initmanagement-sm.png[role="left", link="images/jmx-initmanagement.png"]
+--
 5. 现在,我们使用 JMX 模块 MBean 注册向导将 MBean 注册代码添加到  ``initManagement()``  方法中:
 
 在  ``Anagrams.java``  源代码编辑器窗口中,在  ``initManagement()``  方法主体*内部*右键单击,选择 "JMX" 子菜单,然后选择 "Generate MBean Registration..."(生成 MBean 注册...)操作。在显示的 "Instantiate and Register MBean"(实例化并注册 MBean)面板中,保持 "Register Existing MBean"(注册现有 MBean)单选按钮为选中状态,单击 "Browse"(浏览)按钮,选择  ``AnagramsStats``  MBean 类,然后在 "Browse"(浏览)面板中单击 "OK"(确定)。此时您应该会看到:
@@ -410,7 +413,10 @@ private void initManagement() throws Exception {
 
 下面是您在此阶段应该看到的内容 [单击查看大图]:
 
-image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+[.feature]
+--
+image:images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanagement2.png"]
+--
 
 您现在需要添加代码以跟踪用户的 anagram 解决体验。
 
@@ -443,7 +449,10 @@ image::images/jmx-initmanagement2-sm.png[role="left", link="images/jmx-initmanag
 
 您现在应该会在编辑器中看到以下内容 [单击查看大图]:
 
-image::images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+[.feature]
+--
+image:images/jmx-stopthinking-sm.png[role="left", link="images/jmx-stopthinking.png"]
+--
 
 您现已完成将 JMX 管理层链接到应用程序层。在下一部分,您将构建并运行 Anagrams Game 应用程序,并通过 JConsole GUI 查看公开的管理信息。
 
@@ -481,7 +490,10 @@ image::images/jmx-jconsole-mbeans1.png[title="显示 &quot;AnagramsStats&quot; 
 Anagram 的解决方案(abstraction、ambiguous、arithmetic、backslash...)包含在  ``WordLibrary``  类中。
 
 6. 在 "JConsole" 窗口中,注意它收到了关于每个解决方案的通知。
-image:::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+[.feature]
+--
+image::images/jmx-jconsole-mbeans2-sm.png[role="left", link="images/jmx-jconsole-mbeans2.png"]
+--
 7. 单击 "Attributes"(属性)节点,可以看到更新了属性值:
 image::images/jmx-jconsole-mbeans3.png[title="显示 &quot;AnagramsStats&quot; 节点的 &quot;MBean&quot; 标签"]
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/junit-intro.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/junit-intro.asciidoc
index 7c5dfbb8..370c148d 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/junit-intro.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/junit-intro.asciidoc
@@ -464,11 +464,17 @@ When you run a JUnit test the results are displayed in the Test Results window o
 
 When you run the test you will see one of the following results in the JUnit Test Results window.
 
-image::images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+[.feature]
+--
+image:images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+--
 
 In this image (click the image to see a larger image) you can see that the project passed all the tests. The left pane displays the results of the individual test methods and the right pane displays the test output. If you look at the output you can see the order that the tests were run. The  ``println``  that you added to each of the test methods printed out the name of the test to the output window. You can also see that in  ``UtilJUnit3Test``  the  ``setUp``  method was run before each test method and the  ``tearDown``  method was run after each method.
 
-image::images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+[.feature]
+--
+image:images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+--
 
 In this image (click the image to see a larger image) you can see that the project failed one of the tests. The  ``testTimeout``  method took too long to complete and the test thread was interrupted, causing that test to fail. It took longer than 1000 milliseconds to compute the factorial of the randomly generated number (22991).
 
@@ -831,7 +837,10 @@ You can run JUnit tests on the entire application or on individual files and see
 
 When you run  ``UtilsJUnit4Test.java``  the IDE only runs the tests in the test class. If the class passes all the tests you will see something similar to the following image in the JUnit Test Results window.
 
-image::images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+[.feature]
+--
+image:images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+--
 
 In this image (click the image to see a larger image) you can see that the IDE ran the JUnit test on  ``Utils.java``  and that the class passed all the tests. The left pane displays the results of the individual test methods and the right pane displays the test output. If you look at the output you can see the order that the tests were run. The  ``println``  that you added to each of the test methods printed out the name of the test to Test Results window and the Output window.
 
@@ -937,15 +946,24 @@ You run a test suite the same way you run any individual test class.
 
 When you run the test suite the IDE runs the tests included in the suite in the order they are listed. The results are displayed in the JUnit Test Results window.
 
-image::images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+[.feature]
+--
+image:images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+--
 
 In this image (click the image to see a larger image) you can see the test results for a JUnit 3 test suite. The test suite ran the  ``UtilsJUnit3Test``  and  ``VectorsJUnit3Test``  test classes as a single test and displayed the test results in the left pane as the results of a single test. The output in the right pane is the same as when you run the test individually.
 
-image::images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+[.feature]
+--
+image:images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+--
 
 In this image (click the image to see a larger image) you can see the test results for a JUnit 4 test suite. The test suite ran the  ``UtilsJUnit4Test``  and  ``VectorsJUnit4Test``  test classes as a single test and displayed the test results in the left pane as the results of a single test. The output in the right pane is the same as when you run the test individually.
 
-image::images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+[.feature]
+--
+image:images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+--
 
 In this image (click the image to see a larger image) you can see the test results for a mixed test suite. This test suite includes the JUnit 4 test suite and one of the JUnit 3 test classes. The test suite ran the  ``UtilsJUnit3Test.java``  and  ``JUnit4TestSuite.java``  test classes as a single test and displayed the test results in the left pane as the results of a single test. The output in the right pane is the same as running the test individually.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ja.asciidoc
index 540a4d5b..f7d3fea8 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ja.asciidoc
@@ -464,11 +464,17 @@ JUnitテストを実行すると、結果がIDEの「テスト結果」ウィン
 
 テストの実行時、「JUnitテスト結果」ウィンドウに次の結果のいずれかが表示されます。
 
-image::images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+[.feature]
+--
+image:images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、プロジェクトがすべてのテストに合格したことがわかります。左ペインには個々のテスト・メソッドの結果が表示され、右ペインにはテスト出力が表示されます。出力を確認すると、テストが実行された順序がわかります。各テスト・メソッドに追加した ``println`` により、テストの名前が出力ウィンドウに出力されます。 ``UtilJUnit3Test`` では、各テスト・メソッドの前に ``setUp`` メソッドが実行されたこと、および各メソッドの後に ``tearDown`` メソッドに実行されたことも確認できます。
 
-image::images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+[.feature]
+--
+image:images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、プロジェクトがテストの1つに失敗したことがわかります。 ``testTimeout`` メソッドの完了に時間がかかりすぎ、テスト・スレッドが割込みされたため、テストが失敗しました。ランダムに生成された数字(22991)の階乗の計算に1000ミリ秒以上かかりました。
 
@@ -831,7 +837,10 @@ public void temporarilyDisabledTest() throws Exception {
 
  ``UtilsJUnit4Test.java`` を実行するときは、テスト・クラス内のテストのみが実行されます。クラスがすべてのテストに合格すると、次のイメージに似た内容が「JUnitテスト結果」ウィンドウに表示されます。
 
-image::images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+[.feature]
+--
+image:images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、IDEにより ``Utils.java`` でJUnitテストが実行されたこと、およびクラスがすべてのテストに合格したことがわかります。左ペインには個々のテスト・メソッドの結果が表示され、右ペインにはテスト出力が表示されます。出力を確認すると、テストが実行された順序がわかります。各テスト・メソッドに追加した ``println`` により、テストの名前が「テスト結果」ウィンドウおよび「出力」ウィンドウに出力されます。
 
@@ -937,15 +946,24 @@ public class JUnit4TestSuite {
 
 テスト・スイートを実行すると、スイートに含まれるテストが一覧表示された順に実行されます。結果は「JUnitテスト結果」ウィンドウに表示されます。
 
-image::images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+[.feature]
+--
+image:images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、JUnit 3テスト・スイートのテスト結果がわかります。テスト・スイートにより ``UtilsJUnit3Test`` テスト・クラスと ``VectorsJUnit3Test`` テスト・クラスが単一のテストとして実行され、単一テストの結果として、テスト結果が左ペインに表示されました。右ペインの出力は、テストを個別に実行した場合と同じ内容です。
 
-image::images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+[.feature]
+--
+image:images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、JUnit 4テスト・スイートのテスト結果がわかります。テスト・スイートにより ``UtilsJUnit4Test`` テスト・クラスと ``VectorsJUnit4Test`` テスト・クラスが単一のテストとして実行され、単一のテストの結果としてテスト結果が左ペインに表示されました。右ペインの出力は、テストを個別に実行した場合と同じ内容です。
 
-image::images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+[.feature]
+--
+image:images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+--
 
 このイメージ(大きいイメージを表示するにはイメージをクリック)では、混合型のテスト・スイートのテスト結果がわかります。このテスト・スイートにはJUnit 4テスト・スイートとJUnit 3のテスト・クラスのうち1つが含まれています。テスト・スイートにより ``UtilsJUnit3Test.java`` テスト・クラスと ``JUnit4TestSuite.java`` テスト・クラスが単一のテストとして実行され、単一のテストの結果としてテスト結果が左ペインに表示されました。右ペインの出力は、テストを個別に実行した場合と同じ内容です。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_pt_BR.asciidoc
index fd4c303b..6fed65e3 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_pt_BR.asciidoc
@@ -464,11 +464,17 @@ Quando você executa um teste JUnit, os resultados são exibidos na janela Resul
 
 Quando você executar o teste, verá um dos resultados a seguir na janela Resultados de Testes JUnit.
 
-image::images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+[.feature]
+--
+image:images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+--
 
 Nesta imagem (clique na imagem para ampliá-la) você pode ver que o projeto foi aprovado em todos os testes. O painel esquerdo exibe os resultados dos métodos de teste individuais e o painel direito exibe a saída do teste. Se você observar na saída, poderá verificar a ordem na qual os testes foram executados. A  ``println``  adicionada a cada um dos métodos de testes imprimiu o nome do teste na janela de saída. Você também pode observar que na  ``UtilJUnit3Test``  o método  ``setUp``  foi executado antes de cada método de teste, e o método  ``tearDown``  foi executado depois de cada método.
 
-image::images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+[.feature]
+--
+image:images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+--
 
 Nesta imagem (clique na imagem para ampliá-la) você pode verificar que o projeto falhou em um dos testes. O método  ``testTimeout``  demorou muito tempo para ser concluído e o thread de teste foi interrompido, causando a falha do teste. Ele levou mais de 1000 milissegundos para calcular o fatorial do número gerado aleatoriamente (22991).
 
@@ -831,7 +837,10 @@ Você pode executar testes JUnit em todo a aplicação ou em arquivos individuai
 
 Quando você executa  ``UtilsJUnit4Tests.java`` , o IDE executa somente os testes na classe de teste. Se a classe for aprovada em todos os testes, você observará algo similar à imagem a seguir na janela Resultados do Teste JUnit.
 
-image::images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+[.feature]
+--
+image:images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+--
 
 Nesta imagem (clique na imagem para ampliá-la) você pode notar que o IDE executou o teste JUnit em  ``Utils.java``  e que a classe passou em todos os testes. O painel esquerdo exibe os resultados dos métodos de teste individuais e o painel direito exibe a saída do teste. Se você observar na saída, poderá verificar a ordem na qual os testes foram executados. A  ``println``  adicionada a cada um dos métodos de testes imprimiu o nome do teste na janela Resultados do Teste e na janela de Saída.
 
@@ -937,15 +946,24 @@ Você pode executar um conjunto de teste da mesma forma que você executa qualqu
 
 Quando você executar o conjunto de testes, o IDE executará os testes incluídos no conjunto na ordem em que foram apresentados. Os resultados são exibidos na janela Resultados do Teste JUnit.
 
-image::images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+[.feature]
+--
+image:images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+--
 
 Nessa imagem (clique na imagem para ampliá-la) você pode verificar os resultados de um conjunto de testes JUnit 3. O conjunto de testes executou as classes de teste  ``UtilsJUnit3Test``  e  ``VectorsJUnit3Test``  como um teste único e exibiu os resultados no painel esquerdo como resultados de um só teste. A saída no painel direito é a mesma de quando você executa o teste individualmente.
 
-image::images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+[.feature]
+--
+image:images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+--
 
 Nessa imagem (clique na imagem para ampliá-la) você pode verificar os resultados um conjunto de testes JUnit 4. O conjunto de testes executou as classes de teste  ``UtilsJUnit4Test``  e  ``VectorsJUnit4Test``  como um teste único e exibiu os resultados no painel esquerdo como resultados de um só teste. A saída no painel direito é a mesma de quando você executa o teste individualmente.
 
-image::images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+[.feature]
+--
+image:images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+--
 
 Nessa imagem (clique na imagem para ampliá-la) você pode verificar os resultados de um conjunto de testes mistos. O conjunto de testes inclui a JUnit 4 e uma das classes de teste JUnit 3. O conjunto de testes executou as classes de teste  ``UtilsJUnit3Test.java``  e  ``JUnit4TestSuite.java``  como um único teste e exibiu os resultados no painel esquerdo como resultados de um só teste. A saída no painel direito é a mesma obtida com a execução do teste individualmente.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ru.asciidoc
index e24ca899..ee48de46 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_ru.asciidoc
@@ -464,11 +464,17 @@ public void *DISABLED_*testTemporarilyDisabled() throws Exception {
 
 При выполнении теста будет получен один из следующих результатов в окне "JUnit Test Results".
 
-image::images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+[.feature]
+--
+image:images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+--
 
 В примере на этом рисунке (для увеличения щелкните изображение) проект успешно прошел все тесты. На левой панели выводятся результаты отдельных тестовых методов, а на правой панели выводится результат теста. В окне вывода отображается порядок выполнения тестов. Добавление к каждому тестовому методу  ``println``  обеспечивает вывод имени теста в окне вывода. Можно также отметить, что в  ``UtilJUnit3Test``  метод  ``setUp``  выполнялся перед каждым тестовым методу, а метод  ``tearDown``  выполнялся после каждого метода.
 
-image::images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+[.feature]
+--
+image:images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+--
 
 В примере на этом рисунке (для увеличения щелкните изображение) тестирование проекта завершилось сбоем. Выполнение метода  ``testTimeout``  заняло слишком много времени, поэтому поток выполнения теста был прерван и явился причиной сбоя теста. Для вычисления факториала случайного числа потребовалось более 1000 миллисекунд (22 991).
 
@@ -831,7 +837,10 @@ public void temporarilyDisabledTest() throws Exception {
 
 При запуске  ``UtilsJUnit4Test.java``  в среде IDE выполняются только тесты в тестовом классе. На следующем рисунке представлен пример окна "JUnit Test Results" в случае успешного прохождения классом всех тестов.
 
-image::images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+[.feature]
+--
+image:images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+--
 
 В примере на рисунке (для увеличения щелкните изображение) в среде IDE был выполнен тест JUnit для  ``Utils.java`` , при этом класс успешно прошел все тесты. На левой панели выводятся результаты отдельных тестовых методов, а на правой панели выводится результат теста. В окне вывода отображается порядок выполнения тестов.  ``println`` , который был добавлен в тестовые методы, печатает имя теста в окне "Результаты тестирования" и в окне "Вывод".
 
@@ -937,15 +946,24 @@ public class JUnit4TestSuite {
 
 При выполнении набора тестов в среде IDE тесты, включенные в набор, выполняются в указанном порядке. Результаты отображаются в окне "JUnit Test Results".
 
-image::images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+[.feature]
+--
+image:images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+--
 
 В примере на этом рисунке (для увеличения щелкните изображение) в окне отображаются результаты набора тестов JUnit 3. В наборе тестов тестовые классы  ``UtilsJUnit3Test``  и  ``VectorsJUnit3Test``  были выполнены как один тест, и результаты выведены на экран в левой панели как результаты одного теста. Данные в правой панели представляют собой результат выполнения тестов по отдельности.
 
-image::images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+[.feature]
+--
+image:images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+--
 
 В примере на этом рисунке (для увеличения щелкните изображение) в окне отображаются результаты набора тестов JUnit 4. В наборе тестов тестовые классы  ``UtilsJUnit4Test``  и  ``VectorsJUnit4Test``  были выполнены как один тест, и результаты выведены на экран в левой панели как результаты одного теста. Данные в правой панели представляют собой результат выполнения тестов по отдельности.
 
-image::images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+[.feature]
+--
+image:images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+--
 
 В примере на этом рисунке (для увеличения щелкните изображение) в окне отображаются результаты смешанного набора тестов. Этот набор тестов включает набор тестов JUnit 4 и один тестовый класс JUnit 3. В наборе тестов тестовые классы  ``UtilsJUnit3Test.java``  и  ``JUnit4TestSuite.java``  были выполнены как один тест, и результаты выведены на экран в левой панели как результаты одного теста. Данные в правой панели представляют собой результаты выполнения тестов по отдельности.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_zh_CN.asciidoc
index cb3c54cf..81c17902 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/junit-intro_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/junit-intro_zh_CN.asciidoc
@@ -464,11 +464,17 @@ public void *DISABLED_*testTemporarilyDisabled() throws Exception {
 
 运行测试之后,您将在 "JUnit Test Results"(JUnit 测试结果)窗口中看到以下结果之一。
 
-image::images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+[.feature]
+--
+image:images/junit3-test-pass-sm.png[role="left", link="images/junit3-test-pass.png"]
+--
 
 在此图像中(单击图像查看大图),您可以看到项目通过了所有测试。左侧窗格显示各测试方法的结果,右侧窗格显示测试输出。如果您查看输出,您可以看到测试运行的顺序。添加到各测试方法中的  ``println``  在输出窗口中输出测试的名称。您还可以看到,在  ``UtilJUnit3Test``  中, ``setUp``  方法在各测试方法之前运行,而  ``tearDown``  方法在各方法之后运行。
 
-image::images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+[.feature]
+--
+image:images/junit3-test-fail-sm.png[role="left", link="images/junit3-test-fail.png"]
+--
 
 在此图像中(单击图像查看大图),您可以看到项目未通过其中一个测试。 ``testTimeout``  方法花费了过长的运行时间,并且测试线程被中断,导致测试失败。它花了超过 1000 毫秒来计算出随机生成数(22991)的阶乘。
 
@@ -831,7 +837,10 @@ public void temporarilyDisabledTest() throws Exception {
 
 在运行  ``UtilsJUnit4Test.java``  时,IDE 仅运行测试类中的测试。如果类通过了所有测试,那么您将在 "JUnit Test Results"(JUnit 测试结果)窗口中看到与下图相似的结果。
 
-image::images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+[.feature]
+--
+image:images/junit4-utilstest-pass-sm.png[role="left", link="images/junit4-utilstest-pass.png"]
+--
 
 在该图中(单击图像查看大图),您可以看到 IDE 对  ``Utils.java``  运行了 JUnit 测试,并且类通过了所有测试。左侧窗格显示各测试方法的结果,右侧窗格显示测试输出。如果您查看输出,您可以看到测试运行的顺序。您向每个测试方法添加的  ``println``  已将测试的名称输出到 "Test Results"(测试结果)窗口和 "Output"(输出)窗口中。
 
@@ -937,15 +946,24 @@ public class JUnit4TestSuite {
 
 运行测试套件之后,IDE 将按照套件中的测试的列出顺序来运行它们。JUnit 测试结果显示在 "JUnit Test Results"(JUnit 测试结果)窗口中。
 
-image::images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+[.feature]
+--
+image:images/junit3-suite-results-sm.png[role="left", link="images/junit3-suite-results.png"]
+--
 
 在该图中(单击图像查看大图),您可以看到 JUnit 3 测试套件的测试结果。测试套件将以单独测试的形式来运行  ``UtilsJUnit3Test``  和  ``VectorsJUnit3Test``  测试类,并在左侧窗格中显示各测试的结果。单独运行测试时,右侧窗格中的输出与左侧相同。
 
-image::images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+[.feature]
+--
+image:images/junit4-suite-results-sm.png[role="left", link="images/junit4-suite-results.png"]
+--
 
 在该图中(单击图像查看大图),您可以看到 JUnit 4 测试套件的测试结果。测试套件将以单独测试的形式来运行  ``UtilsJUnit4Test``  和  ``VectorsJUnit4Test``  测试类,并在左侧窗格中显示各测试的结果。单独运行测试时,右侧窗格中的输出与左侧相同。
 
-image::images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+[.feature]
+--
+image:images/junitmix3and4-suite-results-sm.png[role="left", link="images/junitmix3and4-suite-results.png"]
+--
 
 在该图中(单击图像查看大图),您可以看到混合测试套件的测试结果。该测试套件包括 JUnit 4 测试套件和一个 JUnit 3 测试类。测试套件将以单独测试的形式来运行  ``UtilsJUnit3Test.java``  和  ``JUnit4TestSuite.java``  测试类,并在左侧窗格中显示各测试的结果。单独运行测试时,右侧窗格中的输出与左侧相同。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/native_pkg.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/native_pkg.asciidoc
index 06f522bd..fc34c581 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/native_pkg.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/native_pkg.asciidoc
@@ -95,7 +95,10 @@ To use the IDE's support for native packaging, the following additional tools ne
 * To check if the installed tool is in the Path, open the Command Prompt window and type  ``iscc.exe``  for Inno Setup or  ``candle.exe``  for WiX. (In case the Command Prompt closes instantly, try specifying  ``cmd.exe /c cmd.exe /k iscc.exe``  or  ``cmd.exe /c cmd.exe /k candle.exe``  respectively.)
 The following figure shows what the Command Prompt should display if Inno Setup is added to the system Path variable.
 
-image:::images/cmd_small.png[role="left", link="images/cmd.png"]
+[.feature]
+--
+image::images/cmd_small.png[role="left", link="images/cmd.png"]
+--
 
 * Make sure the IDE is restarted after the tools are added to the system Path variable.
 
@@ -122,7 +125,10 @@ You will create a new Java SE project with the Anagram game example which is shi
 2. In the New Project wizard, expand the Samples category and select Java.
 3. Choose Anagram Game in the Projects list. Then click Next.
 
-image:::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+[.feature]
+--
+image::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+--
 
 4. In the Name and Location panel, leave the default values for the Project Name and Project Location fields.
 5. Click Finish.
@@ -147,7 +153,10 @@ image::images/context_wo_pkg.png[]
 1. Right-click the project node in the Projects window and select Properties from the context menu.
 2. In the Project Properties dialog box, choose the Deployment category and select the Enable Native Packaging Actions in Project Menu option.
 
-image:::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+[.feature]
+--
+image::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+--
 
 3. Click OK.
 A Package as command is added to the project's context menu.
@@ -164,7 +173,10 @@ It is time to clean and build your application for deployment.
 * Choose Run > Clean and Build Project from the main menu.
 The IDE displays the results in the Output window.
 
-image:::images/output_small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output_small.png[role="left", link="images/output.png"]
+--
 
 A  ``dist``  folder that contains a  ``jar``  file is created in the project folder.
 
@@ -181,7 +193,10 @@ The application can now be packaged in an installer for Windows.
 
 The IDE displays the progress and result of the packaging process in the Output window.
 
-image:::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+[.feature]
+--
+image::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+--
 
 *Note:* The IDE first logs some progress and then for some time it looks as if nothing is happening - this is exactly the moment when Inno Setup is working in the background. It takes a while for the packaging to get completed.
 
@@ -211,7 +226,10 @@ You begin by creating a JavaFX project using the BrickBreaker sample project bun
 3. Choose BrickBreaker in the Projects list. Then click Next.
 4. In the Name and Location panel, leave the default values for the Project Name, Project Location, and JavaFX Platform fields.
 
-image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+[.feature]
+--
+image::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+--
 
 5. Click Finish. 
 The BrickBreaker JavaFX project displays in the Projects window in the IDE.
@@ -219,7 +237,10 @@ The BrickBreaker JavaFX project displays in the Projects window in the IDE.
 To test that the created project works fine, run it by choosing Run > Run Project(BrickBreaker) from the main menu.
 The Brick Breaker application should launch and display on your machine.
 
-image:::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+[.feature]
+--
+image::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+--
 
 
 === Enabling Native Packaging in the Project
@@ -235,7 +256,10 @@ image::images/javafx_wo_pkg.png[]
 1. Right-click the project node in the Projects window and select Properties from the context menu.
 2. In the Project Properties dialog box, choose Deployment in the Build category and select the Enable Native Packaging option.
 
-image:::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+[.feature]
+--
+image::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+--
 
 3. Click OK.
 The Package as item is added to the project's context menu.
@@ -272,7 +296,10 @@ The application can now be wrapped into a Windows-specific installable package.
 
 The IDE displays the progress and result of the packaging process in the Output window.
 
-image:::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+[.feature]
+--
+image::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+--
 
 *Note:* The IDE first logs some progress and then for some time it looks as if nothing is happening - this is exactly the moment when WiX is working in the background. It takes a while for the packaging to get completed.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ja.asciidoc
index c82bd328..76109b84 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ja.asciidoc
@@ -95,7 +95,10 @@ image::images/netbeans-stamp-80-74.png[title="このページの内容は、NetB
 * インストールされたツールのパスが通っていることを確認するには、「コマンド プロンプト」ウィンドウを開き、 ``iscc.exe``  (Inno Setupの場合)または ``candle.exe``  (WiXの場合)と入力します。(コマンド プロンプトがすぐに閉じる場合、それぞれ ``cmd.exe /c cmd.exe /k iscc.exe`` または ``cmd.exe /c cmd.exe /k candle.exe`` と指定してみてください。)
 次の図に、Inno Setupがシステム・パス変数に追加されている場合のコマンド プロンプトでの表示を示します。
 
-image:::images/cmd_small.png[role="left", link="images/cmd.png"]
+[.feature]
+--
+image::images/cmd_small.png[role="left", link="images/cmd.png"]
+--
 
 * ツールをシステム・パス変数に追加した後、必ずIDEを再起動してください。
 
@@ -122,7 +125,10 @@ NetBeans IDEに含まれているAnagramゲーム・サンプルを使用して
 2. 新規プロジェクト・ウィザードで、「サンプル」カテゴリを展開して「Java」を選択します。
 3. 「プロジェクト」リストで「アナグラム・ゲーム」を選択します。「次」をクリックします。
 
-image:::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+[.feature]
+--
+image::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+--
 
 4. 「名前と場所」パネルで、「プロジェクト名」および「プロジェクトの場所」フィールドのデフォルト値をそのままにします。
 5. 「終了」をクリックします。
@@ -147,7 +153,10 @@ image::images/context_wo_pkg.png[]
 1. 「プロジェクト」ウィンドウでプロジェクトのノードを右クリックし、コンテキスト・メニューから「プロパティ」を選択します。
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「デプロイメント」カテゴリを選択し、「プロジェクト・メニューでネイティブ・パッケージング・アクションを有効化」オプションを選択します。
 
-image:::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+[.feature]
+--
+image::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+--
 
 3. 「OK」をクリックします。
 「パッケージとして」コマンドがプロジェクトのコンテキスト・メニューに追加されます。
@@ -164,7 +173,10 @@ image::images/pkg_enabled.png[]
 * メイン・メニューから「実行」>「プロジェクトを消去してビルド」を選択します。
 「出力」ウィンドウに結果が表示されます。
 
-image:::images/output_small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output_small.png[role="left", link="images/output.png"]
+--
 
  ``jar`` ファイルを含む ``dist`` フォルダがプロジェクト・フォルダに作成されます。
 
@@ -181,7 +193,10 @@ image:::images/output_small.png[role="left", link="images/output.png"]
 
 「出力」ウィンドウに、進捗とパッケージング処理の結果が表示されます。
 
-image:::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+[.feature]
+--
+image::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+--
 
 *注意: *IDEが進捗の一部を出力した後、しばらく何も行われていないように見えます。この間、Inno Setupがバックグラウンドで動作しています。パッケージングが完了するまで少し時間がかかります。
 
@@ -211,7 +226,10 @@ IDEにバンドルされたBrickBreakeサンプル・プロジェクトを使用
 3. 「プロジェクト」リストでBrickBreakerを選択します。「次」をクリックします。
 4. 「名前と場所」パネルで、「プロジェクト名」、「プロジェクトの場所」および「JavaFXプラットフォーム」の各フィールドをデフォルト値のままにします。
 
-image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+[.feature]
+--
+image::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+--
 
 5. 「終了」をクリックします。
 IDEの「プロジェクト」ウィンドウにBrickBreaker JavaFXが表示されます。
@@ -219,7 +237,10 @@ IDEの「プロジェクト」ウィンドウにBrickBreaker JavaFXが表示さ
 作成されたプロジェクトが正常に動作することをテストするには、メイン・メニューから「実行」>「プロジェクトの実行(BrickBreaker)」を選択して実行します。
 Brick Breakerアプリケーションが起動し、マシンに表示されます。
 
-image:::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+[.feature]
+--
+image::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+--
 
 
 === プロジェクトでのネイティブ・パッケージングの有効化
@@ -235,7 +256,10 @@ image::images/javafx_wo_pkg.png[]
 1. 「プロジェクト」ウィンドウでプロジェクトのノードを右クリックし、コンテキスト・メニューから「プロパティ」を選択します。
 2. 「プロジェクト・プロパティ」ダイアログ・ボックスで、「ビルド」カテゴリの「デプロイメント」を選択し、「ネイティブ・パッケージングの有効化」オプションを選択します。
 
-image:::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+[.feature]
+--
+image::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+--
 
 3. 「OK」をクリックします。
 「パッケージとして」項目がプロジェクトのコンテキスト・メニューに追加されます。
@@ -272,7 +296,10 @@ JavaFXアプリケーションの消去およびビルドの準備ができま
 
 「出力」ウィンドウに、進捗とパッケージング処理の結果が表示されます。
 
-image:::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+[.feature]
+--
+image::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+--
 
 *注意: *IDEが進捗の一部を出力した後、しばらく何も行われていないように見えます。この間、WiXがバックグラウンドで動作しています。パッケージングが完了するまで少し時間がかかります。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_pt_BR.asciidoc
index b6130b1f..d648b307 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_pt_BR.asciidoc
@@ -95,7 +95,10 @@ Para usar o suporte do IDE para encapsulamento nativo, as seguintes ferramentas
 * Para verificar se a ferramenta instalada está no Path, abra a janela Prompt de Comando e digite  ``iscc.exe``  para Inno Setup ou  ``candle.exe``  para WiX. (Se o Prompt de Comando for fechado instantaneamente, tente especificar  ``cmd.exe /c cmd.exe /k iscc.exe``  ou  ``cmd.exe /c cmd.exe /k candle.exe``  respectivamente.)
 A figura a seguir mostra o que o Prompt de Comando deve exibir, caso o Inno Setup seja adicionado à variável Path do sistema.
 
-image:::images/cmd_small.png[role="left", link="images/cmd.png"]
+[.feature]
+--
+image::images/cmd_small.png[role="left", link="images/cmd.png"]
+--
 
 * Certifique-se de que o IDE tenha sido reiniciado após as ferramentas serem adicionadas à variável Path do sistema.
 
@@ -122,7 +125,10 @@ Você criará um novo projeto Java SE com o exemplo do jogo de Anagramas que é
 2. No assistente Novo Projeto, expanda a categoria Amostras e selecione Java.
 3. Escolha o Jogo de Anagramas na lista Projetos. Em seguida, clique em Próximo.
 
-image:::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+[.feature]
+--
+image::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+--
 
 4. No painel Nome e Local, deixe os valores default para os campos Nome do Projeto e Localização do Projeto.
 5. Clique em Finalizar.
@@ -147,7 +153,10 @@ image::images/context_wo_pkg.png[]
 1. Clique com o botão direito do mouse no nó do projeto na janela Projetos e selecione as Propriedades no menu de contexto.
 2. Na caixa de diálogo Propriedades do Projeto, escolha a categoria Implantação e selecione Ativar Ações de Encapsulamento Nativo na opção Menu do Projeto.
 
-image:::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+[.feature]
+--
+image::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+--
 
 3. Clique em OK. 
 Um comando Encapsular como é adicionado ao menu de contexto do projeto.
@@ -164,7 +173,10 @@ image::images/pkg_enabled.png[]
 * Escolha Executar > Limpar e Construir Projeto do menu principal.
 O IDE exibe os resultados na janela de Saída.
 
-image:::images/output_small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output_small.png[role="left", link="images/output.png"]
+--
 
 Uma pasta  ``dist``  que contém um arquivo  ``jar``  é criada na pasta do projeto.
 
@@ -181,7 +193,10 @@ A aplicação agora pode ser encapsulada em um instalador para Windows.
 
 O IDE exibe o andamento e o resultado do processo de encapsulamento na janela de Saída.
 
-image:::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+[.feature]
+--
+image::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+--
 
 *Observação:* o IDE primeiro registra o progresso e, em seguida, durante um período verifica como se nada estivesse acontecendo - é exatamente neste momento em que o Inno Setup está trabalhando em segundo plano. Demora um pouco para o encapsulamento ser concluído.
 
@@ -211,7 +226,10 @@ Você começa a criação de um projeto JavaFX usando o projeto de amostra Brick
 3. Escolha BrickBreaker na lista Projetos. Em seguida, clique em Próximo.
 4. No painel Nome e Local, deixe os valores default para os campos Nome do Projeto, Localização do Projeto e Plataforma JavaFX.
 
-image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+[.feature]
+--
+image::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+--
 
 5. Clique em Finalizar. 
 O projeto JavaFX do BrickBreaker é exibido na janela Projetos no IDE.
@@ -219,7 +237,10 @@ O projeto JavaFX do BrickBreaker é exibido na janela Projetos no IDE.
 Para testar se o projeto criado funciona, execute-o escolhendo Executar > Executar Projeto (BrickBreaker) no menu principal.
 A aplicação Brick Breaker deve ser iniciada e exibida em sua máquina.
 
-image:::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+[.feature]
+--
+image::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+--
 
 
 === Ativando Encapsulamento Nativo no Projeto
@@ -235,7 +256,10 @@ image::images/javafx_wo_pkg.png[]
 1. Clique com o botão direito do mouse no nó do projeto na janela Projetos e selecione as Propriedades no menu de contexto.
 2. Na caixa de diálogo Propriedades do Projeto, escolha a categoria Construir e selecione a opção Ativar Encapsulamento Nativo.
 
-image:::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+[.feature]
+--
+image::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+--
 
 3. Clique em OK. 
 A opção Encapsular como item é adicionada ao menu de contexto do projeto.
@@ -272,7 +296,10 @@ A aplicação agora pode ser encapsulada em um pacote instalável específico do
 
 O IDE exibe o andamento e o resultado do processo de encapsulamento na janela de Saída.
 
-image:::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+[.feature]
+--
+image::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+--
 
 *Observação:* o IDE primeiro registra o progresso e, em seguida, durante um período verifica como se nada estivesse acontecendo - é exatamente neste momento em que a WiX está trabalhando em segundo plano. Demora um pouco para o encapsulamento ser concluído.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ru.asciidoc
index 34b18cb7..7632423c 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_ru.asciidoc
@@ -95,7 +95,10 @@ image::images/netbeans-stamp-80-74.png[title="Содержимое на этой
 * Проверьте, что установленное средство указано в переменной Path. Для этого откройте окно командной строки и введите  ``iscc.exe``  для Inno Setup или  ``candle.exe``  для WiX. (Если при этом окно командной строки сразу закрывается, попробуйте ввести команду  ``cmd.exe /c cmd.exe /k iscc.exe``  или  ``cmd.exe /c cmd.exe /k candle.exe``  соответственно.)
 На рисунке показано окно командной строки с результатом, указывающим на успешное добавление Inno Setup в системную переменную Path.
 
-image:::images/cmd_small.png[role="left", link="images/cmd.png"]
+[.feature]
+--
+image::images/cmd_small.png[role="left", link="images/cmd.png"]
+--
 
 * После добавления всех средств в системную переменную Path обязательно перезапустите IDE.
 
@@ -122,7 +125,10 @@ image:::images/cmd_small.png[role="left", link="images/cmd.png"]
 2. В мастере создания проектов разверните категорию 'Образцы' и выберите Java.
 3. В списке 'Проекты' выберите 'Игра Anagram'. Затем нажмите кнопку "Дальше".
 
-image:::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+[.feature]
+--
+image::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+--
 
 4. На панели 'Имя и местоположение' оставьте без изменения данные в полях 'Имя проекта' и 'Местоположение проекта'.
 5. Нажмите 'Готово'.
@@ -147,7 +153,10 @@ image::images/context_wo_pkg.png[]
 1. В окне 'Проекты' щелкните правой кнопкой мыши узел проекта и выберите 'Свойства' в контекстном меню.
 2. В диалоговом окне 'Свойства проекта' выберите категорию 'Развертывание', затем выберите параметр 'Включить команды создания встроенных пакетов в меню проекта'.
 
-image:::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+[.feature]
+--
+image::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+--
 
 3. Нажмите ОК.
 В контекстном меню проекта появится команда 'Упаковать'.
@@ -164,7 +173,10 @@ image::images/pkg_enabled.png[]
 * Выберите 'Выполнить > Очистить и собрать проект' в главном меню.
 Результаты выполнения команды отображаются в окне 'Результаты'.
 
-image:::images/output_small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output_small.png[role="left", link="images/output.png"]
+--
 
 В каталоге проекта создается папка  ``dist``  с файлом  ``jar`` .
 
@@ -181,7 +193,10 @@ image:::images/output_small.png[role="left", link="images/output.png"]
 
 IDE отображает ход выполнения и результат процесса упаковки в окне 'Результаты'.
 
-image:::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+[.feature]
+--
+image::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+--
 
 *Примечание.* При отображении хода выполнения IDE изображение на экране может некоторое время не меняться - именно в этот момент в фоновом режиме работает Inno Setup. Процесс упаковки займет некоторое время.
 
@@ -211,7 +226,10 @@ image::images/anagram_exe.png[]
 3. В списке 'Проекты' выберите BrickBreaker. Затем нажмите кнопку "Дальше".
 4. На панели 'Имя и местоположение' оставьте без изменения данные в полях 'Имя проекта' и 'Местоположение проекта' и 'Платформа JavaFX'.
 
-image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+[.feature]
+--
+image::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+--
 
 5. Нажмите 'Готово'. 
 Проект JavaFX BrickBreaker отображается в IDE в окне 'Проекты'.
@@ -219,7 +237,10 @@ image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj
 Чтобы проверить работоспособность проекта, запустите его с помощью команды 'Выполнить >Запуск проекта (BrickBreaker)' в главном меню.
 На компьютере должно запуститься и отобразиться приложение Brick Breaker.
 
-image:::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+[.feature]
+--
+image::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+--
 
 
 === Включение создания встроенных пакетов для проекта
@@ -235,7 +256,10 @@ image::images/javafx_wo_pkg.png[]
 1. В окне 'Проекты' щелкните правой кнопкой мыши узел проекта и выберите 'Свойства' в контекстном меню.
 2. В диалоговом окне 'Свойства проекта' в категории 'Сборка' выберите 'Развертывание', затем выберите параметр 'Включить создание встроенных пакетов'.
 
-image:::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+[.feature]
+--
+image::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+--
 
 3. Нажмите ОК.
 В контекстном меню проекта появится пункт 'Упаковать'.
@@ -272,7 +296,10 @@ image::images/pkg_fx_enabled.png[]
 
 IDE отображает ход выполнения и результат процесса упаковки в окне 'Результаты'.
 
-image:::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+[.feature]
+--
+image::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+--
 
 *Примечание.* При отображении хода выполнения IDE изображение на экране может некоторое время не меняться - именно в этот момент в фоновом режиме работает WiX. Процесс упаковки займет некоторое время.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_zh_CN.asciidoc
index 1a8ce5c6..f26b8669 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/native_pkg_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/native_pkg_zh_CN.asciidoc
@@ -95,7 +95,10 @@ image::images/netbeans-stamp-80-74.png[title="此页上的内容适用于 NetBea
 * 要检查安装的工具是否位于路径中,请打开 "Command Prompt"(命令提示)窗口,然后为 Inno Setup 键入  ``iscc.exe`` ,并为 WiX 键入  ``candle.exe`` 。(如果 "Command Prompt"(命令提示)立即关闭,请尝试分别指定  ``cmd.exe /c cmd.exe /k iscc.exe``  或  ``cmd.exe /c cmd.exe /k candle.exe`` 。)
 下图显示将 Inno Setup 添加到系统 Path 变量中时 "Command Prompt"(命令提示)应显示的内容。
 
-image:::images/cmd_small.png[role="left", link="images/cmd.png"]
+[.feature]
+--
+image::images/cmd_small.png[role="left", link="images/cmd.png"]
+--
 
 * 确保在将工具添加到系统 Path 变量中之后重新启动 IDE。
 
@@ -122,7 +125,10 @@ image:::images/cmd_small.png[role="left", link="images/cmd.png"]
 2. 在 "New Project"(新建项目)向导中,展开 "Samples"(样例)类别并选择 "Java"。
 3. 在 "Projects"(项目)列表中选择 "Anagram Game"。然后,单击 "Next"(下一步)。
 
-image:::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+[.feature]
+--
+image::images/new_javase_prj_small.png[role="left", link="images/new_javase_prj.png"]
+--
 
 4. 在 "Name and Location"(名称和位置)面板中,保留 "Project Name"(项目名称)和 "Project Location"(项目位置)字段的默认值。
 5. 单击 "Finish"(完成)。
@@ -147,7 +153,10 @@ image::images/context_wo_pkg.png[]
 1. 在 "Projects"(项目)窗口中右键单击项目节点,然后从上下文菜单中选择 "Properties"(属性)。
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Deployment"(部署)类别,然后选择 "Enable Native Packaging Actions in Project Menu"(在项目菜单中启用本机打包操作)选项。
 
-image:::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+[.feature]
+--
+image::images/enable_native_pkg_small.png[role="left", link="images/enable_native_pkg.png"]
+--
 
 3. 单击 "OK"(确定)。
 包将作为命令添加到项目的上下文菜单中。
@@ -164,7 +173,10 @@ image::images/pkg_enabled.png[]
 * 从主菜单中选择 "Run"(运行)> "Clean and Build Project"(清理并构建项目)。
 IDE 将在 "Output"(输出)窗口中显示结果。
 
-image:::images/output_small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output_small.png[role="left", link="images/output.png"]
+--
 
 将在项目文件夹中创建包含  ``jar``  文件的  ``dist``  文件夹。
 
@@ -181,7 +193,10 @@ image:::images/output_small.png[role="left", link="images/output.png"]
 
 IDE 将在 "Output"(输出)窗口中显示打包过程的进度和结果。
 
-image:::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+[.feature]
+--
+image::images/output_se_exe_small.png[role="left", link="images/output_se_exe.png"]
+--
 
 *注:*IDE 会首先记录一些进度,然后会有一段时间看起来什么都没有发生,这实际上是 Inno Setup 在后台工作的时段。打包需要一些时间才能完成。
 
@@ -211,7 +226,10 @@ image::images/anagram_exe.png[]
 3. 在 "Projects"(项目)列表中选择 "BrickBreaker"。然后,单击 "Next"(下一步)。
 4. 在 "Name and Location"(名称和位置)面板中,保留 "Project Name"(项目名称)、"Project Location"(项目位置)和 "JavaFX Platform"(JavaFX 平台)字段的默认值。
 
-image:::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+[.feature]
+--
+image::images/new_javafx_prj_small.png[role="left", link="images/new_javafx_prj.png"]
+--
 
 5. 单击 "Finish"(完成)。
 BrickBreaker JavaFX 项目将显示在 IDE 的 "Projects"(项目)窗口中。
@@ -219,7 +237,10 @@ BrickBreaker JavaFX 项目将显示在 IDE 的 "Projects"(项目)窗口中
 要测试创建的项目是否正常运行,请通过从主菜单中选择 "Run"(运行)> "Run Project (BrickBreaker)"(运行项目 (BrickBreaker))来运行该项目。
 Brick Breaker 应用程序应启动并显示在您的计算机上。
 
-image:::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+[.feature]
+--
+image::images/brickbreaker_small.png[role="left", link="images/brickbreaker.png"]
+--
 
 
 === 在项目中启用本机打包
@@ -235,7 +256,10 @@ image::images/javafx_wo_pkg.png[]
 1. 在 "Projects"(项目)窗口中右键单击项目节点,然后从上下文菜单中选择 "Properties"(属性)。
 2. 在 "Project Properties"(项目属性)对话框中,选择 "Build"(构建)类别中的 "Deployment"(部署),然后选择 "Enable Native Packaging"(启用本机打包)选项。
 
-image:::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+[.feature]
+--
+image::images/enable_native_pkg_fx_small.png[role="left", link="images/enable_native_pkg_fx.png"]
+--
 
 3. 单击 "OK"(确定)。
 包将作为项添加到项目的上下文菜单中。
@@ -272,7 +296,10 @@ IDE 将在 "Output"(输出)窗口中显示结果。
 
 IDE 将在 "Output"(输出)窗口中显示打包过程的进度和结果。
 
-image:::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+[.feature]
+--
+image::images/output_fx_msi_small.png[role="left", link="images/output_fx_msi.png"]
+--
 
 *注:*IDE 会首先记录一些进度,然后会有一段时间看起来什么都没有发生,这实际上是 WiX 在后台工作的时段。打包需要一些时间才能完成。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui.asciidoc
index 3962f6a6..738b1de2 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui.asciidoc
@@ -133,7 +133,10 @@ Now that we've set up a new project for our application, let's take a minute to
 
 *Note:* To explore the GUI Builder interface with an interactive demo, view the link:http://bits.netbeans.org/media/quickstart-gui-explore.swf[+Exploring GUI Builder (.swf)+] screencast.
 
-image:::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+[.feature]
+--
+image::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+--
 
 When we added the JFrame container, the IDE opened the newly-created  ``ContactEditorUI``  form in an Editor tab with a toolbar containing several buttons, as shown in the preceding illustration. The ContactEditor form opened in the GUI Builder's Design view and three additional windows appeared automatically along the IDE's edges, enabling you to navigate, organize, and edit GUI forms as you build them.
 
@@ -206,7 +209,10 @@ The  ``JPanel``  component appears in the  ``ContactEditorUI``  form with orange
  
 |===
 
-image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+[.feature]
+--
+image::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+--
 
 Next, we need to resize the JPanel to make room for the components we'll place within it a little later, but let's take a minute to point out another of the GUI Builder's visualization features first. In order to do this we need to deselect the JPanel we just added. Because we haven't added a title border yet, the panel disappears. Notice, however, that when you pass the cursor over the JPanel, its edges change to light gray so that its position can be clearly seen. You need only to click anywhere within the component to reselect it and cause the resize handles and anchoring indicators to reappear.
 
@@ -222,20 +228,32 @@ The  ``JPanel``  component is extended to span between the container's left and
  
 |===
 
-image:::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+[.feature]
+--
+image::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+--
 
 Now that we've added a panel to contain our UI's Name information, we need to repeat the process to add another directly below the first for the E-mail information. Referring to the following illustrations, repeat the previous two tasks, paying attention to the GUI Builder's suggested positioning. Notice that the suggested vertical spacing between the two JPanels is much narrower than that at the edges. Once you have added the second JPanel, resize it such that it fills the form's remaining vertical space.
 
 |===
-|image:::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+|[.feature]
+--
+image::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+--
 
  |
 
-image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+[.feature]
+--
+image::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+--
 
  
 
-|image:::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+|[.feature]
+--
+image::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+--
 
  
 |===
@@ -257,7 +275,10 @@ Titled borders are added to both  ``JPanel``  components.
  
 |===
 
-image:::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+[.feature]
+--
+image::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+--
 
 
 === Adding Individual Components to the Form
@@ -477,7 +498,10 @@ The JLabel snaps into a right-aligned position with the column of JLabels above,
  
 |===
 
-image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+[.feature]
+--
+image::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+--
 
 As in the previous examples, double-click the JLabel to select its display text and then enter  ``Display Format:``  for the display name. Notice that when the JLabel snaps into position, the other components shift to accommodate the longer display text.
 
@@ -499,7 +523,10 @@ The component snaps into a position aligned with the baseline of the text in the
  
 |===
 
-image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+[.feature]
+--
+image::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+--
 
 |===
 |To resize the JComboBox:
@@ -509,7 +536,10 @@ image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
 
 As shown in the following illustration, the JComboBox's right edge snaps into alignment with the JPanel's recommended edge margin and the component's width is automatically set to resize with the form.
 
-image:::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+[.feature]
+--
+image::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+--
 
 3. Press Ctrl-S to save the file.
  
@@ -577,7 +607,10 @@ The JList snaps into the position designated by the alignment guidelines and its
  
 |===
 
-image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+[.feature]
+--
+image::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+--
 
 Since JLists are used to display long lists of data, they typically require the addition of a JScrollPane. Whenever you add a component which requires a JScrollPane, the GUI Builder automatically adds it for you. Because JScrollPanes are non-visual components, you have to use the Inspector window in order to view or edit any JScrollPanes that the GUI Builder created.
 
@@ -595,27 +628,42 @@ It is often beneficial to set several related components, such as buttons in mod
 2. Move the JButton over the right edge of the  ``E-mail Address``  JTextField in the lower JPanel. When the guidelines appear indicating that the JButton's baseline and right edge are aligned with that of the JTextField, shift-click to place the first button along the JFrame's right edge. The JTextField's width shrinks to accommodate the JButton when you release the mouse button.
 |===
 
-|image:::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+|[.feature]
+--
+image::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+--
 
  |
 
-image:::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+[.feature]
+--
+image::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+--
 
  
 |===
 3. Move the cursor over the top right corner of the JList in the lower JPanel. When the guidelines appear indicating that the JButton's top and right edges are aligned with that of the JList, shift-click to place the second button along the JFrame's right edge.
 
-image:::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+[.feature]
+--
+image::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+--
 
 4. Add two additional JButtons below the two we already added to create a column. Make certain to position the JButtons such that the suggested spacing is respected and consistent. If you forget to release the Shift key prior to positioning the last JButton, simply press the Escape key.
 
-image:::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+[.feature]
+--
+image::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+--
 
 5. Set the display text for each JButton. (You can edit a button's text by right-clicking the button and choosing Edit Text. Or you can click the button, pause, and then click again.) Enter `Add` for the top button, `Edit` for the second, `Remove` for the third, and `As Default` for the fourth.
 
 The JButton components snap into the positions designated by the alignment guidelines. The width of the buttons changes to accommodate the new names.
 
-image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+[.feature]
+--
+image::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+--
 
  
 |===
@@ -630,7 +678,10 @@ Now that the buttons are positioned where we want them, we'll set the four butto
 
 The JButtons are set to the same size as the button with the longest name.
 
-image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+[.feature]
+--
+image::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+--
 
  
 |===
@@ -649,14 +700,20 @@ In this section we'll add a few JRadioButtons below a JLabel that will allow use
 2. In the Palette window, select the Radio Button component from the Swing category.
 3. Move the cursor below the JLabel that we just added. When the guidelines appear indicating that the JRadioButton's left edge is aligned with that of the JLabel, move the JRadioButton slightly to the right until secondary indentation guidelines appear. Shift-click to place the first radio button.
 
-image:::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+[.feature]
+--
+image::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+--
 
 4. Move the cursor to the right of the first JRadioButton. Shift-click to place the second and third JRadioButtons, being careful to respect the suggested component spacing. Make certain to release the Shift key prior to positioning the last JRadioButton.
 5. Set the display text for each JRadioButton. (You can edit a button's text by right-clicking the button and choosing Edit Text. Or you can click the button, pause, and then click again.) Enter `HTML` for the left radio button, `Plain Text ` for the second, and `Custom` for the third.
 
 Three JRadioButtons are added to the form and indented below the  ``Mail Format``  JLabel.
 
-image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+[.feature]
+--
+image::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+--
 
  
 |===
@@ -673,7 +730,10 @@ Now we need to add the three JRadioButtons to a ButtonGroup to enable the expect
 
 Three JRadioButtons are added to the button group.
 
-image:::images/07_group-small.png[role="left", link="images/07_group.png"]
+[.feature]
+--
+image::images/07_group-small.png[role="left", link="images/07_group.png"]
+--
 
 5. Press Ctrl-S to save the file.
  
@@ -702,13 +762,19 @@ Now we need to add the buttons that will enable users to confirm the information
 2. In the Palette window, select the Button component from the Swing Controls category.
 3. Move the cursor over the form below the E-mail JPanel. When the guidelines appear indicating that the JButton's right edge is aligned with the lower right corner of the JFrame, click to place the button.
 
-image:::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+[.feature]
+--
+image::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+--
 
 4. Add another JButton to the left of the first, making certain to place it using the suggested spacing along the JFrame's bottom edge.
 5. Set the display text for each JButton. Enter  ``OK``  for the left button and  ``Cancel``  for right one. Notice that the width of the buttons changes to accommodate the new names.
 6. Set the two JButtons to be the same size by selecting both, right-clicking either, and choosing Same Size > Same Width from the pop-up menu.
 
-image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+[.feature]
+--
+image::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+--
 
 The  ``JButton``  components appear in the form and their corresponding nodes are displayed in the Navigator window. The  ``JButton``  components' code is also added to the form's source file which is visible in the Editor's Source view. Each of the JButtons are set to the same size as the button with the longest name.
 
@@ -728,7 +794,10 @@ The last thing we need to do is delete the placeholder text in the various compo
 
 Now that you have successfully built the ContactEditor GUI, you can try your interface to see the results. You can preview your form as you work by clicking the Preview Form button (image::images/test_form.png[]) in the GUI Builder's toolbar. The form opens in its own window, allowing you to test it prior to building and running.
 
-image:::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+[.feature]
+--
+image::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+--
 
 <<top,top>>
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ja.asciidoc
index 077894ec..12ab9de5 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ja.asciidoc
@@ -133,7 +133,10 @@ IDEによって、 ``ContactEditorUI.java`` アプリケーション内に ``Con
 
 *注意:* 対話型デモを使用してGUIビルダーのインタフェースを調べるには、link:http://bits.netbeans.org/media/quickstart-gui-explore.swf[+GUIビルダーの調査(.swf)+]スクリーンキャストを表示してください。
 
-image:::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+[.feature]
+--
+image::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+--
 
 前の図に示すように、JFrameコンテナを追加すると、IDEによって、新しく作成された ``ContactEditorUI`` フォームが、いくつかのボタンが含まれたツールバーとともにエディタのタブに開かれます。ContactEditorフォームはGUIビルダーのデザイン・ビューで開き、ビルドするGUIフォームを移動、編成、および編集できる3つのウィンドウがIDEの両端に自動的に表示されます。
 
@@ -206,7 +209,10 @@ IDEのGUIビルダーによって、JavaのGUIを作成するプロセスが簡
  
 |===
 
-image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+[.feature]
+--
+image::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+--
 
 次に、この後で別のコンポーネントを配置する領域を設定するためにJPanelのサイズを変更しますが、その前にGUIビルダーの別の表示機能について説明します。そのためには、追加したJPanelの選択を解除する必要があります。タイトル付き境界線をまだ追加していないので、パネルは表示されなくなります。ただし、JPanelの上にカーソルを置くと、パネルの位置がわかるように輪郭がグレーに変わります。コンポーネント内の任意の場所をクリックするとコンポーネントが再度選択され、サイズ変更のハンドルや、アンカーのインジケータが再度表示されます。
 
@@ -222,20 +228,32 @@ image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels
  
 |===
 
-image:::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+[.feature]
+--
+image::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+--
 
 UIの名前情報を格納するパネルを追加できたので、このプロセスを繰り返して、このパネルの下に電子メール情報用の別のパネルを追加する必要があります。この後の各図を参考にし、GUIビルダーの提案された配置に注意して、前の2つの作業を繰り返します。2つのJPanel間でガイドラインが示す間隔は、左右の端のマージンよりも狭くなっています。2つ目のJPanelを追加したら、フォームの縦方向の残りのスペースが埋まるようにサイズを変更します。
 
 |===
-|image:::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+|[.feature]
+--
+image::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+--
 
  |
 
-image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+[.feature]
+--
+image::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+--
 
  
 
-|image:::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+|[.feature]
+--
+image::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+--
 
  
 |===
@@ -257,7 +275,10 @@ GUIの上下2つのセクションの機能を視覚的に区別するために
  
 |===
 
-image:::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+[.feature]
+--
+image::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+--
 
 
 === フォームへの個々のコンポーネントの追加
@@ -477,7 +498,10 @@ JTextFieldがすべて同じ幅に設定され、コンポーネントの関係
  
 |===
 
-image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+[.feature]
+--
+image::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+--
 
 前の例と同様に、JLabelをダブルクリックして表示テキストを選択し、表示名に「 ``Display Format:`` 」と入力します。JLabelがスナップするとき、表示テキストの長さにあわせて他のコンポーネントの位置が調整されます。
 
@@ -499,7 +523,10 @@ image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
  
 |===
 
-image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+[.feature]
+--
+image::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+--
 
 |===
 |JComboBoxのサイズを変更するには:
@@ -509,7 +536,10 @@ image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
 
 次の図に示すように、JComboBoxの右端が、ガイドラインが示すJPanelの端のマージンにあわせてスナップし、コンポーネントの幅がフォームにあわせて自動的にサイズ変更されるように設定されます。
 
-image:::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+[.feature]
+--
+image::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+--
 
 3. [Ctrl]-[S]を押して、ファイルを保存します。
  
@@ -577,7 +607,10 @@ JListは、ガイドラインが示す位置にスナップし、対応するノ
  
 |===
 
-image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+[.feature]
+--
+image::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+--
 
 JListは、多数のデータのリストの表示に使用するので、通常はJScrollPaneを追加する必要があります。GUIビルダーでは、JScrollPaneが必要なコンポーネントを追加すると、JScrollPaneが自動的に追加されます。JScrollPaneは不可視コンポーネントなので、GUIビルダーによって作成されたJScrollPaneを表示または編集するには、「インスペクタ」ウィンドウを使用する必要があります。
 
@@ -595,27 +628,42 @@ JListは、多数のデータのリストの表示に使用するので、通常
 2. 下のJPanelでJButtonを ``E-mail Address``  JTextFieldの右端に移動します。JButtonのベースラインと右端が、JTextFieldのベースラインと右端とそろっていることを示すガイドラインが表示されたら、[Shift]を押しながらクリックし、最初のボタンをJFrameの右端に沿って配置します。マウス・ボタンを離すと、JButtonが入るようにJTextFieldの幅が小さくなります。
 |===
 
-|image:::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+|[.feature]
+--
+image::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+--
 
  |
 
-image:::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+[.feature]
+--
+image::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+--
 
  
 |===
 3. 下のJPanel内のJListの右上隅にカーソルを移動します。JButtonの上端と右端が、JListの上端と右端とそろっていることを示すガイドラインが表示されたら、[Shift]を押しながらクリックし、2つ目のボタンをJFrameの右端に沿って配置します。
 
-image:::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+[.feature]
+--
+image::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+--
 
 4. 追加した2つのボタンの下にさらにJButtonを2つ縦に追加します。これらのJButtonは、ガイドラインに従い、間隔が同じになるように配置します。最後のJButtonを配置する前に[Shift]キーを離さなかった場合は、[Esc]キーを押します。
 
-image:::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+[.feature]
+--
+image::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+--
 
 5. 各JButtonの表示テキストを設定します。(ボタンのテキストを編集するには、ボタンを右クリックして「テキストを編集」を選択します。または、ボタンをクリックし、しばらくしてからもう一度クリックすることもできます。)一番上のボタンは「`Add`」、2つ目のボタンは「`Edit`」、3つ目のボタンは「`Remove`」、4つ目のボタンは「`As Default`」にします。
 
 JButtonコンポーネントはガイドラインが示す位置にスナップします。名前の長さにあわせてボタンの幅が変わります。
 
-image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+[.feature]
+--
+image::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+--
 
  
 |===
@@ -630,7 +678,10 @@ image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
 
 すべてのJButtonが、最も長い名前のボタンと同じサイズになります。
 
-image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+[.feature]
+--
+image::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+--
 
  
 |===
@@ -649,14 +700,20 @@ image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
 2. 「パレット」ウィンドウで、「Swing」カテゴリから「ラジオ・ボタン」コンポーネントを選択します。
 3. 追加したJLabelの下にカーソルを移動します。JRadioButtonの左端がJLabelの左端とそろっていることを示すガイドラインが表示されたら、セカンダリ・インデント設定のガイドラインが表示されるまで、JRadioButtonを右に移動します。[Shift]を押しながらクリックし、最初のラジオ・ボタンを配置します。
 
-image:::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+[.feature]
+--
+image::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+--
 
 4. カーソルを最初のJRadioButtonの右側に移動します。[Shift]を押しながらクリックして、2つ目と3つ目のJRadioButtonを配置します(このとき、提示されたコンポーネントの間隔に従います)。[Shift]キーは、最後のJRadioButtonを配置する前に離します。
 5. 各JRadioButtonの表示テキストを設定します。(ボタンのテキストを編集するには、ボタンを右クリックして「テキストを編集」を選択します。または、ボタンをクリックし、しばらくしてからもう一度クリックすることもできます。)左端のラジオ・ボタンは「`HTML`」、2つ目のラジオ・ボタンは「`Plain Text`」、3つ目のラジオ・ボタンは「`Custom`」にします。
 
 3つのJRadioButtonがフォームに追加され、 ``Mail Format``  JLabelの下でインデントが設定されます。
 
-image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+[.feature]
+--
+image::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+--
 
  
 |===
@@ -673,7 +730,10 @@ image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
 
 3つのJRadioButtonがボタン・グループに追加されます。
 
-image:::images/07_group-small.png[role="left", link="images/07_group.png"]
+[.feature]
+--
+image::images/07_group-small.png[role="left", link="images/07_group.png"]
+--
 
 5. [Ctrl]-[S]を押して、ファイルを保存します。
  
@@ -702,13 +762,19 @@ ContactEditorアプリケーションの大まかなGUIが完成しましたが
 2. 「パレット」ウィンドウで、「Swingコントロール」カテゴリから「ボタン」コンポーネントを選択します。
 3. フォーム内のE-mail JPanelの下にカーソルを移動します。JButtonの右端がJFrameの右下隅とそろっていることを示すガイドラインが表示されたら、クリックしてボタンを配置します。
 
-image:::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+[.feature]
+--
+image::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+--
 
 4. 別のJButtonを最初のJButtonの左側に追加します。このとき、JFrameの下端に沿ってガイドラインが示す間隔で配置します。
 5. 各JButtonの表示テキストを設定します。左側のボタンには「 ``OK`` 」、右側のボタンには「 ``Cancel`` 」と入力します。名前の長さにあわせてボタンの幅が変わります。
 6. 両方のJButtonを選択し、いずれか一方を右クリックし、ポップアップ・メニューから「同じサイズ」>「同じ幅」を選択することで2つのボタンを同じサイズにします。
 
-image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+[.feature]
+--
+image::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+--
 
  ``JButton`` コンポーネントがフォームに表示され、それに対応するノードが「ナビゲータ」ウィンドウに表示されます。 ``JButton`` コンポーネントのコードがフォームのソース・ファイルに追加されます。このコードは、エディタのソース・ビューで確認できます。各JButtonが、最も長い名前のボタンと同じサイズになります。
 
@@ -728,7 +794,10 @@ image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png
 
 ContactEditorのGUIを正常にビルドできたので、インタフェースを試してその結果を確認することができます。GUIビルダーのツールバーの「プレビュー」ボタン(image::images/test_form.png[])をクリックすることで、作業中のフォームをプレビューできます。専用のウィンドウにフォームが開き、ビルドおよび実行する前にフォームをテストできます。
 
-image:::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+[.feature]
+--
+image::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+--
 
 <<top,先頭>>
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_pt_BR.asciidoc
index bf603535..60108635 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_pt_BR.asciidoc
@@ -108,7 +108,10 @@ Agora que já configuramos o novo projeto para a aplicação, vamos nos familiar
 
 *Observação:* Para explorar a interface do GUI Builder com uma demonstração interativa, assista o screencast link:http://bits.netbeans.org/media/quickstart-gui-explore.swf[+Explorando o GUI Builder (.swf)+].
 
-image:::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+[.feature]
+--
+image::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+--
 
 Quando adicionamos o contêiner JFrame, o IDE abriu o form  ``ContactEditorUI``  recém-criado em uma guia do Editor com uma barra de ferramentas que contém vários botões, como mostra a ilustração anterior. O form ContactEditor aberto na view Design do GUI Builder e três janelas adicionais apareceram automaticamente ao longo das margens do IDE, permitindo navegar, organizar e editar forms GUI à medida que você os constrói.
 
@@ -181,7 +184,10 @@ O componente  ``JPanel``  aparece no form  ``ContactEditorUI``  com realce na co
  
 |===
 
-image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+[.feature]
+--
+image::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+--
 
 Depois, precisamos redimensionar o JPanel para dar espaço aos componentes que serão inseridos posteriormente, mas antes tomemos um minuto para indicar outras funcionalidades de visualização do GUI Builder. Para fazer isso, precisamos desmarcar o JPanel que acabamos de adicionar. Como nós ainda não adicionamos uma borda com título, o painel desaparecerá. Observe, entretanto, que quando ao passar o cursor sobre o JPanel, as margens mudarão para cinza claro para que sua posição possa ser vista claramente. Você precisa apenas clicar em qualquer lugar no componente para selecioná-lo novamente e fazer com que os handles de redimensionamento e os indicadores de ancoragem reapareçam.
 
@@ -197,20 +203,32 @@ O componente  ``JPanel``  é estendido para ficar entre as margens esquerda e di
  
 |===
 
-image:::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+[.feature]
+--
+image::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+--
 
 Agora que adicionamos um painel para conter a informação Nome da nossa UI, precisamos repetir o processo para adicionar outro diretamente abaixo da primeira para a informação de E-mail. Consultando as ilustrações abaixo, repita as duas tarefas anteriores, prestando atenção ao posicionamento sugerido pelo GUI Builder. Observe que o espaçamento vertical sugerido entre os dois JPanels é muito mais estreito que entre as margens. Quando você tiver adicionado o segundo JPanel, redimensione-o para que preencha o espaço vertical restante do form.
 
 |===
-|image:::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+|[.feature]
+--
+image::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+--
 
  |
 
-image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+[.feature]
+--
+image::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+--
 
  
 
-|image:::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+|[.feature]
+--
+image::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+--
 
  
 |===
@@ -232,7 +250,10 @@ As bordas com título serão adicionadas a ambos componentes  ``JPanel`` .
  
 |===
 
-image:::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+[.feature]
+--
+image::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+--
 
 
 === Adicionando Componentes Individuais ao Form
@@ -452,7 +473,10 @@ O JLabel se encaixará em uma posição alinhada à direita com a coluna dos JLa
  
 |===
 
-image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+[.feature]
+--
+image::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+--
 
 Como nos exemplos anteriores, clique duas vezes no JLabel para selecionar o texto de exibição e insira  ``Exibir Formato:``  para nome de exibição. Observe que quando o JLabel se encaixa na posição, os outros componentes mudam para acomodar o texto de exibição maior.
 
@@ -474,7 +498,10 @@ O componente se encaixará em uma posição alinhada com a linha de base do JLab
  
 |===
 
-image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+[.feature]
+--
+image::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+--
 
 |===
 |Para redimensionar o JComboBox:
@@ -484,7 +511,10 @@ image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
 
 Conforme mostra a ilustração abaixo, a margem direita do JComboBox se encaixará em alinhamento com a margem recomendada do JPanel e a largura do componente será automaticamente definida para se redimensionar ao form.
 
-image:::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+[.feature]
+--
+image::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+--
 
 3. Pressione Ctrl-S para salvar o arquivo.
  
@@ -552,7 +582,10 @@ O JList se encaixará na posição designada pelas linhas-guia de alinhamento e
  
 |===
 
-image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+[.feature]
+--
+image::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+--
 
 Como as JLists são utilizadas para exibir longas listas de dados, geralmente requerem a adição de um JScrollPane. Quando você adiciona um componente que requer um JScrollPane, o GUI Builder o adiciona automaticamente para você. Como os JScrollPanes são componentes não visuais, é necessário utilizar a janela Inspetor para exibir ou editar os JScrollPanes que o GUI Builder criar.
 
@@ -570,27 +603,42 @@ Como as JLists são utilizadas para exibir longas listas de dados, geralmente re
 2. Mova o JButton acima da margem direita do JTextField  ``Endereço de E-mail``  no JPanel inferior. Quando as linhas-guia aparecerem, indicando que a linha de base e a margem direita do JButton estão alinhadas às margens do JTextField, clique pressionando Shift para posicionar o primeiro botão ao longo da margem direita do JFrame. A largura do JTextField diminui para acomodar o JButton onde você soltar o botão do mouse.
 |===
 
-|image:::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+|[.feature]
+--
+image::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+--
 
  |
 
-image:::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+[.feature]
+--
+image::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+--
 
  
 |===
 3. Mova o cursor sobre o canto superior direito do JList no JPanel inferior. Quando as linhas-guia aparecerem, indicando que as margens superior e direita do JButton estão alinhadas às margens do JList, clique pressionando Shift para posicionar o segundo botão ao longo da margem direita do JFrame.
 
-image:::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+[.feature]
+--
+image::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+--
 
 4. Adicione dois outros JButtons abaixo dos dois já adicionados para criar uma coluna. Certifique-se de posicionar os JButtons de maneira que o espaçamento sugerido seja respeitado e consistente. Se você se esquecer de soltar a tecla Shift antes de posicionar o último JButton, basta pressionar a tecla Escape.
 
-image:::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+[.feature]
+--
+image::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+--
 
 5. Defina o texto de exibição de cada JButton. (Você pode editar o texto de um botão, clicando com o botão direito do mouse no botão e escolhendo Editar Texto. Ou você pode clicar no botão, pausar e clicar novamente.) Insira `Adicionar` para o botão superior, `Editar` para o segundo, `Remover` para o terceiro e `Default` para o quarto.
 
 Os componentes JButton se encaixam nas posições designadas pelas linhas-guia de alinhamento. A largura dos botões muda para acomodar os novos nomes.
 
-image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+[.feature]
+--
+image::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+--
 
  
 |===
@@ -605,7 +653,10 @@ Agora que os botões estão posicionados onde queremos, nós definiremos os quat
 
 Os JButtons serão definidos com o mesmo tamanho do botão que tiver o nome mais longo.
 
-image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+[.feature]
+--
+image::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+--
 
  
 |===
@@ -624,14 +675,20 @@ Nesta seção, adicionaremos alguns JRadioButtons abaixo de um JLabel que permit
 2. Na janela Paleta, selecione o componente Botão de Opção na categoria Swing.
 3. Mova o cursor abaixo do JLabel recém-adicionado. Quando as linhas-guia aparecerem, indicando que a borda esquerda do JRadioButton está alinhada com a do JLabel, mova o JRadioButton ligeiramente para a direita até as linhas-guia de recuo secundárias aparecerem. Clique pressionando a tecla Shift para posicionar o primeiro botão de opção.
 
-image:::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+[.feature]
+--
+image::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+--
 
 4. Mova o cursor à direita do primeiro JRadioButton. Clique pressionando a tecla Shift para inserir o segundo e o terceiro JRadioButtons, respeitando o espaçamento sugerido do componente. Certifique-se de soltar a tecla Shift antes de posicionar o último JRadioButton.
 5. Defina o texto de exibição de cada JRadioButton. (Você pode editar o texto de um botão, clicando com o botão direito do mouse no botão e escolhendo Editar Texto. Ou você pode clicar no botão, pausar e clicar novamente.) Insira `HTML` para o botão de opção esquerdo, `Texto Simples ` para o segundo e `Personalizado` para o terceiro.
 
 Três JRadioButtons serão adicionados ao form e recuados abaixo do JLabel  ``Formato de Correio`` .
 
-image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+[.feature]
+--
+image::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+--
 
  
 |===
@@ -648,7 +705,10 @@ Agora, precisamos adicionar os três JRadioButtons a um ButtonGroup para permiti
 
 Três JRadioButtons serão adicionados ao grupo de botões.
 
-image:::images/07_group-small.png[role="left", link="images/07_group.png"]
+[.feature]
+--
+image::images/07_group-small.png[role="left", link="images/07_group.png"]
+--
 
 5. Pressione Ctrl-S para salvar o arquivo.
  
@@ -677,13 +737,19 @@ Agora precisamos adicionar os botões que permitirão aos usuários confirmar as
 2. Na janela Paleta, selecione o componente Botão na categoria Controles do Swing.
 3. Mova o cursor sobre o form abaixo do JPanel E-mail. Quando as linhas-guia aparecerem, indicando que a borda direita do JButton está alinhada ao canto direito do JFrame, clique para posicionar o botão.
 
-image:::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+[.feature]
+--
+image::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+--
 
 4. Adicione outro JButton à esquerda do primeiro, certificando-se de colocá-lo utilizando o espaçamento sugerido ao longo da margem inferior do JFrame.
 5. Defina o texto de exibição de cada JButton. Insira  ``OK``  para o botão esquerdo e  ``Cancelar``  para o botão direito. Observe que a largura dos botões muda para acomodar os novos nomes.
 6. Defina os dois JButtons para terem o mesmo tamanho selecionando-os, clicando com o botão direito do mouse em um deles e selecionando Mesmo Tamanho > Mesma Largura no menu pop-up.
 
-image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+[.feature]
+--
+image::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+--
 
 Os componentes  ``JButton``  serão exibidos no form e seus nós correspondentes serão exibidos na janela Navegador. O código dos componentes  ``JButton``  também será adicionado ao arquivo de código-fonte do form, que é visível na view Código-fonte do Editor. Todos os JButtons serão definidos com o mesmo tamanho do botão que possuir o maior nome.
 
@@ -703,7 +769,10 @@ A última coisa que precisamos fazer é deletar o texto do espaço reservado nos
 
 Agora que você criou com êxito a GUI ContactEditor, é possível experimentar a interface para ver os resultados. É possível visualizar o form à medida que trabalha clicando no botão Visualizar Form (image::images/test_form.png[]) na barra de ferramentas do GUI Builder. O form será aberto em sua própria janela, permitindo que você o teste antes da construção e execução.
 
-image:::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+[.feature]
+--
+image::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+--
 
 <<top,início>>
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ru.asciidoc
index 05472200..83549e42 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_ru.asciidoc
@@ -108,7 +108,10 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 
 *Примечание.* Изучить интерфейс средства GUI Builder можно с помощью интерактивного демонстрационного ролика link:http://bits.netbeans.org/media/quickstart-gui-explore.swf[+Exploring GUI Builder (.swf)+](Исследуя GUI Builder).
 
-image:::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+[.feature]
+--
+image::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+--
 
 При добавлении контейнера JFrame на вкладке редактора IDE открывается новая форма  ``ContactEditorUI`` , чья панель инструментов содержит кнопки, как показано на рисунке. Форма ContactEditor, открытая в режиме проектирования GUI Builder, и три дополнительных окна, автоматически выводимые по краям экрана среды IDE, позволяют пользователю выполнять навигацию, а также упорядочивать и редактировать формы графического интерфейса при их построении.
 
@@ -181,7 +184,10 @@ GUI Builder в среде IDE разрешает основные проблем
  
 |===
 
-image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+[.feature]
+--
+image::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+--
 
 Теперь следует изменить размеры панели JPanel, чтобы подготовить пространство для размещения других компонентов. Однако сначала обратим внимание на еще одну функцию визуализации GUI Builder. Отмените выбор добавленной панели JPanel. Поскольку граница с заголовком еще не добавлена, панель исчезнет. Однако обратите внимание на то, что при наведении курсора на панель JPanel ее края становятся светло-серыми, что позволяет четко определить позицию этого компонента. Теперь щелкните в пределах границ панели для ее повторного выбора, в результате появятся метки-манипуляторы и индикаторы привязки.
 
@@ -197,20 +203,32 @@ image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels
  
 |===
 
-image:::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+[.feature]
+--
+image::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+--
 
 Теперь, после добавления панели, содержащей сведений об имени пользовательского интерфейса, необходимо повторить этот процесс для добавления еще одного компонента с данными об адресе электронной почты непосредственно под первым компонентом. Повторите две предыдущих процедуры, как изображено на следующих рисунках, при этом обратите внимание на предлагаемое размещение компонентов в GUI Builder. Следует отметить, что предложенный вертикальный интервал между двумя панелями JPanel намного меньше, чем пространство до границ формы. После добавления второй панели JPanel следует изменить ее размеры так, чтобы она заполнила оставшееся пространство формы (по вертикали).
 
 |===
-|image:::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+|[.feature]
+--
+image::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+--
 
  |
 
-image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+[.feature]
+--
+image::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+--
 
  
 
-|image:::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+|[.feature]
+--
+image::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+--
 
  
 |===
@@ -232,7 +250,10 @@ image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels
  
 |===
 
-image:::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+[.feature]
+--
+image::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+--
 
 
 === Добавление отдельных компонентов к форме
@@ -452,7 +473,10 @@ image::images/05_insert_2.png[]
  
 |===
 
-image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+[.feature]
+--
+image::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+--
 
 Как и в предыдущих примерах, дважды щелкните компонент "JLabel" для выбора отображаемого в нем текста и затем введите  ``Display Format:``  в качестве отображаемого имени. Следует отметить, что при фиксации расположения "JLabel" другие компоненты смещаются в соответствии с увеличившимся размером отображаемого текста.
 
@@ -474,7 +498,10 @@ image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
  
 |===
 
-image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+[.feature]
+--
+image::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+--
 
 |===
 |Для изменения размера поля со списком "JComboBox" выполните следующие действия.
@@ -484,7 +511,10 @@ image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
 
 Как показано на следующем рисунке, правая граница "JComboBox" будет выровнена в соответствии с предложенным полем "JPanel", а для ширины этого компонента будет установлено автоматическое изменение согласно структуре формы.
 
-image:::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+[.feature]
+--
+image::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+--
 
 3. Для сохранения файла нажмите сочетание клавиш CTRL+S.
  
@@ -552,7 +582,10 @@ GUI Builder позволяет быстро и удобно установить
  
 |===
 
-image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+[.feature]
+--
+image::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+--
 
 Так как компоненты "JList" используются для вывода длинных списков с данными, они обычно требуют добавления полосы прокрутки "JScrollPane". При каждом добавлении компонента, требующего полосы прокрутки, GUI Builder автоматически добавляет к нему компонент "JScrollPane". Поскольку полосы прокрутки не являются визуальными компонентами, для их просмотра и настройки необходимо использовать окно "Инспектор" в GUI Builder.
 
@@ -570,27 +603,42 @@ image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
 2. Разместите кнопку "JButton" над правой границей поля "JTextField"  ``E-mail Address``  на нижней панели "JPanel". При появлении направляющих, указывающих на выравнивание базовой линии и правой границы кнопки "JButton" по полю "JTextField", щелкните кнопкой мыши при нажатой клавише SHIFT для позиционирования первой кнопки у правого края компонента "JFrame". После того как кнопка мыши будет отпущена, ширина "JTextField" будет уменьшена для размещения кнопки "JButton".
 |===
 
-|image:::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+|[.feature]
+--
+image::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+--
 
  |
 
-image:::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+[.feature]
+--
+image::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+--
 
  
 |===
 3. Наведите курсор на верхний правый угол списка "JList" на нижней панели "JPanel". При появлении направляющих, указывающих на выравнивание верхней и правой границ кнопки "JButton" по верхней и правой границам поля "JTextField", щелкните кнопкой мыши при нажатой клавише SHIFT для размещения второй кнопки у правого края компонента "JFrame".
 
-image:::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+[.feature]
+--
+image::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+--
 
 4. Добавьте еще две кнопки "JButton" в позицию под ранее добавленными кнопками так, чтобы они образовали столбец. Эти кнопки должны размещаться с учетом требуемых интервалов, которые должны иметь одинаковый размер. В случае удерживания клавиши SHIFT во время размещения последней кнопки "JButton" можно нажать клавишу Escape для отмены действия.
 
-image:::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+[.feature]
+--
+image::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+--
 
 5. Установите отображаемый текст для каждой кнопки "JButton". (Для изменения текста кнопки щелкните кнопку правой кнопкой мыши и выберите "Edit Text". В качестве альтернативы можно щелкнуть кнопку, выдержать паузу и щелкнуть еще раз.) Введите значение `Add` для верхней кнопки, `Edit` для второй, `Remove` для третьей и `As Default` для четвертой.
 
 Компоненты "JButton" будут привязаны к позициям, обозначенным направляющими. Ширина кнопок будет изменена для размещения новых имен.
 
-image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+[.feature]
+--
+image::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+--
 
  
 |===
@@ -605,7 +653,10 @@ image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
 
 Размер кнопок "JButton" будет скорректирован по размеру кнопки с самым длинным именем.
 
-image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+[.feature]
+--
+image::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+--
 
  
 |===
@@ -624,14 +675,20 @@ image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
 2. В окне "Палитра" выберите компонент "Список" в категории "Swing".
 3. Переместите курсор под только что добавленный компонент "JLabel". При появлении направляющих, указывающих на выравнивание левой границы переключателя по левой границе компонента "JLabel", плавно перемещайте переключатель вправо до отображения второй направляющей отступа. Щелкните кнопкой мыши при нажатой клавише SHIFT для подтверждения позиции первого переключателя.
 
-image:::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+[.feature]
+--
+image::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+--
 
 4. Переместите курсор вправо от первого компонента "JRadioButton". Щелкните мышью при нажатой клавише SHIFT для размещения второго и третьего переключателей, учитывая при этом рекомендуемый интервал между этими компонентами. Перед размещением последнего компонента "JRadioButton" отпустите клавишу SHIFT.
 5. Установите отображаемый текст для каждого переключателя "JRadioButton". (Для изменения текста кнопки щелкните кнопку правой кнопкой мыши и выберите "Edit Text". В качестве альтернативы можно щелкнуть кнопку, выдержать паузу и щелкнуть еще раз.) Введите значение `HTML` для крайнего переключателя слева, `Plain Text ` для второго переключателя и `Custom` для третьего.
 
 Итак, в форму добавлены три компонента "JRadioButton", которые расположены под компонентом "JLabel"  ``Mail Format``  с требуемым отступом.
 
-image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+[.feature]
+--
+image::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+--
 
  
 |===
@@ -648,7 +705,10 @@ image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
 
 К группе кнопок будут добавлены три переключателя "JRadioButton".
 
-image:::images/07_group-small.png[role="left", link="images/07_group.png"]
+[.feature]
+--
+image::images/07_group-small.png[role="left", link="images/07_group.png"]
+--
 
 5. Для сохранения файла нажмите сочетание клавиш CTRL+S.
  
@@ -677,13 +737,19 @@ image:::images/07_group-small.png[role="left", link="images/07_group.png"]
 2. В окне "Палитра" выберите компонент "Button" (Кнопка) из категории "Элементы управления Swing".
 3. Наведите курсор в форме в пространство ниже панели "JPanel" с именем "E-mail". При появлении направляющих, указывающих на выравнивание правой границы кнопки "JButton" по нижнему правому углу компонента "JFrame", щелкните кнопкой мыши для подтверждения расположения кнопки.
 
-image:::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+[.feature]
+--
+image::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+--
 
 4. Добавьте еще одну кнопку "JButton" слева от первой с учетом необходимого пространства до нижнего края компонента "JFrame".
 5. Установите отображаемый текст для каждой кнопки "JButton". Введите значение  ``ОК``  для левой кнопки и  ``Cancel``  для правой. Обратите внимание, что ширина кнопок изменяется для размещения новых имен.
 6. Настройте сохранение одинакового размера для кнопок "JButton". Для этого выделите обе кнопки, щелкните правой кнопкой мыши одну из них и выберите "Одинаковый размер" > "Одинаковая ширина" во всплывающем меню.
 
-image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+[.feature]
+--
+image::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+--
 
 Компоненты  ``JButton``  появляются в форме, и соответствующие им узлы отображаются в окне "Навигатор". К исходному файлу формы также будет добавлен код компонентов  ``JButton`` , что отображается в представлении "Source" редактора. Размер кнопок "JButton" будет скорректирован по размеру кнопки с самым длинным именем.
 
@@ -703,7 +769,10 @@ image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png
 
 Теперь, после успешного создания графического интерфейса для приложения ContactEditor, можно его протестировать. Форму можно просмотреть в режиме предварительного просмотра путем нажатия кнопки "Предварительный просмотр" (image::images/test_form.png[]) на панели инструментов GUI Builder. Форма откроется в отдельном окне, позволяющим выполнить тестирование перед переходом к сборке и исполнению.
 
-image:::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+[.feature]
+--
+image::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+--
 
 <<top,В начало>>
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_zh_CN.asciidoc
index 04c362c3..d4a4bd9e 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart-gui_zh_CN.asciidoc
@@ -108,7 +108,10 @@ IDE 在  ``ContactEditorUI.java``  应用程序内创建  ``ContactEditorUI``  
 
 *注:*要通过交互式演示了解 GUI 构建器界面,请观看link:http://bits.netbeans.org/media/quickstart-gui-explore.swf[+了解 GUI 构建器 (.swf)+] 截屏视频。
 
-image:::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+[.feature]
+--
+image::images/01_gb_ui-small.png[role="left", link="images/01_gb_ui.png"]
+--
 
 添加了 JFrame 容器后,IDE 会在一个 "Editor"(编辑器)标签中打开新创建的  ``ContactEditorUI``  窗体,该标签具有一个包含几个按钮的工具栏,如上图所示。ContactEditor 窗体在 GUI 构建器的 "Design"(设计)视图中打开,并沿 IDE 的边缘自动出现三个其他窗口;利用这些窗口,可以在构建 GUI 窗体时导航、组织和编辑这些窗体。
 
@@ -181,7 +184,10 @@ GUI 构建器还提供有关组件锚点和链接关系的可视反馈。通过
  
 |===
 
-image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+[.feature]
+--
+image::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels_1.png"]
+--
 
 接下来,需要调整 JPanel 的大小,为稍后在其中放置的组件留出空间,在此我们需要先花一些时间了解 GUI 构建器的另一个可视化功能。要执行此操作,我们需要取消选中刚添加的 JPanel。由于尚未添加标题边框,因此将看不到该面板。不过请注意,当将光标移动到 JPanel 上时,其边缘会变为浅灰色,这样便可以清楚地看见它的位置。只需单击该组件内的任意位置,便可以重新选中它,并且将会再次出现大小调整控柄和锚点指示符。
 
@@ -197,20 +203,32 @@ image:::images/02_add_panels_1-small.png[role="left", link="images/02_add_panels
  
 |===
 
-image:::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+[.feature]
+--
+image::images/02_add_panels_2-small.png[role="left", link="images/02_add_panels_2.png"]
+--
 
 至此,我们已添加了用于容纳 UI 名称信息的面板,接下来需要重复该过程来添加另一个面板,它位于第一个面板正下方,用于容纳电子邮件信息。请参见以下各图再次执行前面的两个任务,同时注意 GUI 构建器的建议位置。请注意,建议的两个 JPanel 之间的垂直间距要比边缘处的间距小得多。添加了第二个 JPanel 后,调整其大小,使它充满窗体的其余垂直空间。
 
 |===
-|image:::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+|[.feature]
+--
+image::images/02_add_panels_3-small.png[role="left", link="images/02_add_panels_3.png"]
+--
 
  |
 
-image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+[.feature]
+--
+image::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels_4.png"]
+--
 
  
 
-|image:::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+|[.feature]
+--
+image::images/02_add_panels_5-small.png[role="left", link="images/02_add_panels_5.png"]
+--
 
  
 |===
@@ -232,7 +250,10 @@ image:::images/02_add_panels_4-small.png[role="left", link="images/02_add_panels
  
 |===
 
-image:::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+[.feature]
+--
+image::images/02_add_borders-small.png[role="left", link="images/02_add_borders.png"]
+--
 
 
 === 将单个组件添加到窗体
@@ -452,7 +473,10 @@ JTextField 将被设置为在运行时水平调整大小。同时,也会更新
  
 |===
 
-image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+[.feature]
+--
+image::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
+--
 
 与在先前的示例中一样,双击该 JLabel 以选中其显示文本,然后输入  ``Display Format:``  作为显示名称。请注意,当该 JLabel 对齐放置时,其他组件将发生位移以适应较长的显示文本。
 
@@ -474,7 +498,10 @@ image:::images/06_align_1-small.png[role="left", link="images/06_align_1.png"]
  
 |===
 
-image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+[.feature]
+--
+image::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
+--
 
 |===
 |调整 JComboBox 的大小:
@@ -484,7 +511,10 @@ image:::images/06_align_2-small.png[role="left", link="images/06_align_2.png"]
 
 如下图所示,JComboBox 的右边缘将与 JPanel 的边缘对齐,并留出建议的边缘边距;同时,组件的宽度会自动设置为随窗体调整大小。
 
-image:::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+[.feature]
+--
+image::images/06_align_3-small.png[role="left", link="images/06_align_3.png"]
+--
 
 3. 按 Ctrl-S 组合键保存该文件。
  
@@ -552,7 +582,10 @@ JList 在对齐基准线指定的位置对齐放置,并且 "Inspector"(检
  
 |===
 
-image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+[.feature]
+--
+image::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
+--
 
 由于 JList 用于显示较长的数据列表,因此通常需要添加 JScrollPane。只要添加了需要 JScrollPane 的组件,GUI 构建器就会自动为您添加 JScrollPane。因为 JScrollPane 是非可视组件,所以必须使用 "Inspector"(检查器)窗口才能查看或编辑 GUI 构建器创建的任何 JScrollPane。
 
@@ -570,27 +603,42 @@ image:::images/06_align_4-small.png[role="left", link="images/06_align_4.png"]
 2. 将 JButton 移到底部 JPanel 中  ``E-mail Address``  JTextField 的右边缘。当出现基准线指示 JButton 的基线和右边缘与 JTextField 的基线和右边缘对齐时,请按住 Shift 键单击鼠标,从而沿 JFrame 的右边缘放置第一个按钮。在松开鼠标按钮时,JTextField 的宽度会缩减以容纳 JButton。
 |===
 
-|image:::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+|[.feature]
+--
+image::images/buttons_1-small.png[role="left", link="images/buttons_1.png"]
+--
 
  |
 
-image:::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+[.feature]
+--
+image::images/buttons_2-small.png[role="left", link="images/buttons_2.png"]
+--
 
  
 |===
 3. 将光标移到底部 JPanel 中 JList 的右上角。当出现基准线指示 JButton 的上边缘和右边缘与 JList 的上边缘和右边缘对齐时,请按住 Shift 键单击鼠标,从而沿 JFrame 的右边缘放置第二个按钮。
 
-image:::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+[.feature]
+--
+image::images/buttons_3-small.png[role="left", link="images/buttons_3.png"]
+--
 
 4. 在已添加的两个 JButton 的下方再添加两个 JButton,以创建一个列。请确保按照建议的间距放置 JButton 并保持间距的一致性。如果在放置最后一个 JButton 前忘记松开 Shift 键,只需按 Esc 键即可。
 
-image:::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+[.feature]
+--
+image::images/buttons_4-small.png[role="left", link="images/buttons_4.png"]
+--
 
 5. 设置每个 JButton 的显示文本。(可以通过右键单击按钮并选择 "Edit Text"(编辑文本)来编辑按钮的文本。或者,也可以单击按钮,稍等片刻,然后再次单击按钮。)为最上面的按钮输入 `Add`,为第二个按钮输入 `Edit`,为第三个按钮输入 `Remove`,为第四个按钮输入 `As Default`。
 
 JButton 组件在对齐基准线指定的位置对齐放置。按钮的宽度将会更改以适应新名称。
 
-image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+[.feature]
+--
+image::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
+--
 
  
 |===
@@ -605,7 +653,10 @@ image:::images/buttons_5-small.png[role="left", link="images/buttons_5.png"]
 
 JButton 的大小将被设置为与名称最长的按钮的大小相同。
 
-image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+[.feature]
+--
+image::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
+--
 
  
 |===
@@ -624,14 +675,20 @@ image:::images/buttons_6-small.png[role="left", link="images/buttons_6.png"]
 2. 在 "Palette"(组件面板)窗口中,从 "Swing" 类别中选择 "Radio"(单选按钮)组件。
 3. 将光标移到刚添加的 JLabel 下方。当出现基准线指示 JRadioButton 的左边缘与 JLabel 的左边缘对齐时,请将 JRadioButton 稍微向右移动,直到出现次级缩进基准线。按住 Shift 键单击鼠标以放置第一个单选按钮。
 
-image:::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+[.feature]
+--
+image::images/07_indent_1-small.png[role="left", link="images/07_indent_1.png"]
+--
 
 4. 将光标移到第一个 JRadioButton 的右侧。按住 Shift 键单击鼠标以放置第二个和第三个 JRadioButton,同时注意保持建议的组件间距。请确保在放置最后一个 JRadioButton 前松开 Shift 键。
 5. 设置每个 JRadioButton 的显示文本。(可以通过右键单击按钮并选择 "Edit Text"(编辑文本)来编辑按钮的文本。或者,也可以单击按钮,稍等片刻,然后再次单击按钮。)为左侧的单选按钮输入 `HTML`,为第二个单选按钮输入 `Plain Text`,为第三个单选按钮输入 `Custom`。
 
 三个 JRadioButton 将添加到窗体中,并且缩进在  ``Mail Format``  JLabel 的下方。
 
-image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+[.feature]
+--
+image::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
+--
 
  
 |===
@@ -648,7 +705,10 @@ image:::images/07_indent_3-small.png[role="left", link="images/07_indent_3.png"]
 
 三个 JRadioButton 将添加到此按钮组中。
 
-image:::images/07_group-small.png[role="left", link="images/07_group.png"]
+[.feature]
+--
+image::images/07_group-small.png[role="left", link="images/07_group.png"]
+--
 
 5. 按 Ctrl-S 组合键保存该文件。
  
@@ -677,13 +737,19 @@ image:::images/07_group-small.png[role="left", link="images/07_group.png"]
 2. 在 "Palette"(组件面板)窗口中,从 "Swing Controls"(Swing 控件)类别中选择 "Button"(按钮)组件。
 3. 将光标移到窗体中的 E-mail JPanel 下方。当出现基准线指示 JButton 的右边缘与 JFrame 右下角对齐时,请单击鼠标以放置该按钮。
 
-image:::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+[.feature]
+--
+image::images/08_cancel-small.png[role="left", link="images/08_cancel.png"]
+--
 
 4. 将另一个 JButton 添加到第一个 JButton 的左侧,同时确保按照与 JFrame 下边缘的建议间距放置它。
 5. 设置每个 JButton 的显示文本。为左侧按钮输入  ``OK`` ,为右侧按钮输入  ``Cancel`` 。请注意,按钮的宽度将会更改以适应新名称。
 6. 将两个 JButton 设置为相同大小,方法是:选中它们,右键单击其中任何一个,然后从弹出式菜单中选择 "Same Size"(相同大小)> "Same Width"(相同宽度)。
 
-image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+[.feature]
+--
+image::images/08_same_size-small.png[role="left", link="images/08_same_size.png"]
+--
 
  ``JButton``  组件将出现在窗体中,且 "Navigator"(导航器)窗口中将显示与其对应的节点。 ``JButton``  组件的代码也将添加到窗体的源文件中,可以在编辑器的 "Source"(源)视图中查看该文件。每个 JButton 的大小将被设置为与名称最长的按钮的大小相同。
 
@@ -703,7 +769,10 @@ image:::images/08_same_size-small.png[role="left", link="images/08_same_size.png
 
 现在,您已成功构建了 ContactEditor GUI,接下来可以尝试用该界面查看结果了。您可以在工作过程中预览窗体,方法是单击 GUI 构建器工具栏中的 "Preview Form"(预览窗体)按钮 (image::images/test_form.png[])。此时窗体在单独的窗口中打开,以便您在构建并运行窗体之前对其进行测试。
 
-image:::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+[.feature]
+--
+image::images/08_preview_gui-small.png[role="left", link="images/08_preview_gui.png"]
+--
 
 <<top,返回页首>>
 
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart.asciidoc
index 4b58f267..bed6c89b 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart.asciidoc
@@ -62,14 +62,20 @@ image::images/new-proj.png[]
 
 3. In the New Project wizard, expand the Java category and select Java Application as shown in the figure below. Then click Next.
 
-image:::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+[.feature]
+--
+image::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+--
 
 4. In the Name and Location page of the wizard, do the following (as shown in the figure below):
 * In the Project Name field, type `HelloWorldApp`.
 * Leave the Use Dedicated Folder for Storing Libraries checkbox unselected.
 * In the Create Main Class field, type `helloworldapp.HelloWorldApp`.
 
-image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+[.feature]
+--
+image::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+--
 
 5. Click Finish.
 
@@ -79,7 +85,10 @@ The project is created and opened in the IDE. You should see the following compo
 * The Source Editor window with a file called `HelloWorldApp` open.
 * The Navigator window, which you can use to quickly navigate between elements within the selected class.
 
-image:::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+[.feature]
+--
+image::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+--
 
 
 == Adding Code to the Generated Source File
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart_ja.asciidoc
index d9177f2f..194c15ca 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart_ja.asciidoc
@@ -62,14 +62,20 @@ image::images/new-proj.png[]
 
 3. 次の図に示すように、新規プロジェクト・ウィザードの「Java」カテゴリを展開し、「Javaアプリケーション」を選択します。「次」をクリックします。
 
-image:::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+[.feature]
+--
+image::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+--
 
 4. ウィザードの名前と場所ページで、次の操作を行います(次の図を参照)。
 * 「プロジェクト名」フィールドに`HelloWorldApp`と入力します。
 * 「ライブラリの格納用に専用フォルダを使用」チェックボックスは選択されていない状態のままにします。
 * 「メイン・クラスの作成」フィールドに`helloworldapp.HelloWorldApp`と入力します。
 
-image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+[.feature]
+--
+image::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+--
 
 5. 「終了」をクリックします。
 
@@ -79,7 +85,10 @@ IDEでプロジェクトが作成され、表示されます。次のコンポ
 * ソース・エディタ・ウィンドウ: `HelloWorldApp`ファイルが開いています。
 * 「ナビゲータ」ウィンドウ: 選択したクラス内の要素間を簡単に移動できます。
 
-image:::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+[.feature]
+--
+image::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+--
 
 
 == 生成されたソース・ファイルへのコードの追加
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart_pt_BR.asciidoc
index 77a4198a..43fb5a27 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart_pt_BR.asciidoc
@@ -62,14 +62,20 @@ image::images/new-proj.png[]
 
 3. No assistente Novo Projeto, expanda a categoria Java e selecione Aplicação Java, como mostrado na figura abaixo. Em seguida, clique em Próximo.
 
-image:::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+[.feature]
+--
+image::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+--
 
 4. Na página Nome e Localização do assistente, adote o procedimento a seguir (como mostrado na figura abaixo):
 * no campo Nome do Projeto, digite `HelloWorldApp`.
 * Deixe desmarcada a caixa de seleção Utilizar Pasta Dedicada para Armazenar Bibliotecas.
 * No campo Criar Classe Principal, digite `helloworldapp.HelloWorldApp`.
 
-image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+[.feature]
+--
+image::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+--
 
 5. Clique em Finalizar.
 
@@ -79,7 +85,10 @@ O projeto é criado e aberto no IDE. Agora você deve ver os seguintes component
 * A janela Editor de Código-fonte com um arquivo chamado `HelloWorldApp` é aberta.
 * A janela Navegador, que você pode utilizar para navegar rapidamente entre elementos dentro da classe selecionada.
 
-image:::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+[.feature]
+--
+image::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+--
 
 
 == Adicionando Código ao Arquivo de Origem Gerado
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart_ru.asciidoc
index ee76e706..398820a0 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart_ru.asciidoc
@@ -62,14 +62,20 @@ image::images/new-proj.png[]
 
 3. В мастере создания проекта разверните категорию "Java" и выберите "Приложение Java". Затем нажмите кнопку "Дальше".
 
-image:::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+[.feature]
+--
+image::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+--
 
 4. На странице мастера "Имя и местоположение" выполните следующие действия (см. рисунок ниже):
 * введите `HelloWorldApp` в поле "Имя проекта";
 * Не устанавливайте флажок "Использовать отдельную папку для хранения библиотек".
 * в поле "Создать главный класс" введите `helloworldapp.HelloWorldApp`;
 
-image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+[.feature]
+--
+image::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+--
 
 5. Нажмите кнопку "Завершить".
 
@@ -79,7 +85,10 @@ image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png
 * окно редактора исходного кода с открытым файлом `HelloWorldApp`;
 * окно "Переходы", которое можно использовать для быстрого перемещения между элементами внутри выбранного класса.
 
-image:::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+[.feature]
+--
+image::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+--
 
 
 == Добавление кода к автоматически созданному исходному файлу
diff --git a/netbeans.apache.org/src/content/kb/docs/java/quickstart_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/java/quickstart_zh_CN.asciidoc
index 635c2450..88f2695f 100644
--- a/netbeans.apache.org/src/content/kb/docs/java/quickstart_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/java/quickstart_zh_CN.asciidoc
@@ -62,14 +62,20 @@ image::images/new-proj.png[]
 
 3. 在新建项目向导中,展开 "Java" 类别,然后选择 "Java Application"(Java 应用程序),如下图所示。然后,单击 "Next"(下一步)。
 
-image:::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+[.feature]
+--
+image::images/proj-wizard-small.png[role="left", link="images/proj-wizard.png"]
+--
 
 4. 在向导的 "Name and Location"(名称和位置)页中,执行以下操作(如下图所示):
 * 在 "Project Name"(项目名称)字段中,键入 `HelloWorldApp`。
 * 将 "Use Dedicated Folder for Storing Libraries"(使用专用文件夹存储库)复选框保留为取消选中状态。
 * 在 "Create Main Class"(创建主类)字段中,键入 `helloworldapp.HelloWorldApp`。
 
-image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+[.feature]
+--
+image::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png"]
+--
 
 5. 单击 "Finish"(完成)。
 
@@ -79,7 +85,10 @@ image:::images/proj-wizard2-small.png[role="left", link="images/proj-wizard2.png
 * 源代码编辑器窗口,其中打开了一个名为 `HelloWorldApp` 的文件。
 * "Navigator"(导航器)窗口,可以使用该窗口在选定类内部的元素之间快速导航。
 
-image:::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+[.feature]
+--
+image::images/proj-opened-small.png[role="left", link="images/proj-opened.png"]
+--
 
 
 == 向生成的源文件中添加代码
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model.asciidoc
index 10a8bc1a..beeb9369 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model.asciidoc
@@ -121,7 +121,10 @@ Start by running MySQL Workbench. In this exercise, you use Workbench to design
 
 *Note:* The following instructions work for MySQL Workbench versions 5.1 _and_ 5.2. The images used in this tutorial are taken from version 5.2. There are slight differences in the graphical interface between versions, however the functionality remains consistent. Because version 5.2 incorporates a query editor (previously MySQL Query Browser), as well as a server administration interface (previously MySQL Administrator), you are presented with the Home screen when opening the application (shown below).
 
-image:::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+[.feature]
+--
+image::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+--
 
 If you are working in Workbench 5.2, click *Create New EER Model* beneath the Data Modeling heading in the Home screen.
 
@@ -137,7 +140,10 @@ If you are working in Workbench 5.2, click *Create New EER Model* beneath the Da
 1. In the default interface, begin by creating a new schema which will be used with the `AffableBean` application. Click the plus ( image::images/plus-icon.png[] ) icon located to the right of the *Physical Schemata* heading. 
 
 A new panel opens in the bottom region of the interface, enabling you to specify settings for the new schema. 
-image:::images/workbench.png[role="left", link="images/workbench.png"]
+[.feature]
+--
+image::images/workbench.png[role="left", link="images/workbench.png"]
+--
 2. Enter the following settings for the new schema:
 * *Schema Name:* `affablebean`
 * *Default Collation:* `utf8 - utf8_unicode_ci`
@@ -156,7 +162,10 @@ Start by creating a new entity-relationship diagram in MySQL Workbench. You can
 1. Under the EER Diagrams heading in WorkBench, double-click the Add Diagram ( image::images/add-diagram-btn.png[] ) icon. A new EER Diagram opens displaying an empty canvas. 
 
 [tips]#'EER' stands for Enhanced Entity-Relationship.# 
-image:::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+[.feature]
+--
+image::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+--
 2. Click the New Table ( image::images/wb-new-table-icon.png[] ) icon located in the left margin, then hover your mouse onto the canvas and click again. A new table displays on the canvas. 
 image::images/wb-new-entity-table.png[title="Click the New Table icon to drag empty tables (entities) onto the canvas"]
 3. Double-click the table. The Table editor opens in the bottom region of the interface, allowing you to configure settings for the table. 
@@ -167,7 +176,10 @@ image::images/wb-new-entity-table.png[title="Click the New Table icon to drag em
 * *Name:* `customer`
 * *Engine:* `InnoDB`
 * *Comments:* `maintains customer details`
-image:::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+[.feature]
+--
+image::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+--
 
 The link:http://www.innodb.com/[+InnoDB+] engine provides foreign key support, which is utilized in this tutorial. Later, under <<forwardEngineer,Forward-Engineering to the Database>>, you set the default storage engine used in Workbench to InnoDB.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model_ja.asciidoc
index 8188919d..dbe2ad13 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/data-model_ja.asciidoc
@@ -133,7 +133,10 @@ MySQL Workbench(ワークベンチ)を実行してはじめます。この演習
 
 *注: *以下の手順は MySQL Workbench バージョン_5.1 と 5.2_ で作業します。このチュートリアルの画面はバージョン5.2 のものです。 バージョン間でグラフィカルなインターフェイスにわずかな違いがあります。しかし、機能は一貫性を保っています。バージョン5.2 にはクエリエディタが組み込まれているため(以前のMySQL Query Browser)、同様にサーバー管理インターフェイス(以前の MySQL Administrator)も組み込まれているため、workbench を開くとホーム画面が表示されます(下図参照)。
 
-image:::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+[.feature]
+--
+image::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+--
 
 Workbench 5.2で作業する場合、 ホーム画面のデータモデリング見出しの下にある「*Create New EER Model* (EERモデル新規作成)」をクリック。
 
@@ -153,7 +156,10 @@ Workbench 5.2で作業する場合、 ホーム画面のデータモデリング
 
 新しいパネルが画面の底部に開き、新しいスキーマの設定を指示できます。
 
-image:::images/workbench.png[role="left", link="images/workbench.png"]
+[.feature]
+--
+image::images/workbench.png[role="left", link="images/workbench.png"]
+--
 
 2. 新しいスキーマ用に次の設定を入力します:
 * *scheme: * `affablebean`
@@ -178,7 +184,10 @@ MySQL Workbench で新しいエンティティ関係図の作成を始めます
 
 [tips]#' EER 'は Enhanced Entity-Relationship(拡張されたER(実体関連))の略語です)。 
 # 
-image:::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+[.feature]
+--
+image::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+--
 
 2. 左余白にある New Table(新しいテーブル)(image::images/wb-new-table-icon.png[] )アイコンをクリック。キャンバス上にマウスを移動し再度クリックします。キャンバス上に新しいテーブルが表示されます。 
 image::images/wb-new-entity-table.png[title="Click the New Table icon to drag empty tables (entities) onto the canvas"]
@@ -194,7 +203,10 @@ image::images/wb-new-entity-table.png[title="Click the New Table icon to drag em
 
 * *Comments:* `maintains customer details(顧客の詳細を保持する)`
 
-image:::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+[.feature]
+--
+image::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+--
 
 link:http://www.innodb.com/[+InnoDB+] エンジンは、このチュートリアルで利用する外部キーをサポートしています。後の節で、<<forwardEngineer,データベースのフォワードエンジニアリング>>を使うので、デフォルトのストレージエンジンをInnoDBに設定します(Workbenchを使って)。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design.asciidoc
index 75ed901c..4ec00ca3 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design.asciidoc
@@ -125,7 +125,11 @@ You also begin creating mockups. There are numerous ways to go about this task.
 In this scenario, we've produced _mockups_ of the primary pages the user expects see when navigating through the website. When we later discuss the MVC design pattern, you'll note that these pages map to the _views_ used by the application.
 
 |===
-|image:::images/mockup-index-small.png[role="left", link="images/mockup-index.png"] |
+|[.feature]
+--
+image::images/mockup-index-small.png[role="left", link="images/mockup-index.png"]
+--
+ |
 
 
 ==== welcome page
@@ -134,7 +138,11 @@ The welcome page is the website's home page, and entry point for the application
 
  
 
-|image:::images/mockup-category-small.png[role="left", link="images/mockup-category.png"] |
+|[.feature]
+--
+image::images/mockup-category-small.png[role="left", link="images/mockup-category.png"]
+--
+ |
 
 
 ==== category page
@@ -143,7 +151,11 @@ The category page provides a listing of all products within the selected categor
 
  
 
-|image:::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"] |
+|[.feature]
+--
+image::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"]
+--
+ |
 
 
 ==== cart page
@@ -158,7 +170,11 @@ The cart page lists all items held in the user's shopping cart. It displays prod
 * Proceed to checkout
  
 
-|image:::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"] |
+|[.feature]
+--
+image::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"]
+--
+ |
 
 
 ==== checkout page
@@ -169,7 +185,11 @@ The user is able to send personal details over a secure channel.
 
  
 
-|image:::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"] |
+|[.feature]
+--
+image::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"]
+--
+ |
 
 
 ==== confirmation page
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design_ja.asciidoc
index db3503b4..6e287ac0 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/design_ja.asciidoc
@@ -134,7 +134,11 @@ image::../../../../images_www/articles/68/netbeans-stamp-68-69.png[title="Conten
 このシナリオでは、ユーザーがウェブサイトを移動して参照する主なページの_モックアップ_ を作成します。後で、我々が MVC デザインパターンを議論するときには、これらのページが、アリケーションで使われる _views_ にマッピングされることに注意してください。
 
 |===
-|image:::images/mockup-index-small.png[role="left", link="images/mockup-index.png"] |
+|[.feature]
+--
+image::images/mockup-index-small.png[role="left", link="images/mockup-index.png"]
+--
+ |
 
 
 ==== welcom ページ
@@ -143,7 +147,11 @@ welcome ページは、 Web サイトのホームページであり、またア
 
  
 
-|image:::images/mockup-category-small.png[role="left", link="images/mockup-category.png"] |
+|[.feature]
+--
+image::images/mockup-category-small.png[role="left", link="images/mockup-category.png"]
+--
+ |
 
 
 ==== カテゴリページ
@@ -152,7 +160,11 @@ welcome ページは、 Web サイトのホームページであり、またア
 
  
 
-|image:::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"] |
+|[.feature]
+--
+image::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"]
+--
+ |
 
 
 ==== カートのページ
@@ -171,7 +183,11 @@ welcome ページは、 Web サイトのホームページであり、またア
 
  
 
-|image:::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"] |
+|[.feature]
+--
+image::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"]
+--
+ |
 
 
 ==== チェックアウトのページ
@@ -182,7 +198,11 @@ welcome ページは、 Web サイトのホームページであり、またア
 
  
 
-|image:::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"] |
+|[.feature]
+--
+image::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"]
+--
+ |
 
 
 ==== 確認ページ (confirmation page)
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/language.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/language.asciidoc
index 804fc196..72edeccc 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/language.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/language.asciidoc
@@ -212,7 +212,10 @@ image::images/customizer-dialog.png[title="The New Locale dialog enables you to
 12. Click Close. In the Projects window, note that your resource bundles look as follows. You can expand a resource bundle to view the keys it contains. 
 image::images/projects-window.png[title="View resource bundles and the keys they contain in the Projects window"]
 13. Right-click any of the three resource bundles and choose Open. The Properties editor opens, enabling you to view and edit key-value pairs for all locales in a table layout. 
-image:::images/properties-editor.png[role="left", link="images/properties-editor.png"]
+[.feature]
+--
+image::images/properties-editor.png[role="left", link="images/properties-editor.png"]
+--
 
 Press Shift-Esc to maximize the window in the IDE.
 
@@ -679,7 +682,11 @@ Enclose the current implementation within `<c:choose>` tags, and create logic si
 ----
 
 `javax.servlet.jsp.jstl.fmt.locale.session` is the _string literal_ key for the `Locale` set by the `<fmt:setLocale>` tag. You can verify this by clicking in the editor's left margin to set a breakpoint ( image::images/breakpoint-badge.png[] ) on the new test, then running the debugger ( image::images/debug-project-btn.png[] ) on the project. When you click the toggle link to change languages in the browser, examine the Variables window (Alt-Shift-1; Ctrl-Shift-1 on Mac) when the debugger suspends on the breakpoint. 
-image:::images/variables-window.png[role="left", link="images/variables-window.png"] 
+[.feature]
+--
+image::images/variables-window.png[role="left", link="images/variables-window.png"]
+--
+ 
 EL expressions presented in this tutorial primarily use dot (`.`) notation. The format depicted in the expression above is known as _bracket_ (`[]`) notation whereby you enter the string literal key within quotes in order to extract the object's value:
 
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions.asciidoc
index f1e32300..0c19dfe7 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions.asciidoc
@@ -362,7 +362,10 @@ For more information on Javadoc, see the following resources:
 image::images/session-variable.png[title="Hover your mouse over variables and expressions to determine their current values"]
 11. Click the Step Over ( image::images/step-over-btn.png[] ) button in the debugger toolbar located above the editor. The line is executed, and the debugger steps to the next line in the file.
 12. Hover your mouse over the `session` variable again. Now you see the value currently set to the `session` variable. 
-image:::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 In NetBeans 6.9, you can click the grey pointer ( image::images/grey-pointer.png[] ) in the popup to expand a list of variable values contained in the highlighted element.
 
@@ -387,10 +390,18 @@ Line 161 of the `ControllerServlet` binds the newly-created `cart` object to the
 session.setAttribute("cart", cart);
 ----
 To witness this, open the debugger's Variables window. Choose Window > Debugging > Variables, or press Alt-Shift-1 (Ctrl-Shift-1 on Mac). 
-image:::images/variables-win-session.png[role="left", link="images/variables-win-session.png"] 
+[.feature]
+--
+image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+ 
 If you expand the session > session > attributes node, you are able to view the objects that are bound to the session. In the above image, there are two items currently bound to the session (highlighted). These are `selectedCategory` and `categoryProducts`, instantiated in the `ControllerServlet` at lines 83 and 89, respectively. Both of these items were bound earlier, when you clicked a category image, and the `ControllerServlet` processed the category page request.
 19. Press F8 (fn-F8 on Mac) to execute line 161. The `cart` object is bound to the session, and the Variables window updates to reflect changes. In the Variables window, note that the session now contains three attributes, the third being the newly initialized `ShoppingCart` object (highlighted below). 
-image:::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"] 
+[.feature]
+--
+image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
+ 
 
 So far, we have not "proven" that the session, as listed in the Variables window, represents an `HttpSession`. As previously mentioned, `HttpSession` is actually an interface, so when we talk about an `HttpSession` object, or session object, we are in fact referring to any object that implements the `HttpSession` interface. In the Variables window, if you hover your cursor over '`session`', a popup displays indicating that the variable represents an `HttpSession` object. The `StandardSessionFacade` type, as displayed, is the internal class that GlassFish uses to implement the `HttpSession` interface. If you are familiar with Tomcat and are puzzled by the '`org.apache.catalina`' paths that appear in the Value column, this is because the GlassFish web/servlet container is in fact a derivative of the Apache Tomcat container.
 
@@ -412,7 +423,11 @@ The debugger enables you to keep an eye on variables as it steps through code. T
 22. Click the Step Into ( image::images/step-into-btn.png[] ) button to step into `ShoppingCart`'s `addItem` method.
 23. Step through the `addItem` method until you reach line 53. As the Javadoc states, `addItem` _"adds a `ShoppingCartItem` to the `ShoppingCart`'s `items` list. If item of the specified `product` already exists in shopping cart list, the quantity of that item is incremented."_
 24. Examine the `session` variable which you created a watch on (<<step21,step 21>> above). The `items.add(scItem)` statement in line 51 added the new `ShoppingCartItem` to the `items` list in the `ShoppingCart`. This is evident by drilling into the third attribute (i.e., the `cart` variable) contained in the session. 
-image:::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"] 
+[.feature]
+--
+image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+ 
 At this stage, you can see how an `HttpSession` is created for the request, how a `ShoppingCart` object is created and attached to the session, and how a `ShoppingCartItem` is created based on the user's product choice, then added to the `ShoppingCart`'s list of `items`. The only remaining action is to forward the request to the `category.jsp` view.
 25. Open the header JSP fragment (`header.jspf`) in the editor and place a breakpoint on line 86. This line contains the EL statement within the shopping cart widget that displays the number of cart items. 
 image::images/breakpoint-jsp.png[title="You can suspend the debugger in JSP pages"]
@@ -422,7 +437,10 @@ image::images/breakpoint-jsp.png[title="You can suspend the debugger in JSP page
 
 27. Open the Variables window (Alt-Shift-1; Ctrl-Shift-1 on Mac) if it is not already open. Unlike with Java classes, the debugger _does not_ provide tooltips when you hover your mouse over variables or expressions in a JSP page. However, the Variables window does enable you to determine variable values as you step through code. So, where can you find the value for `${cart.numberOfItems}`?
 28. In the Variables window, expand the Implicit Objects > pageContext > session > session > attributes node. This provides access to the session object, just as you saw earlier when working in the `ControllerServlet`. In fact, you may note that the session which you created a watch on in step 21 above points to the very same object. Here you can verify that the value of `${cart.numberOfItems}` equals '`1`'. 
-image:::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 Maximize the Variables window, or any window in the IDE, by right-clicking the window header, then choosing Maximize Window (Shift-Esc).
 
@@ -511,7 +529,10 @@ Click the Ascending Sort ( image::images/ascending-sort-btn.png[] ) button so th
 
 
 Under the Request tab, note the requested URI (`/AffableBean/addToCart`), the HTTP method (`POST`), and the request parameters (`productId` and `submit`). 
-image:::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. Select the Cookies tab. Here you see that a cookie named `JSESSIONID` exists, and was sent from the client to the server. Note that the value for the cookie is the same as the Session ID displayed under the Session tab. 
 image::images/cookies-tab.png[title="Cookies are displayed under the Cookies tab in the HTTP Monitor"] 
 Likewise, if you click the Header tab, you see the cookie listed, since '`Cookie`' is a request header that was sent by the client. 
@@ -681,7 +702,11 @@ image::images/cart-page-session-intact.png[title="The cart page relies on a sess
 4. Update the quantity for one of the items displayed in the cart page. (Any number between 1 and 99 is acceptable.) Click 'update'. The server returns an HTTP Status 500 message. 
 image::images/glassfish-error-report.png[title="NullPointerException occurs when request for expired session is received"]
 5. Examine the GlassFish server log in the IDE. Open the Output window (Ctrl-4; ⌘-4 on Mac) and select the GlassFish Server tab. Scroll to the bottom of the log to examine the error's stack trace. 
-image:::images/gf-server-output.png[role="left", link="images/gf-server-output.png"] 
+[.feature]
+--
+image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+ 
 The server log indicates that a `NullPointerException` occurred at line 184 in the `ControllerServlet`. The Output window forms a link to the line where the exception occurred.
 6. Click the link. You navigate directly to line 184 in the `ControllerServlet`. Hovering your mouse over the error badge in the editor's left margin provides a tooltip describing the exception. 
 image::images/nullpointer-exception.png[title="Error badge and tooltip indicate the location and cause of the problem"] 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ja.asciidoc
index 09f8ad6c..c6bf31d1 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ja.asciidoc
@@ -356,7 +356,10 @@ Javadocの詳細は、次のリソースを参照してください。
 image::images/session-variable.png[title="変数および式へのカーソルの移動による現在の値の判定"]
 11. エディタの上にあるデバッガ・ツールバーの「ステップ・オーバー」(image::images/step-over-btn.png[])ボタンをクリックします。この行が実行され、デバッガはファイルの次の行に進みます。
 12. 再度`session`変数の上にカーソルを移動します。今度は、`session`変数に現在設定されている値を確認します。
-image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image:images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 NetBeans 6.9では、ポップアップでグレーのポインタ(image::images/grey-pointer.png[])をクリックすると、強調表示された要素に含まれている変数の値の一覧を展開できます。
 
@@ -381,10 +384,17 @@ image::images/cart-constructor.png[title="メソッドにステップ・イン
 session.setAttribute("cart", cart);
 ----
 これを確認するには、デバッガの「変数」ウィンドウを開きます。「ウィンドウ」>「デバッグ」>「変数」を選択するか、[Alt]-[Shift]-[1] (Macの場合は[Ctrl]-[Shift]-[1])を押します。
-image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+[.feature]
+--
+image:images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+
 「session」>「session」>「attributes」ノードを展開すると、セッションにバインドされているオブジェクトを表示できます。上記のイメージでは、現時点でセッションにバインドされている(強調表示された) 2つの項目があります。これらは、それぞれ`ControllerServlet`の83行目と89行目でインスタンス化された`selectedCategory`と`categoryProducts`です。これらの項目は両方とも、以前カテゴリ・イメージをクリックして`ControllerServlet`がカテゴリ・ページのリクエストを処理したときにバインドされました。
 19. [F8] (Macの場合は[fn]-[F8])を押して161行目を実行します。`cart`オブジェクトはセッションにバインドされており、「変数」ウィンドウは変更を反映して更新されます。「変数」ウィンドウでは、現在、セッションに3つの属性が含まれていることを確認できます。3つ目の変数は、新しく初期化された`ShoppingCart`オブジェクト(次で強調表示)です。
-image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+[.feature]
+--
+image:images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
 
 これまでは、「変数」ウィンドウに一覧表示されたセッションが`HttpSession`セッションを示していることを「証明」しませんでした。前述のように、`HttpSession`は実際にはインタフェースであるため、`HttpSession`オブジェクト(セッション・オブジェクト)について説明する場合、実際には`HttpSession`インタフェースを実装するオブジェクトを指しています。「変数」ウィンドウで「`session`」の上にカーソルを移動すると、この変数が`HttpSession`オブジェクトを表していることを示すポップアップが表示されます。表示されているように、`StandardSessionFacade`型は、GlassFishが`HttpSession`インタフェースを実装するために使用する内部クラスです。Tomcatに詳しいユーザーが「値」列に表示された「`org.apache.catalina`」のパスに戸惑うのは、GlassFish Web/サーブレット・コンテナが実はApache Tomcatコンテナの派生クラスであるためです。
 
@@ -406,7 +416,11 @@ image::images/new-watch-dialog.png[title="エディタ内で変数や式を右
 22. 「ステップ・イン」(image::images/step-into-btn.png[])ボタンをクリックして、`ShoppingCart`の`addItem`メソッドにステップ・インします。
 23. 53行目まで`addItem`メソッドをステップ実行します。Javadocに記述されているとおり、`addItem`は_「`ShoppingCart`の`items`リストに`ShoppingCartItem`を追加します。指定された`product`の項目がすでにショッピング・カート・リストに存在する場合、その項目の数量が増加します。」_
 24. (上記の<<step21,ステップ21>>で)ウォッチを作成した`session`変数を調べます。51行目の`items.add(scItem)`文によって、`ShoppingCart`の`items`リストに新しい`ShoppingCartItem`が追加されました。これは、セッションに含まれている3つ目の属性(`cart`変数)を調べるとわかります。
-image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+[.feature]
+--
+image:images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+
 この段階で、リクエストのために`HttpSession`が作成される方法、`ShoppingCart`オブジェクトが作成されてセッションにアタッチされる方法、および`ShoppingCartItem`がユーザーの製品選択に基づいて作成され、`ShoppingCart`の`items`のリストに追加される方法を確認できます。残っているアクションは、`category.jsp`ビューへのリクエストの転送のみです。
 25. エディタでJSPフラグメント(`header.jspf`)を開き、86行目にブレークポイントを設定します。この行には、カート項目の数を表示する、ショッピング・カート・ウィジェット内のEL文が含まれています。
 image::images/breakpoint-jsp.png[title="JSPページでデバッガを一時停止できる"]
@@ -416,7 +430,10 @@ image::images/breakpoint-jsp.png[title="JSPページでデバッガを一時停
 
 27. まだ開いていない場合は「変数」ウィンドウを開きます([Alt]-[Shift]-[1]、Macの場合は[Ctrl]-[Shift]-[1])。Javaクラスとは異なり、JSPページではデバッガで変数や式の上にカーソルを移動してもツールチップは表示_されません_。ただし、コードをステップ実行しながら、「変数」ウィンドウで変数の値を判定できます。では、`${cart.numberOfItems}`の値はどこにあるでしょうか。
 28. 「変数」ウィンドウで、「暗黙的なオブジェクト」>「pageContext」>「session」>「session」>「attributes」ノードを展開します。これによって、前に`ControllerServlet`をデバッグしていたときのように、セッション・オブジェクトにアクセスできるようになります。上記のステップ21でウォッチを作成したセッションは、実は同じオブジェクトを指しています。ここで、`${cart.numberOfItems}`の値が「`1`」と等しいことを確認できます。
-image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image:images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 「変数」ウィンドウなどのIDEのウィンドウは、いずれもウィンドウのヘッダーを右クリックしてから「ウィンドウを最大化」([Shift]-[Esc])を選択することで最大化できます。
 
@@ -502,7 +519,10 @@ image::images/breakpoints-window.png[title="「ブレークポイント」ウィ
 
 
 「リクエスト」タブの下で、リクエストされたURI (`/AffableBean/addToCart`)、HTTPメソッド(`POST`)、およびリクエストされたパラメータ(`productId`および`submit`)を確認してください。
-image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image:images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. 「Cookie」タブを選択します。ここでは、`JSESSIONID`という名前のCookieが存在し、クライアントからサーバーに送信されたことを確認できます。Cookieの値は、「セッション」タブの下に表示されたセッションIDと同じです。
 image::images/cookies-tab.png[title="HTTPモニターの「Cookie」タブに表示されたCookie"]
 同様に、「ヘッダー」タブをクリックするとCookieが表示されます。これは、「`Cookie`」がクライアントによって送信されたリクエスト・ヘッダーであるためです。
@@ -672,7 +692,11 @@ image::images/cart-page-session-intact.png[title="カート・ページにはセ
 4. カート・ページに表示された項目のうち、1つの項目の数量を更新します。(1から99までのいずれかの数字を入力できます。)「update」をクリックします。サーバーからHTTPステータス500のメッセージが返されます。
 image::images/glassfish-error-report.png[title="有効期限切れセッションに対するリクエストを受信するとNullPointerExceptionが発生する"]
 5. IDEでGlassFishサーバー・ログを調べます。「出力」ウィンドウ([Ctrl]-[4]、Macの場合は[⌘]-[4])を開き、「GlassFish Server」タブを選択します。ログの最下部までスクロールして、エラーのスタック・トレースを調べます。
-image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+[.feature]
+--
+image:images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+
 サーバー・ログに、`ControllerServlet`の184行目で`NullPointerException`が発生したことが示されています。「出力」ウィンドウには、例外が発生した行へのリンクが表示されます。
 6. リンクをクリックします。`ControllerServlet`の184行目に直接移動します。エディタの左マージンにあるエラー・バッジの上にカーソルを置くと、例外を説明するツールチップが表示されます。
 image::images/nullpointer-exception.png[title="エラー・バッジとツールチップによる問題の場所および原因の提示"]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_pt_BR.asciidoc
index ead9704f..1f215c2c 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_pt_BR.asciidoc
@@ -356,7 +356,10 @@ Para obter mais informações sobre o Javadoc, consulte os recursos a seguir:
 image::images/session-variable.png[title="Passe o mouse sobre variáveis e expressões para determinar seus valores atuais"]
 11. Clique no botão Fazer Step Over (image::images/step-over-btn.png[]) na barra de ferramentas do depurador, localizada acima do editor. A linha será executada e o depurador passará para a próxima linha do arquivo.
 12. Passe novamente o mouse sobre a variável `session`. Agora você poderá ver o valor definido no momento para a variável `session`. 
-image:::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 No NetBeans 6.9, você pode clicar no ponteiro cinza (image::images/grey-pointer.png[]) no popup para expandir uma lista de valores de variáveis contidos no elemento destacado.
 
@@ -381,10 +384,18 @@ A linha 161 do `ControllerServlet` vincula o objeto `cart` recém-criado à sess
 session.setAttribute("cart", cart);
 ----
 Para testemunhar isso, abra a janela Variáveis do depurador. Escolha Janela > Depurando > Variáveis ou pressione Alt-Shift-1 (Ctrl-Shift-1 no Mac). 
-image:::images/variables-win-session.png[role="left", link="images/variables-win-session.png"] 
+[.feature]
+--
+image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+ 
 Se expandir o nó sessão > sessão > atributos, você poderá exibir os objetos que estão vinculados à sessão. Na imagem acima há dois itens vinculados atualmente à sessão (realçados). Eles são `selectedCategory` e `categoryProducts`, instanciados no `ControllerServlet`, nas linhas 83 e 89, respectivamente. Os dois itens foram vinculados anteriormente, quando você clicou na imagem de uma categoria, e o `ControllerServlet` processou a solicitação da página da categoria.
 19. Pressione F8 (fn-F8 no Mac) para executar a linha 161. O objeto `cart` será vinculado à sessão e a janela Variáveis será atualizada para exibir as alterações. Na janela Variáveis, note que agora a sessão contém três atributos, sendo o terceiro o objeto `ShoppingCart` recém-inicializado (realçado abaixo). 
-image:::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"] 
+[.feature]
+--
+image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
+ 
 
 Até agora não "provamos" que a sessão, como listada na janela Variáveis, representa uma `HttpSession`. Como mencionado anteriormente, a `HttpSession` é na verdade uma interface, portanto, quando falamos sobre um objeto`HttpSession`, ou sobre um objeto de sessão, estamos nos referindo a qualquer objeto que implementa a interface `HttpSession`. Na janela Variáveis, se você posicionar o cursor sobre "`session`", um popup será exibido indicando que a variável representa um objeto `HttpSession`. O tipo `StandardSessionFacade`, como exibido, é a classe interna que o GlassFish utiliza para implementar a interface `HttpSession`. Se você estiver familiarizado com o Tomcat e estiver intrigado com os caminhos "`org.apache.catalina`" que aparecem na coluna Valor, é porque o contêiner web/servlet do GlassFish é, na verdade, um derivado do contêiner Apache Tomcat.
 
@@ -406,7 +417,11 @@ O depurador lhe permite ficar atento às variáveis enquanto percorre o código.
 22. Clique na botão Fazer Step Into para (image::images/step-into-btn.png[]) fazer step into no método `addItem` do `ShoppingCart`.
 23. Percorra o método `addItem` até chegar na linha 53. Como o Javadoc atesta, `addItem` _"adiciona um `ShoppingCartItem` à lista de `items` do `ShoppingCart`. Se o item do `product` especificado já existe no carrinho de compra, a quantidade desse item é aumentada."_
 24. Examine a variável `session` na qual você criou um watch (<<step21,etapa 21>> acima). A instrução `items.add(scItem)` na linha 51 adicionou o novo `ShoppingCartItem` à lista de `items` no `ShoppingCart`. Isso fica evidente ao entrar no terceiro atributo (ex., a variável `cart`) contida na sessão. 
-image:::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"] 
+[.feature]
+--
+image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+ 
 Nesta etapa, você pode ver como uma `HttpSession` é criada para a solicitação, como um objeto `ShoppingCart` é criado e anexado à sessão e como um `ShoppingCartItem` é criado com base na escolha de produto do usuário e adicionado à lista de `Items` do `ShoppingCart`. A única ação remanescente é encaminhar a solicitação à view `category.jsp`.
 25. Abra o fragmento JSP do cabeçalho (`header.jsp`) no editor e coloque um ponto de interrupção na linha 86. Essa linha contém a instrução EL no widget do carrinho de compras que exibe o número de itens do carrinho. 
 image::images/breakpoint-jsp.png[title="Você pode suspender o depurador nas páginas JSP"]
@@ -416,7 +431,10 @@ image::images/breakpoint-jsp.png[title="Você pode suspender o depurador nas pá
 
 27. Abra a janela Variáveis (Alt-Shift-1; Ctrl-Shift-1 no Mac), se ainda não estiver aberta. Diferente do que acontece com as classes Java, o depurador _não_ fornece dicas de ferramenta quando o mouse é posicionado sobre as variáveis ou expressões em uma página JSP. Entretanto, a janela Variáveis lhe permitirá determinar os valores das variáveis ao percorrer o código. Então, onde você pode encontrar o valor para `${cart.numberOfItems}`?
 28. Na janela Variáveis, amplie o nó Objetos implícitos > pageContext > sessão > sessão > atributos. Isso permite o acesso ao objeto de sessão, como o que foi visto anteriormente ao trabalhar com o `ControllerServlet`. Na verdade, você pode notar que a sessão na qual um watch foi criado na etapa 21 acima indica o mesmo objeto. Aqui você pode verificar se o valor de `${cart.numberOfItems}` é igual a "`1`". 
-image:::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 Maximize a janela Variáveis, ou qualquer janela no IDE, clicando com o botão direito do mouse no cabeçalho da janela e, em seguida, selecionando Maximizar Janela (Shift-Esc).
 
@@ -502,7 +520,10 @@ Clique no botão Classificação Ascendente (image::images/ascending-sort-btn.pn
 
 
 Na guia Solicitação, observe o URI solicitado (`/AffableBean/addToCart`), o método HTTP (`POST`) e os parâmetros da solicitação (`productId` e `submit`). 
-image:::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. Selecione a guia Cookies. Aqui você verá que existe um cookie chamado `JSESSIONID` e que foi enviado do cliente para o servidor. Observe que o valor para o cookie é igual ao do ID da Sessão exibido na guia Sessão. 
 image::images/cookies-tab.png[title="Cookies são exibidos na guia Cookies no Monitor HTTP"] 
 Da mesma forma, se clicar na guia Cabeçalho, verá o cookie listado, já que "`Cookie`" é um cabeçalho da solicitação enviado pelo cliente. 
@@ -672,7 +693,11 @@ image::images/cart-page-session-intact.png[title="A página do carrinho depende
 4. Atualize a quantidade de um dos itens exibidos na página do carrinho. (Qualquer número entre 1 e 99 é aceitável.) Clique em "atualizar". O servidor retorna uma mensagem HTTP Status 500. 
 image::images/glassfish-error-report.png[title="NullPointerException ocorre quando uma solicitação de sessão expirada é recebida"]
 5. Examine o log do GlassFish Server no IDE. Abra a janela Saída (Ctrl-4, ⌘-4 no Mac) e selecione a guia GlassFish Server. Role para a parte inferior do log para examinar o rastreamento da pilha de erro. 
-image:::images/gf-server-output.png[role="left", link="images/gf-server-output.png"] 
+[.feature]
+--
+image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+ 
 O log do servidor indica que uma `NullPointerException` ocorreu na linha 184 no `ControllerServlet`. A janela Saída forma um link para a linha em que ocorreu a exceção.
 6. Clique no link. Você pode navegar diretamente até a linha 184 no `ControllerServLet`. Passar o mouse sobre o emblema do erro na margem esquerda do editor fornece uma dica de ferramenta que descreve a exceção. 
 image::images/nullpointer-exception.png[title="O emblema do erro e a dica de ferramenta indicam a localização e a causa do problema"] 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ru.asciidoc
index a7f9a508..d362c761 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_ru.asciidoc
@@ -356,7 +356,10 @@ image::images/javadoc-additem.png[title="Подведите курсор мыш
 image::images/session-variable.png[title="Наведите курсор на переменные и выражения для определения их текущих значений"]
 11. Нажмите кнопку 'Обход процедур' (image::images/step-over-btn.png[]) в отладчике на панели инструментов, расположенной выше в редакторе. Строка обрабатывается, и отладчик переходит к следующей строке файла.
 12. Снова наведите курсор на переменную `session`. Можно увидеть, что текущее значение сохранено в переменной `session`. 
-image:::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 В NetBeans 6.9 можно щелкнуть серый указатель ( image::images/grey-pointer.png[] ) во всплывающем окне, чтобы расширить список значений переменных, содержащихся в выделенном элементе.
 
@@ -381,10 +384,18 @@ image::images/cart-constructor.png[title="Перейдите к методам 
 session.setAttribute("cart", cart);
 ----
 Чтобы в этом удостовериться, откройте окно переменных отладчика. Выберите "Окно" > "Отладка" > "Переменные" или нажмите ALT+SHIFT+1 (CTRL+SHIFT+1 в Mac OS). 
-image:::images/variables-win-session.png[role="left", link="images/variables-win-session.png"] 
+[.feature]
+--
+image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+ 
 При последовательной развертке узлов "session" > "session" > "attributes" можно просмотреть объекты, привязанные к сеансу. На изображении выше отображены два элемента, привязанные в настоящее время к сеансу (выделены на снимке). Это `selectedCategory` и `categoryProducts`, показанные в `ControllerServlet` на строках 83 и 89, соответственно. Оба элемента были привязаны ранее при щелчке изображения категории и обработке запроса страниц категории в файле `ControllerServlet`.
 19. Нажмите клавишу F8 (fn-F8 в Mac OS) для выполнения кода со строки 161. Объект `cart` привязывается к сеансу, и диалоговое окно "Переменные" обновляется для отображения изменений. Обратите внимание, что в окне "Переменные" сеанс содержит в настоящий момент три атрибута, третьим атрибутом является только что инициализированный объект `ShoppingCart` (выделен на снимке ниже). 
-image:::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"] 
+[.feature]
+--
+image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
+ 
 
 Пока что не было "доказано", что сеанс, как указано в диалоговом окне "Переменные", представляет объект `HttpSession`. Как упоминалось выше, `HttpSession` фактически является интерфейсом, так что при рассмотрении объекта `HttpSession` или объекта сеанса фактически имеется в виду любой объект, реализующий интерфейс `HttpSession`. При наведении курсора мыши в диалоговом окне "Переменные" на элемент `session` будет выведено всплывающее окно, указывающее на то, что переменная представляет объект `HttpSession`. Тип `StandardSessionFacade`, отображенный на снимке, является внутренним классом, используемым сервером GlassFish для реализации интерфейса `HttpSession`. При наличии опыта работы с Tomcat обратите внимание, что пути `org.apache.catalina` в столбце "Значение" обусловлены тем, что веб-контейнер/контейнер сервлета GlassFish фактически является производным от контейнера Apache Tomcat.
 
@@ -406,7 +417,11 @@ image::images/new-watch-dialog.png[title="Щелкните правой кноп
 22. Нажмите кнопок 'Вход в' ( image::images/step-into-btn.png[] ) для перехода к `ShoppingCart` к методу `addItem`.
 23. Последовательно шагайте по методу `addItem`, пока не достигните строки 53. Согласно документации Javadoc `addItem` _"добавляет элемент`ShoppingCartItem` в список `items` в файле `ShoppingCart`. Если указанный товар из списка `product` уже существует в списке корзины покупок, количество этого товара увеличивается."_
 24. Изучите переменную `session`, для которой был создан параметр наблюдения (<<step21,шаг 21>> выше). Выражение `items.add(scItem)` на странице 51 добавляет новый экземпляр `ShoppingCartItem` в список `items` в `ShoppingCart`. Этот процесс можно проследить при переходе к третьему атрибуту, содержащемуся в сеансе (например, переменной `cart`). 
-image:::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"] 
+[.feature]
+--
+image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+ 
 На данном этапе можно изучить принцип создания `HttpSession` для запроса, создания объекта `ShoppingCart` и его прикрепления к сеансу, а также создания элемента `ShoppingCartItem` на основе пользовательского выбора продукта с последующим добавлением в список `items` файла `ShoppingCart`. Последним действием является переадресация запроса в представление `category.jsp`.
 25. Откройте в редакторе фрагмент JSP заголовка (`header.jspf`) и разместите точку останова в строке 86. Эта строка содержит оператор на языке выражений в пределах виджета корзины покупок, отображающего число элементов корзины. 
 image::images/breakpoint-jsp.png[title="Отладчик можно приостановить на страницах JSP"]
@@ -416,7 +431,10 @@ image::images/breakpoint-jsp.png[title="Отладчик можно приост
 
 27. Откройте окно переменных (ALT+SHIFT+1; CTRL+SHIFT+1 в системе Mac OS), если оно еще не открыто. В отличие от классов Java отладчик _не_ предоставляет подсказки при наведении курсора мыши на переменные или выражения на странице JSP. Однако диалоговое окно "Переменные" не позволяет определять значения переменных при переходе по коду. Где можно найти значение для переменной `${cart.numberOfItems}`?
 28. Последовательно разверните в диалоговом окне "Переменные" узлы "Скрытые объекты" > "pageContext" > "session" > "session" > "attributes". В результате будет предоставлен доступ к объекту сеанса, как и при работе с файлом `ControllerServlet`. Обратите внимание, что сеанс, для которого на шаге 21 было создано наблюдение, указывает на сам объект. Здесь можно убедиться, что значение переменной `${cart.numberOfItems}` составляет "`1`". 
-image:::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 Разверните окно 'Переменные' или любое окно в IDE, щелкнув правой кнопкой мыши заголовок окна, а затем выбрав 'Развернуть окно' (Shift-Esc).
 
@@ -502,7 +520,10 @@ image::images/breakpoints-window.png[title="Просмотрите все точ
 
 
 Обратите внимание на идентификатор URI запроса (`/AffableBean/addToCart`), метод HTTP (`POST`) и параметры запроса (`productId` и `submit`) на вкладке "Запрос". 
-image:::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. Выберите вкладку "Файлы cookie". Здесь отображаются данные о существовании файла cookie с именем `JSESSIONID` и его отправке от клиента на сервер. Обратите внимание, что значение файла cookie совпадает с идентификатором сеанса, отображаемом на вкладке "Сеанс". 
 image::images/cookies-tab.png[title="Файлы cookies отображаются на вкладке 'Файлы Cookies' в мониторе HTTP"] 
 Схожие данные представлены на вкладке "Заголовок", на которой отображается файл cookie, поскольку `Cookie` является заголовком запроса, отправленного клиентом. 
@@ -672,7 +693,11 @@ image::images/cart-page-session-intact.png[title="Страница корзин
 4. Обновите количество для одного из товаров на странице корзины. (Допустимо любое число от 1 до 99.) Нажмите кнопку "update". Сервер отправит сообщение со статусом HTTP "500". 
 image::images/glassfish-error-report.png[title="NullPointerException возникает при получении запроса для сеанса, срок действия которого истек"]
 5. Изучите журнал сервера GlassFish в среде IDE. Откройте окно вывода (Ctrl-4; ⌘-4 в Mac) и перейдите на вкладку 'Сервер GlassFish'. Прокрутите до конца журнала для изучения трассировки стека ошибок. 
-image:::images/gf-server-output.png[role="left", link="images/gf-server-output.png"] 
+[.feature]
+--
+image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+ 
 Журнал сервера показывает, что исключение `NullPointerException` возникло в строке 184 `ControllerServlet`. В диалоговом окне "Вывод" появляется ссылка на строку, в которой возникло исключение.
 6. Щелкните ссылку. Вы попадете прямо на строку 184 в `ControllerServlet`. При наведении курсора мыши на значок ошибки в левом поле редактора выводится всплывающая подсказка с описанием исключения. 
 image::images/nullpointer-exception.png[title="Метка ошибки и подсказка указывают местоположение и причину проблемы"] 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_zh_CN.asciidoc
index 67352ec1..2d6b8b1f 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/manage-sessions_zh_CN.asciidoc
@@ -356,7 +356,10 @@ image::images/javadoc-additem.png[title="在导航器中将鼠标悬停在方法
 image::images/session-variable.png[title="将鼠标悬停在变量和表达式上可确定其当前值"]
 11. 在位于编辑器上方的调试器工具栏中单击 "Step Over"(步过)(image::images/step-over-btn.png[]) 按钮。将执行该行,并且调试器执行到文件中的下一行。
 12. 再次将鼠标悬停在 `session` 变量上。现在,您会看到当前为 `session` 变量设置的值。 
-image:::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 在 NetBeans 6.9 中,可在弹出式窗口中单击灰色指针 (image::images/grey-pointer.png[]) 以展开突出显示的元素中包含的变量值列表。
 
@@ -381,10 +384,18 @@ image::images/cart-constructor.png[title="步入方法以继续对其他类执
 session.setAttribute("cart", cart);
 ----
 要查看这一结果,请打开调试器的 "Variables"(变量)窗口。选择 "Window"(窗口)> "Debugging"(调试)> "Variables"(变量),或者按 Alt-Shift-1 组合键(在 Mac 上为 Ctrl-Shift-1 组合键)。
-image:::images/variables-win-session.png[role="left", link="images/variables-win-session.png"] 
+[.feature]
+--
+image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+ 
 如果展开 "session" > "session" > "attributes" 节点,可以查看绑定到会话的对象。在上面的图像中,当前有两个项目被绑定到会话(突出显示)。它们是 `selectedCategory` 和 `categoryProducts`,分别在 `ControllerServlet` 中的第 83 和 89 行进行实例化。之前单击类别图像时就绑定了这两个项目,并且 `ControllerServlet` 对类别页请求进行了处理。
 19. 按 F8 键(在 Mac 上为 fn-F8 组合键)以执行第 161 行。`cart` 对象将被绑定到会话,"Variables"(变量)窗口将更新以反映更改。在 "Variables"(变量)窗口中,请注意现在会话包含了三个属性,其中第三个就是新初始化的 `ShoppingCart` 对象(在下面被突出显示)。 
-image:::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"] 
+[.feature]
+--
+image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
+ 
 
 到目前为止,我们还没有“证明”在 "Variables"(变量)窗口中列出的会话代表 `HttpSession`。正如前面所提到的,`HttpSession` 其实是一个接口,所以当提到 `HttpSession` 对象或者会话对象时,实际上指的是实现 `HttpSession` 接口的任何对象。在 "Variables"(变量)窗口中,如果将光标悬停在 "`session`" 上,将出现一个弹出式窗口,指出该变量代表某个 `HttpSession` 对象。`StandardSessionFacade` 类型正如所显示的,是 GlassFish 用来实现 `HttpSession` 接口的内部类。如果对 Tomcat 比较熟悉,而对显示在 "Value"(值)列中的 "`org.apache.catalina`" 路径感到比较困惑,这是因为 GlassFish web/servlet 容器实际上是 Apache Tomcat 容器的派生物。
 
@@ -406,7 +417,11 @@ image::images/new-watch-dialog.png[title="在编辑器中右键单击变量和
 22. 单击 "Step Into"(步入)(image::images/step-into-btn.png[]) 按钮以步入 `ShoppingCart` 的 `addItem` 方法。
 23. 逐步执行 `addItem` 方法直到第 53 行。正如 Javadoc 中说明的,`addItem`“将 `ShoppingCartItem` 添加到 `ShoppingCart` 的 `items` 列表中。如果指定的 `product` 的项目已经存在于购物车列表中,该项目的数量将增加”。
 24. 检查对其创建了监视的 `session` 变量(上面的<<step21,步骤 21>>)。第 51 行中的 `items.add(scItem)` 语句将新的 `ShoppingCartItem` 添加到 `ShoppingCart` 中的 `items` 列表中。通过更进一步地浏览会话中包含的第三个属性(即 `cart` 变量),这就显而易见了。
-image:::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"] 
+[.feature]
+--
+image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+ 
 在此阶段,可以看到如何针对请求创建 `HttpSession`、如何创建 `ShoppingCart` 对象并将其连接到会话、如何根据用户的产品选择创建 `ShoppingCartItem` 然后将其添加到 `ShoppingCart` 的 `items` 列表中。剩下的唯一操作就是将请求转发到 `category.jsp` 视图。
 25. 在编辑器中打开标题 JSP 片段 (`header.jspf`),然后在第 86 行上设置一个断点。该行包含了用于显示购物车项目数的购物车窗口部件中的 EL 语句。 
 image::images/breakpoint-jsp.png[title="您可以在 JSP 页中挂起调试器"]
@@ -416,7 +431,10 @@ image::images/breakpoint-jsp.png[title="您可以在 JSP 页中挂起调试器"]
 
 27. 打开 "Variables"(变量)窗口(Alt-Shift-1 组合键;在 Mac 上为 Ctrl-Shift-1 组合键)(如果尚未打开)。与 Java 类不同,在将鼠标悬停在 JSP 页中的变量或表达式上时,调试器_不会_提供工具提示。但是,使用 "Variables"(变量)窗口可以在逐步执行代码时确定变量的值。那么,在哪儿可以找到 `${cart.numberOfItems}` 的值?
 28. 在 "Variables"(变量)窗口中,展开 "Implicit Objects"(隐式对象)> "pageContext" > "session" > "session" > "attributes" 节点。这将提供对会话对象的访问,正如之前使用 `ControllerServlet` 时所看到的。实际上,可能注意到在上面的步骤 21 中对其创建了监视的会话恰好指向同一个对象。在此可以验证 `${cart.numberOfItems}` 的值等于 "`1`"。 
-image:::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 最大化 "Variables"(变量)窗口,或 IDE 中的任何窗口,方法是右键单击窗口标题,然后选择 "Maximize"(最大化窗口)(Shift-Esc 组合键)。
 
@@ -502,7 +520,10 @@ image::images/breakpoints-window.png[title="从 "]
 
 
 在 "Request"(请求)标签的下面,注意请求的 URI (`/AffableBean/addToCart`)、HTTP 方法 (`POST`) 以及请求参数(`productId` 和 `submit`)。 
-image:::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. 选择 "Cookie" 标签。在此处会看到存在一个名为 `JSESSIONID` 的 cookie,从客户端发送至服务器。请注意,cookie 的值与 "Session"(会话)标签下显示的会话 ID 相同。
 image::images/cookies-tab.png[title="Cookie 显示在 HTTP 监视器中的 "] 
 类似地,如果单击 "Header"(标头)标签,将看到列出的 cookie,这是因为 "`Cookie`" 是客户端发送的请求标头。 
@@ -672,7 +693,11 @@ image::images/cart-page-session-intact.png[title="购物车页依靠会话对象
 4. 更新购物车页中显示的任一项目的数量。(可接受 1 到 99 之间的任何数字。)单击 "update"。服务器返回一条 HTTP 状态 500 消息。 
 image::images/glassfish-error-report.png[title="在收到对已过期会话的请求时会发生 NullPointerException"]
 5. 在 IDE 中检查 GlassFish Server 日志。打开 "Output"(输出)窗口(Ctrl-4;在 Mac 上为 ⌘-4),然后选择 "GlassFish Server" 标签。滚动至日志的底部,以查看错误的堆栈跟踪。
-image:::images/gf-server-output.png[role="left", link="images/gf-server-output.png"] 
+[.feature]
+--
+image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+ 
 服务器日志表明在 `ControllerServlet` 中的第 184 行上发生了 `NullPointerException`。"Output"(输出)窗口形成了一个链接,指向发生异常错误的代码行。
 6. 单击该链接。将直接导航至 `ControllerServlet` 中的第 184 行。将鼠标悬停在编辑器左旁注中的错误标记上,会提供一个描述异常错误的工具提示。
 image::images/nullpointer-exception.png[title="错误标记和工具提示指示问题的所在位置及原因"] 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/netbeans-ecommerce-tutorial.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/netbeans-ecommerce-tutorial.asciidoc
index e26b7e22..0f481051 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/netbeans-ecommerce-tutorial.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/netbeans-ecommerce-tutorial.asciidoc
@@ -430,7 +430,11 @@ You also begin creating mockups. There are numerous ways to go about this task.
 In this scenario, we've produced _mockups_ of the primary pages the user expects see when navigating through the website. When we later discuss the MVC design pattern, you'll note that these pages map to the _views_ used by the application.
 
 |===
-|image:::images/mockup-index-small.png[role="left", link="images/mockup-index.png"] |
+|[.feature]
+--
+image::images/mockup-index-small.png[role="left", link="images/mockup-index.png"]
+--
+ |
 
 
 ==== welcome page
@@ -439,7 +443,11 @@ The welcome page is the website's home page, and entry point for the application
 
  
 
-|image:::images/mockup-category-small.png[role="left", link="images/mockup-category.png"] |
+|[.feature]
+--
+image::images/mockup-category-small.png[role="left", link="images/mockup-category.png"]
+--
+ |
 
 
 ==== category page
@@ -448,7 +456,11 @@ The category page provides a listing of all products within the selected categor
 
  
 
-|image:::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"] |
+|[.feature]
+--
+image::images/mockup-cart-small.png[role="left", link="images/mockup-cart.png"]
+--
+ |
 
 
 ==== cart page
@@ -463,7 +475,11 @@ The cart page lists all items held in the user's shopping cart. It displays prod
 * Proceed to checkout
  
 
-|image:::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"] |
+|[.feature]
+--
+image::images/mockup-checkout-small.png[role="left", link="images/mockup-checkout.png"]
+--
+ |
 
 
 ==== checkout page
@@ -474,7 +490,11 @@ The user is able to send personal details over a secure channel.
 
  
 
-|image:::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"] |
+|[.feature]
+--
+image::images/mockup-confirmation-small.png[role="left", link="images/mockup-confirmation.png"]
+--
+ |
 
 
 ==== confirmation page
@@ -778,7 +798,10 @@ Note that by default the context path for the application is the name of the pro
 http://localhost:8080/AffableBean/
 ----
 9. Click Finish. The IDE generates a skeleton project named `AffableBean` that adheres to the link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+J2EE Blueprints conventions for web application structure+]. The IDE displays various windows in its default layout. 
-image:::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. Examine the IDE's default layout. Here's a brief overview of the displayed windows and tabs:
 * *The Editor:* The editor (Ctrl-0; ⌘-0 on Mac) is the central component of the IDE, and is likely where you'll spend most of your time. The editor automatically adapts to the language you are working in, providing documentation support, code-completion, hints and error messages specific to the technology you are coding in.
 * *Projects window:* The Projects window (Ctrl-1; ⌘-1 on Mac) is the entry point to your project sources. It provides a _logical view_ of important project contents, and groups files together based on their function (e.g., `Configuration Files`). When right-clicking file nodes within the Projects window, you can call actions common to your development tasks (i.e., `Build`, `Clean`, `Deploy`, `Run`).
@@ -1170,7 +1193,10 @@ Start by running MySQL Workbench. In this exercise, you use Workbench to design
 
 *Note:* The following instructions work for MySQL Workbench versions 5.1 _and_ 5.2. The images used in this tutorial are taken from version 5.2. There are slight differences in the graphical interface between versions, however the functionality remains consistent. Because version 5.2 incorporates a query editor (previously MySQL Query Browser), as well as a server administration interface (previously MySQL Administrator), you are presented with the Home screen when opening the application (shown below).
 
-image:::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+[.feature]
+--
+image::images/workbench-home.png[role="left", link="images/workbench-home.png"]
+--
 
 If you are working in Workbench 5.2, click *Create New EER Model* beneath the Data Modeling heading in the Home screen.
 
@@ -1186,7 +1212,10 @@ If you are working in Workbench 5.2, click *Create New EER Model* beneath the Da
 1. In the default interface, begin by creating a new schema which will be used with the `AffableBean` application. Click the plus ( image::images/plus-icon.png[] ) icon located to the right of the *Physical Schemata* heading. 
 
 A new panel opens in the bottom region of the interface, enabling you to specify settings for the new schema. 
-image:::images/workbench.png[role="left", link="images/workbench.png"]
+[.feature]
+--
+image::images/workbench.png[role="left", link="images/workbench.png"]
+--
 2. Enter the following settings for the new schema:
 * *Schema Name:* `affablebean`
 * *Default Collation:* `utf8 - utf8_unicode_ci`
@@ -1205,7 +1234,10 @@ Start by creating a new entity-relationship diagram in MySQL Workbench. You can
 1. Under the EER Diagrams heading in WorkBench, double-click the Add Diagram ( image::images/add-diagram-btn.png[] ) icon. A new EER Diagram opens displaying an empty canvas. 
 
 [tips]#'EER' stands for Enhanced Entity-Relationship.# 
-image:::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+[.feature]
+--
+image::images/workbench-empty-canvas.png[role="left", link="images/workbench-empty-canvas.png"]
+--
 2. Click the New Table ( image::images/wb-new-table-icon.png[] ) icon located in the left margin, then hover your mouse onto the canvas and click again. A new table displays on the canvas. 
 image::images/wb-new-entity-table.png[title="Click the New Table icon to drag empty tables (entities) onto the canvas"]
 3. Double-click the table. The Table editor opens in the bottom region of the interface, allowing you to configure settings for the table. 
@@ -1216,7 +1248,10 @@ image::images/wb-new-entity-table.png[title="Click the New Table icon to drag em
 * *Name:* `customer`
 * *Engine:* `InnoDB`
 * *Comments:* `maintains customer details`
-image:::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+[.feature]
+--
+image::images/wb-customer-table.png[role="left", link="images/wb-customer-table.png"]
+--
 
 The link:http://www.innodb.com/[+InnoDB+] engine provides foreign key support, which is utilized in this tutorial. Later, under <<forwardEngineer,Forward-Engineering to the Database>>, you set the default storage engine used in Workbench to InnoDB.
 
@@ -2132,7 +2167,10 @@ image::images/add-jsp-prop-group-dialog.png[title="Use the Add JSP Property Grou
 *Note:* You may need to add carriage returns to the code so that it displays on multiple lines. You can right-click in the editor and choose Format (Alt-Shift-F; Ctrl-Shift-F on Mac) to have the code properly indented.
 
 9. Switch to the Pages tab again, and in the Include Preludes and Include Codas fields, enter the paths to the `header.jspf` and `footer.jspf` files, respectively. You can click the Browse button and navigate to the files in the provided dialog. 
-image:::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. Switch back to the XML tab. Note that the following code has been added. (Changes in *bold*.)
 
 [source,xml]
@@ -4395,7 +4433,10 @@ For more information on Javadoc, see the following resources:
 image::images/session-variable.png[title="Hover your mouse over variables and expressions to determine their current values"]
 11. Click the Step Over ( image::images/step-over-btn.png[] ) button in the debugger toolbar located above the editor. The line is executed, and the debugger steps to the next line in the file.
 12. Hover your mouse over the `session` variable again. Now you see the value currently set to the `session` variable. 
-image:::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+[.feature]
+--
+image::images/session-variable-set.png[role="left", link="images/session-variable-set.png"]
+--
 
 In NetBeans 6.9, you can click the grey pointer ( image::images/grey-pointer.png[] ) in the popup to expand a list of variable values contained in the highlighted element.
 
@@ -4420,10 +4461,18 @@ Line 161 of the `ControllerServlet` binds the newly-created `cart` object to the
 session.setAttribute("cart", cart);
 ----
 To witness this, open the debugger's Variables window. Choose Window > Debugging > Variables, or press Alt-Shift-1 (Ctrl-Shift-1 on Mac). 
-image:::images/variables-win-session.png[role="left", link="images/variables-win-session.png"] 
+[.feature]
+--
+image::images/variables-win-session.png[role="left", link="images/variables-win-session.png"]
+--
+ 
 If you expand the session > session > attributes node, you are able to view the objects that are bound to the session. In the above image, there are two items currently bound to the session (highlighted). These are `selectedCategory` and `categoryProducts`, instantiated in the `ControllerServlet` at lines 83 and 89, respectively. Both of these items were bound earlier, when you clicked a category image, and the `ControllerServlet` processed the category page request.
 19. Press F8 (fn-F8 on Mac) to execute line 161. The `cart` object is bound to the session, and the Variables window updates to reflect changes. In the Variables window, note that the session now contains three attributes, the third being the newly initialized `ShoppingCart` object (highlighted below). 
-image:::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"] 
+[.feature]
+--
+image::images/variables-win-session-cart.png[role="left", link="images/variables-win-session-cart.png"]
+--
+ 
 
 So far, we have not "proven" that the session, as listed in the Variables window, represents an `HttpSession`. As previously mentioned, `HttpSession` is actually an interface, so when we talk about an `HttpSession` object, or session object, we are in fact referring to any object that implements the `HttpSession` interface. In the Variables window, if you hover your cursor over '`session`', a popup displays indicating that the variable represents an `HttpSession` object. The `StandardSessionFacade` type, as displayed, is the internal class that GlassFish uses to implement the `HttpSession` interface. If you are familiar with Tomcat and are puzzled by the '`org.apache.catalina`' paths that appear in the Value column, this is because the GlassFish web/servlet container is in fact a derivative of the Apache Tomcat container.
 
@@ -4445,7 +4494,11 @@ The debugger enables you to keep an eye on variables as it steps through code. T
 22. Click the Step Into ( image::images/step-into-btn.png[] ) button to step into `ShoppingCart`'s `addItem` method.
 23. Step through the `addItem` method until you reach line 53. As the Javadoc states, `addItem` _"adds a `ShoppingCartItem` to the `ShoppingCart`'s `items` list. If item of the specified `product` already exists in shopping cart list, the quantity of that item is incremented."_
 24. Examine the `session` variable which you created a watch on (<<step21,step 21>> above). The `items.add(scItem)` statement in line 51 added the new `ShoppingCartItem` to the `items` list in the `ShoppingCart`. This is evident by drilling into the third attribute (i.e., the `cart` variable) contained in the session. 
-image:::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"] 
+[.feature]
+--
+image::images/variables-window-add-item.png[role="left", link="images/variables-window-add-item.png"]
+--
+ 
 At this stage, you can see how an `HttpSession` is created for the request, how a `ShoppingCart` object is created and attached to the session, and how a `ShoppingCartItem` is created based on the user's product choice, then added to the `ShoppingCart`'s list of `items`. The only remaining action is to forward the request to the `category.jsp` view.
 25. Open the header JSP fragment (`header.jspf`) in the editor and place a breakpoint on line 86. This line contains the EL statement within the shopping cart widget that displays the number of cart items. 
 image::images/breakpoint-jsp.png[title="You can suspend the debugger in JSP pages"]
@@ -4455,7 +4508,10 @@ image::images/breakpoint-jsp.png[title="You can suspend the debugger in JSP page
 
 27. Open the Variables window (Alt-Shift-1; Ctrl-Shift-1 on Mac) if it is not already open. Unlike with Java classes, the debugger _does not_ provide tooltips when you hover your mouse over variables or expressions in a JSP page. However, the Variables window does enable you to determine variable values as you step through code. So, where can you find the value for `${cart.numberOfItems}`?
 28. In the Variables window, expand the Implicit Objects > pageContext > session > session > attributes node. This provides access to the session object, just as you saw earlier when working in the `ControllerServlet`. In fact, you may note that the session which you created a watch on in step 21 above points to the very same object. Here you can verify that the value of `${cart.numberOfItems}` equals '`1`'. 
-image:::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+[.feature]
+--
+image::images/variables-window-number-of-items.png[role="left", link="images/variables-window-number-of-items.png"]
+--
 
 Maximize the Variables window, or any window in the IDE, by right-clicking the window header, then choosing Maximize Window (Shift-Esc).
 
@@ -4541,7 +4597,10 @@ Click the Ascending Sort ( image::images/ascending-sort-btn.png[] ) button so th
 
 
 Under the Request tab, note the requested URI (`/AffableBean/addToCart`), the HTTP method (`POST`), and the request parameters (`productId` and `submit`). 
-image:::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+[.feature]
+--
+image::images/http-monitor-add-to-cart.png[role="left", link="images/http-monitor-add-to-cart.png"]
+--
 11. Select the Cookies tab. Here you see that a cookie named `JSESSIONID` exists, and was sent from the client to the server. Note that the value for the cookie is the same as the Session ID displayed under the Session tab. 
 image::images/cookies-tab.png[title="Cookies are displayed under the Cookies tab in the HTTP Monitor"] 
 Likewise, if you click the Header tab, you see the cookie listed, since '`Cookie`' is a request header that was sent by the client. 
@@ -4711,7 +4770,11 @@ image::images/cart-page-session-intact.png[title="The cart page relies on a sess
 4. Update the quantity for one of the items displayed in the cart page. (Any number between 1 and 99 is acceptable.) Click 'update'. The server returns an HTTP Status 500 message. 
 image::images/glassfish-error-report.png[title="NullPointerException occurs when request for expired session is received"]
 5. Examine the GlassFish server log in the IDE. Open the Output window (Ctrl-4; ⌘-4 on Mac) and select the GlassFish Server tab. Scroll to the bottom of the log to examine the error's stack trace. 
-image:::images/gf-server-output.png[role="left", link="images/gf-server-output.png"] 
+[.feature]
+--
+image::images/gf-server-output.png[role="left", link="images/gf-server-output.png"]
+--
+ 
 The server log indicates that a `NullPointerException` occurred at line 184 in the `ControllerServlet`. The Output window forms a link to the line where the exception occurred.
 6. Click the link. You navigate directly to line 184 in the `ControllerServlet`. Hovering your mouse over the error badge in the editor's left margin provides a tooltip describing the exception. 
 image::images/nullpointer-exception.png[title="Error badge and tooltip indicate the location and cause of the problem"] 
@@ -5085,7 +5148,10 @@ public class ControllerServlet extends HttpServlet {
 }
 ----
 Note that we haven't created the `placeOrder` method yet. This is why the editor flags an error. You can use the tip that displays in the left margin, which allows you to generate the method signature in the appropriate class. 
-image:::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+[.feature]
+--
+image::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+--
 4. Click the tip. The IDE generates the `placeOrder` method in the `OrderManager` class.
 
 [source,java]
@@ -5580,7 +5646,10 @@ You can test this by commenting out the `em.flush()` line you previously added.
 
 To overcome this, you explicitly set the transaction for rollback in the `catch` clause. The above `@Resource` annotation is applied to grab an instance of the EJB's current `SessionContext`. The transaction is marked for rollback using the `setRollbackOnly` method.
 4. Run the project and step through the business process flow. When you submit an order, return to the IDE and examine the server log. You'll see output similar to the following: 
-image:::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+[.feature]
+--
+image::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+--
 
 Press Shift-Esc on the Output window to maximize it.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller.asciidoc
index 18612272..2eb7b29c 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller.asciidoc
@@ -636,7 +636,10 @@ image::images/add-jsp-prop-group-dialog.png[title="Use the Add JSP Property Grou
 *Note:* You may need to add carriage returns to the code so that it displays on multiple lines. You can right-click in the editor and choose Format (Alt-Shift-F; Ctrl-Shift-F on Mac) to have the code properly indented.
 
 9. Switch to the Pages tab again, and in the Include Preludes and Include Codas fields, enter the paths to the `header.jspf` and `footer.jspf` files, respectively. You can click the Browse button and navigate to the files in the provided dialog. 
-image:::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. Switch back to the XML tab. Note that the following code has been added. (Changes in *bold*.)
 
 [source,xml]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ja.asciidoc
index 89d71e80..4be33ef4 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ja.asciidoc
@@ -627,7 +627,10 @@ image::images/add-jsp-prop-group-dialog.png[title="「JSPプロパティ・グ
 *注意:* コードを複数の行に表示するには、キャリッジ・リターンを追加する必要があります。コードのインデントを適切に設定するには、エディタ内を右クリックし、「フォーマット」([Alt]-[Shift]-[F]、Macの場合は[Ctrl]-[Shift]-[F])を選択します。
 
 9. 「ページ」タブに戻り、「プレリュード(ヘッダー)を含める」フィールドと「コーダ(フッター)を含める」フィールドにそれぞれ`header.jspf`ファイルと`footer.jspf`ファイルのパスを入力します。「参照」ボタンをクリックし、表示されるダイアログでファイルを選択できます。
-image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image:images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. 「XML」タブに戻ります。次のコードが追加されています。変更場所は*太字*で示されています。
 
 [source,xml]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_pt_BR.asciidoc
index 99285003..fac4b34a 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_pt_BR.asciidoc
@@ -627,7 +627,10 @@ image::images/add-jsp-prop-group-dialog.png[title="Use a caixa de diálogo Adici
 *Observação:* pode ser necessário adicionar retorno de carro ao código para que ele seja exibido em várias linhas. Você pode clicar com o botão direito do mouse no editor e selecionar Formato (Alt-Shift-F; Ctrl-Shift-F no Mac) para que o código seja recuado corretamente.
 
 9. Volte novamente para a guia Páginas e nos campos Incluir Preludes e Incluir Codas, informe os caminhos para os arquivos `header.jspf` e `footer.jspf`, respectivamente. Você pode clicar no botão Browser e navegar para os arquivos na caixa de diálogo fornecida. 
-image:::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. Volte para a guia XML. Note que o código a seguir foi adicionado. (Alterações em *negrito*.)
 
 [source,xml]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ru.asciidoc
index 33f35ee6..06e9c434 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_ru.asciidoc
@@ -627,7 +627,10 @@ image::images/add-jsp-prop-group-dialog.png[title="Используйте диа
 *Примечание.* Может потребоваться добавление символа возврата каретки к коду, чтобы он отображался на нескольких строках. Можно щелкнуть правой кнопкой мыши в редакторе и выбрать 'Формат' (Alt-Shift-F, Ctrl-Shift-F на Mac), чтобы задать для код правильные отступы.
 
 9. Переключитесь снова на вкладку "Страницы" и введите в поля "Включить вводные части" и "Включить заключительные части" пути к файлам `header.jspf` и `footer.jspf` соответственно. Можно нажать кнопку "Обзор" и выбрать файлы в диалоговом окне. 
-image:::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. Переключитесь обратно на вкладку XML. Обратите внимание, что добавился следующий код. (Изменения *выделены полужирным шрифтом*.)
 
 [source,xml]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_zh_CN.asciidoc
index fff426cf..6db23942 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/page-views-controller_zh_CN.asciidoc
@@ -627,7 +627,10 @@ image::images/add-jsp-prop-group-dialog.png[title="使用 "] 标记">
 *注:*您可能需要在代码中添加回车符,以便该代码显示为多行。可以在编辑器中单击鼠标右键并选择 "Format"(格式化)(Alt-Shift-F 组合键;在 Mac 上为 Ctrl-Shift-F 组合键)来适当缩进代码。
 
 9. 再次切换到 "Pages"(页面)标签,然后在 "Include Preludes"(包括 Prelude)和 "Include Codas"(包括 Coda)字段中,分别输入 `header.jspf` 和 `footer.jspf` 文件的路径。您可以单击 "Browse"(浏览)按钮,然后在提供的对话框中导航至这些文件。 
-image:::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+[.feature]
+--
+image::images/jsp-prop-groups-small.png[role="left", link="images/jsp-prop-groups.png"]
+--
 10. 切换回 "XML" 标签。请注意,已经添加以下代码。(更改内容以*粗体*显示。)
 
 [source,xml]
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/security.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/security.asciidoc
index 33356d03..0a955778 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/security.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/security.asciidoc
@@ -569,7 +569,11 @@ The following steps demonstrate how to enable the Default Principal To Role Mapp
 4. Log into the Administration Console by typing `admin` / `adminadmin` for the username / password.
 5. In the Tree which displays in the left column of the Administration Console, expand the Configuration node, then click the Security node.
 6. In the main panel of the Administration Console, select the Default Principal To Role Mapping option. 
-image:::images/gf-admin-console-security.png[role="left", link="images/gf-admin-console-security.png"] 
+[.feature]
+--
+image::images/gf-admin-console-security.png[role="left", link="images/gf-admin-console-security.png"]
+--
+ 
 
 The Java EE 6 Tutorial defines the term _principal_ as, "An entity that can be authenticated by an authentication protocol in a security service that is deployed in an enterprise. A principal is identified by using a principal name and authenticated by using authentication data." See link:http://download.oracle.com/javaee/6/tutorial/doc/bnbxj.html#bnbxq[+Working with Realms, Users, Groups, and Roles: Some Other Terminology+] for more information.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ.asciidoc
index 7af697aa..e7d819a3 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ.asciidoc
@@ -107,7 +107,10 @@ Note that by default the context path for the application is the name of the pro
 http://localhost:8080/AffableBean/
 ----
 9. Click Finish. The IDE generates a skeleton project named `AffableBean` that adheres to the link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+J2EE Blueprints conventions for web application structure+]. The IDE displays various windows in its default layout. 
-image:::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. Examine the IDE's default layout. Here's a brief overview of the displayed windows and tabs:
 * *The Editor:* The editor (Ctrl-0; ⌘-0 on Mac) is the central component of the IDE, and is likely where you'll spend most of your time. The editor automatically adapts to the language you are working in, providing documentation support, code-completion, hints and error messages specific to the technology you are coding in.
 * *Projects window:* The Projects window (Ctrl-1; ⌘-1 on Mac) is the entry point to your project sources. It provides a _logical view_ of important project contents, and groups files together based on their function (e.g., `Configuration Files`). When right-clicking file nodes within the Projects window, you can call actions common to your development tasks (i.e., `Build`, `Clean`, `Deploy`, `Run`).
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ja.asciidoc
index 19842df8..ff1068a8 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ja.asciidoc
@@ -102,7 +102,10 @@ image::images/new-project-wzd2.png[title="開発サーバー、EEバージョン
 http://localhost:8080/AffableBean/
 ----
 9. 「終了」をクリックします。IDEは、link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+J2EE BlueprintsのWebアプリケーション構造の規約+]に準拠した`AffableBean`という名前のスケルトン・プロジェクトを生成します。IDEに、デフォルト・レイアウトで様々なウィンドウが表示されます。
-image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image:images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. IDEのデフォルト・レイアウトを確認します。ここでは、表示されるウィンドウとタブについて簡単に説明します。
 * *エディタ: *エディタ([Ctrl]-[0]、Macの場合は[⌘]-[0])は、IDEの中心的なコンポーネントであり、作業時間のほとんどを費やす可能性がある場所です。エディタは、使用している言語に自動的に適応し、コーディングで使用するテクノロジに固有のドキュメント・サポート、コード補完、ヒントおよびエラー・メッセージを提供します。
 * *「プロジェクト」ウィンドウ: *「プロジェクト」ウィンドウ([Ctrl]-[1]、Macの場合は[⌘]-[1])は、プロジェクト・ソースへのエントリ・ポイントです。重要なプロジェクト内容の_論理ビュー_が表示され、ファイルがその機能(たとえば、`構成ファイル`)に基づいてグループ分けされています。「プロジェクト」ウィンドウ内でファイル・ノードを右クリックすると、開発タスクに共通するアクション(つまり、`Build`、`Clean`、`Deploy`、`Run`)をコールできます。
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_pt_BR.asciidoc
index 977bb070..a2018505 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_pt_BR.asciidoc
@@ -102,7 +102,10 @@ Observe que, por default, o caminho do contexto da aplicação é o nome do proj
 http://localhost:8080/AffableBean/
 ----
 9. Clique em Finalizar. O IDE gera um projeto de esqueleto chamado `AffableBean` que adota as link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+convenções J2EE Blueprints para aplicações web+]. O IDE exibe as várias janelas em seu layout default. 
-image:::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. Examine o layout default do IDE. Segue aqui uma breve visão geral da janelas e guias exibidas:
 * *O Editor:* O editor (Ctrl-0; ⌘-0 no Mac) é o componente central do IDE e é onde você provavelmente gastará uma grande parte do seu tempo. O editor adapta-se, automaticamente, ao idioma no qual você está trabalhando, fornecendo suporte à documentação, autocompletar código, dicas e mensagens de erro específicas da tecnologia na qual você está codificando.
 * *Janela Projetos:* A janela Projetos (Ctrl-1; ⌘-1 no Mac) é o ponto de entrada para os códigos-fonte do seu projeto. Fornece uma _view lógica_ do conteúdo importante do projeto e agrupa os arquivos com base em suas funções (por exemplo, `Configuration Files`). Ao clicar com o botão direito do mouse na janela Projetos, você pode chamar ações comuns às suas tarefas de desenvolvimento (ou seja, `Build`, `Clean`, `Deploy` e `Run`).
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ru.asciidoc
index 5a4653af..647d7f6e 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_ru.asciidoc
@@ -102,7 +102,10 @@ image::images/new-project-wzd2.png[title="Укажите сервер разра
 http://localhost:8080/AffableBean/
 ----
 9. Нажмите кнопку "Завершить". Среда IDE создает заготовку проекта под названием `AffableBean`, которая будет придерживаться link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+формата веб-приложений J2EE Blueprints+]. Среда IDE отображает различные окна в компоновке по умолчанию. 
-image:::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. Рассмотрим компоновку по умолчанию среды IDE. Вот краткий обзор отображаемых окон и вкладок:
 * *Редактор.* Редактор (Ctrl-0; ⌘-0 в Mac) является центральным компонентом IDE, и, скорее всего, именно с ним выполняется большая часть работы. Редактор автоматически адаптируется к используемому языку, предоставляя документацию, автозавершение кода, подсказки и сообщения об ошибках для конкретной технологии, в которой пишется код.
 * *Окно 'Проекты'* Окно 'Проекты' (Ctrl-1; ⌘-1 в Mac) является точкой входа в ресурсы проекта. Обеспечивается _логическое представление_ важного содержимого проекта и группируются файлы вместе на основе их функций (например, `Файлы конфигурации`). После щелчка правой кнопкой мышиing узлов в окне 'Проекты' можно вызывать действия, которые являются общими для выполняемых задач разработки (например, `Сборка`, `Очистка`, `Развертывание`, `Запуск`).
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_zh_CN.asciidoc
index 061f67d7..3867039a 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/setup-dev-environ_zh_CN.asciidoc
@@ -102,7 +102,10 @@ image::images/new-project-wzd2.png[title="指定开发服务器、EE 版本以
 http://localhost:8080/AffableBean/
 ----
 9. 单击 "Finish"(完成)。IDE 将生成名为 `AffableBean` 的框架项目,该项目遵循 link:http://java.sun.com/blueprints/code/projectconventions.html#99632[+J2EE BluePrints Web 应用程序结构约定+]。IDE 将按照其默认布局显示各种窗口。 
-image:::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+[.feature]
+--
+image::images/ide-default-layout.png[role="left", link="images/ide-default-layout.png"]
+--
 10. 检查 IDE 的默认布局。下面简要介绍了所显示的窗口和标签:
 * *Editor(编辑器):*编辑器(Ctrl-0 组合键;在 Mac 上为 ⌘-0 组合键)是 IDE 的中心组件,可能也是您花费时间最多的地方。编辑器可自动根据所使用的语言调整,同时提供了文档支持、代码完成以及特定于编码时采用的技术的提示和错误消息。
 * *"Projects"(项目)窗口:*"Projects"(项目)窗口(Ctrl-1 组合键;在 Mac 上为 ⌘-1 组合键)是项目源的入口点。它提供了重要项目内容的_逻辑_视图,并根据文件功能(例如 `Configuration Files`)将其组合在一起。在 "Projects"(项目)窗口中右键单击文件节点时,可以调用对开发任务通用的操作(即 `Build`、`Clean`、`Deploy`、`Run`)。
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction.asciidoc
index 861a85b5..24c70ac6 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction.asciidoc
@@ -224,7 +224,10 @@ public class ControllerServlet extends HttpServlet {
 }
 ----
 Note that we haven't created the `placeOrder` method yet. This is why the editor flags an error. You can use the tip that displays in the left margin, which allows you to generate the method signature in the appropriate class. 
-image:::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+[.feature]
+--
+image::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+--
 4. Click the tip. The IDE generates the `placeOrder` method in the `OrderManager` class.
 
 [source,java]
@@ -719,7 +722,10 @@ You can test this by commenting out the `em.flush()` line you previously added.
 
 To overcome this, you explicitly set the transaction for rollback in the `catch` clause. The above `@Resource` annotation is applied to grab an instance of the EJB's current `SessionContext`. The transaction is marked for rollback using the `setRollbackOnly` method.
 4. Run the project and step through the business process flow. When you submit an order, return to the IDE and examine the server log. You'll see output similar to the following: 
-image:::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+[.feature]
+--
+image::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+--
 
 Press Shift-Esc on the Output window to maximize it.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction_ja.asciidoc
index 69119c4a..3685a0b9 100644
--- a/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javaee/ecommerce/transaction_ja.asciidoc
@@ -253,7 +253,10 @@ public class ControllerServlet extends HttpServlet {
 ----
 私たちは、まだ `placeOrder` メソッドを作成していないことに注意してください。エディタがエラーフラグを立てている理由がこれです。あなたは左余白に表示されるチップを使用できます。チップは、あなたが適切なクラスの中にメソッドのシグネチャを生成することができるようにします。 
 
-image:::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+[.feature]
+--
+image::images/tool-tip-create-method.png[role="left", link="images/tool-tip-create-method.png"]
+--
 
 4. [ tip ] をクリックします。 IDE は `placeOrder` メソッド を `OrderManager` クラスの中に 生成します。
 
@@ -794,7 +797,10 @@ public int placeOrder(String name, String email, String phone, String address, S
 
 4. プロジェクトを実行し、ビジネスプロセスフローをステップ実行します。order(注文)を送信したときに、IDE に戻りサーバーのログを調べます。出力が次のように表示されています:
 
-image:::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+[.feature]
+--
+image::images/transaction-output.png[role="left", link="images/transaction-output.png"]
+--
 
 Shift - Esc キーを押し、[出力]ウィンドウを最大化します。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng.asciidoc b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng.asciidoc
index b1ae5047..48b0e4be 100644
--- a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng.asciidoc
@@ -80,12 +80,18 @@ When the installation is complete, the Java (TM) ME Platform SDK Device Manager
 1. Choose Tools > Plugins from the main IDE's toolbar.
 2. In the Plugins dialog box, click the Installed tab and select Java ME in the list of available features.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Click Activate.
 4. At the Welcome panel of the Installer dialog box, click Activate.
 
-image:::images/installer-small.png[role="left", link="images/installer.png"]
+[.feature]
+--
+image::images/installer-small.png[role="left", link="images/installer.png"]
+--
 
 5. When the activation is successfully completed, click Finish.
 6. Click Close to close the Plugins dialog box.
@@ -95,7 +101,10 @@ image:::images/installer-small.png[role="left", link="images/installer.png"]
 1. Choose Tools > Java Platforms.
 The Java Platform Manager dialog box displays.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Click Add Platform.
 3. In the Select Platform Type of the Add Java Platform wizard, select Java ME CLDC Platform Emulator and click Next.
@@ -104,11 +113,17 @@ The IDE displays the Choose directory to search for platforms dialog box.
 5. In the Platform Folders panel of the Add Java Platform wizard, ensure the platform you selected in the previous step is chosen and click Next.
 6. As soon as the IDE detects the platform, click Finish in the Detected Platforms panel of the the Add Java Platform wizard.
 
-image:::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+[.feature]
+--
+image::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+--
 
 The Oracle Java ME Platform is now registered in the Netbeans IDE.
 
-image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+[.feature]
+--
+image::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+--
 
 7. In the Java Platform Manager dialog box, click Close.
 
@@ -124,7 +139,10 @@ The New Project dialog box displays.
 2. Select the Java ME category and the Embedded Application project. Click Next.
 3. In the Name and Location panel of the New Embedded Application wizard, specify  ``EmbeddedApp``  as the project name.
 
-image:::images/newappname-small.png[role="left", link="images/newappname.png"]
+[.feature]
+--
+image::images/newappname-small.png[role="left", link="images/newappname.png"]
+--
 
 4. Leave the Create Default Package and IMlet Class option selected and click Next.
 5. Make sure CLDC Oracle Java(TM) Platform Micro Edition SDK is selected as the emulator platform and IMPNGPhone1 is selected as the device.
@@ -164,13 +182,19 @@ The Output window displays the BUILD SUCCESSFUL statement.
 2. From the IDE's menu bar, choose Run > Run Project.
 The IMPNGPhone1 emulator starts and displays the EmbeddedApp application running.
 
-image:::images/emulator-small.png[role="left", link="images/emulator.png"]
+[.feature]
+--
+image::images/emulator-small.png[role="left", link="images/emulator.png"]
+--
 
 *Note:* More information on the Java ME Embedded Emulator is available in the link:http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm[+Oracle Java ME Embedded Getting Started Guide for the Windows 32 Platform+].
 
 In the Output window, you should see the output from the program, `Hello, world!`
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 3. In the emulator, select  ``Embedded App (running)``  and click Suspend on the right.
 The application is paused.
@@ -201,7 +225,10 @@ Before profiling your application, you need to install the Java ME SDK Tools plu
 2. In the Plugins Manager, select the Available Plugins tab.
 3. In the Available Plugins tab, scroll to find the Java ME SDK Tools plugin and select it for installation.
 
-image:::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+[.feature]
+--
+image::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+--
 
 4. Click Install.
 5. At the Welcome page of the Installer dialog box, click Next.
@@ -215,7 +242,10 @@ After NetBeans IDE restarts, you can start using the IDE to profile your mobile
 
 *Note:* You are prompted to integrate the profiler when a project is going to be profiled for the first time.
 
-image:::images/enable-small.png[role="left", link="images/enable.png"]
+[.feature]
+--
+image::images/enable-small.png[role="left", link="images/enable.png"]
+--
 
 3. (Applicable if this is first-time profiling of the project) In the Enable Profiling dialog box, click Yes to perform the integration.
 4. In the Profile dialog box, choose CPU Profiler, and optionally check Profile System Classes.
@@ -225,7 +255,10 @@ The emulator opens with the `EmbeddedApp` application running.
 7. Exit the application or close the emulator. 
 The IDE displays the profile data in the `cpu:_time_` window.
 
-image:::images/cpu-small.png[role="left", link="images/cpu.png"]
+[.feature]
+--
+image::images/cpu-small.png[role="left", link="images/cpu.png"]
+--
 
 *Note:* To save the data collected during the emulation session for future reference you can either:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ja.asciidoc
index b70e5fc3..b09b5de3 100644
--- a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ja.asciidoc
@@ -73,12 +73,18 @@ NetBeans IDEをWindowsプラットフォーム用のOracle Java ME Embeddedソ
 1. IDEのメイン・ツールバーから「ツール」→「プラグイン」を選択します。
 2. 「プラグイン」ダイアログ・ボックスで、「インストール済み」タブをクリックし、使用可能な機能のリストで「Java ME」を選択します。
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. 「アクティブ化」をクリックします。
 4. 「インストーラ」ダイアログ・ボックスの「ようこそ」パネルで「アクティブ化」をクリックします。
 
-image:::images/installer-small.png[role="left", link="images/installer.png"]
+[.feature]
+--
+image::images/installer-small.png[role="left", link="images/installer.png"]
+--
 
 5. アクティブ化が正常に完了したら、「終了」をクリックします。
 6. 「閉じる」をクリックして「プラグイン」ダイアログ・ボックスを閉じます。
@@ -88,7 +94,10 @@ image:::images/installer-small.png[role="left", link="images/installer.png"]
 1. 「ツール」→「Javaプラットフォーム」を選択します。
 「Javaプラットフォーム・マネージャ」ダイアログ・ボックスが表示されます。
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. 「プラットフォームの追加」をクリックします。
 3. 「Javaプラットフォームの追加」ウィザードの「プラットフォーム・タイプを選択」で、「Java ME CLDCプラットフォーム・エミュレータ」を選択し、「次」をクリックします。
@@ -97,11 +106,17 @@ IDEに、「プラットフォームを検索するディレクトリを選択
 5. 「Javaプラットフォームの追加」ウィザードの「プラットフォームのフォルダ」パネルで、前の手順で選択したプラットフォームが選択されていることを確認し、「次」をクリックします。
 6. IDEがプラットフォームを検出したらすぐに、「Javaプラットフォームの追加」ウィザードの「検出されたプラットフォーム」パネルで「終了」をクリックします。
 
-image:::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+[.feature]
+--
+image::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+--
 
 これで、Oracle Java MEプラットフォームがNetbeans IDEに登録されます。
 
-image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+[.feature]
+--
+image::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+--
 
 7. 「Javaプラットフォーム・マネージャ」ダイアログ・ボックスで、「閉じる」をクリックします。
 
@@ -117,7 +132,10 @@ image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png
 2. 「Java ME」カテゴリと「埋込みアプリケーション」プロジェクトを選択します。「次」をクリックします。
 3. 新規埋込みアプリケーション・ウィザードの「名前と場所」パネルで、プロジェクト名として「 ``EmbeddedApp`` 」を指定します。
 
-image:::images/newappname-small.png[role="left", link="images/newappname.png"]
+[.feature]
+--
+image::images/newappname-small.png[role="left", link="images/newappname.png"]
+--
 
 4. 「デフォルト・パッケージとIMletクラスの作成」オプションは選択したままにし、「次」をクリックします。
 5. CLDC Oracle Java(TM) Platform Micro Edition SDKがエミュレータ・プラットフォームとして選択され、IMPNGPhone1がデバイスとして選択されていることを確認します。
@@ -157,13 +175,19 @@ IDEによって、 ``IMlet.java`` ファイルがソース・エディタに開
 2. IDEのメニュー・バーから、「実行」→「プロジェクトの実行」を選択します。
 IMPNGPhone1エミュレータが起動し、実行されているEmbeddedAppアプリケーションが表示されます。
 
-image:::images/emulator-small.png[role="left", link="images/emulator.png"]
+[.feature]
+--
+image::images/emulator-small.png[role="left", link="images/emulator.png"]
+--
 
 *注意:* Java ME Embeddedエミュレータの詳細は、link:http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm[+Oracle Java ME Embeddedスタート・ガイド for Windows 32プラットフォーム+]を参照してください。
 
 「出力」ウィンドウに、プログラムからの出力として`Hello, world!`が表示されます。
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 3. エミュレータで、「 ``Embedded App (running)`` 」を選択し、右側の「一時停止」をクリックします。
 アプリケーションが一時停止します。
@@ -194,7 +218,10 @@ IDEで実行プロセスが終了します。
 2. プラグイン・マネージャで、「使用可能なプラグイン」タブを選択します。
 3. 「使用可能なプラグイン」タブで、Java ME SDK Toolsプラグインを探し、選択してインストールします。
 
-image:::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+[.feature]
+--
+image::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+--
 
 4. 「インストール」をクリックします。
 5. 「インストーラ」ダイアログ・ボックスの「ようこそ」ページで「次」をクリックします。
@@ -208,7 +235,10 @@ NetBeans IDEの再起動後に、IDEを使用したモバイル埋込みアプ
 
 *注意:* プロジェクトが初めてプロファイリングされるときに、プロファイラの統合を求められます。
 
-image:::images/enable-small.png[role="left", link="images/enable.png"]
+[.feature]
+--
+image::images/enable-small.png[role="left", link="images/enable.png"]
+--
 
 3. (プロジェクトの初回プロファイリングに適用)「プロファイリングの有効化」ダイアログ・ボックスで、「はい」をクリックして統合を実行します。
 4. 「プロファイル」ダイアログ・ボックスで、CPUプロファイラを選択し、オプションでプロファイル・システム・クラスをチェックします。
@@ -218,7 +248,10 @@ image:::images/enable-small.png[role="left", link="images/enable.png"]
 7. アプリケーションを終了するか、エミュレータを閉じます。
 IDEにより、「`cpu:_time_`」ウィンドウにプロファイル・データが表示されます。
 
-image:::images/cpu-small.png[role="left", link="images/cpu.png"]
+[.feature]
+--
+image::images/cpu-small.png[role="left", link="images/cpu.png"]
+--
 
 *注意:* 後で参照するためにエミュレーション・セッション中に収集されたデータを保存するには、次のいずれかを行います。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_pt_BR.asciidoc
index 0b61cfae..f847fd72 100644
--- a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_pt_BR.asciidoc
@@ -73,12 +73,18 @@ Quando a instalação for concluída, o ícone do Gerenciador de Dispositivo do
 1. Selecione Ferramentas > Plug-ins na barra de ferramentas principal do IDE.
 2. Na caixa de diálogo Plug-ins, clique na guia Instalado e selecione Java ME na lista de funcionalidades disponíveis.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Clique em Ativar.
 4. No painel de Boas-vindas da caixa de diálogo do Instalador, clique em Ativar.
 
-image:::images/installer-small.png[role="left", link="images/installer.png"]
+[.feature]
+--
+image::images/installer-small.png[role="left", link="images/installer.png"]
+--
 
 5. Quando a ativação foi concluída com êxito, clique em Finalizar.
 6. Clique em Fechar para fechar a caixa de diálogo Plug-ins.
@@ -88,7 +94,10 @@ image:::images/installer-small.png[role="left", link="images/installer.png"]
 1. Selecione Ferramentas > Plataformas Java.
 A caixa de diálogo Gerenciador da Plataforma Java será exibida.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Clique em Adicionar Plataforma.
 3. Em Selecionar Tipo de Plataforma do assistente Adicionar Plataforma Java, selecione Java ME CLDC Platform Emulator e clique em Próximo.
@@ -97,11 +106,17 @@ O IDE exibirá o diretório Escolher para a pesquisa de caixa de diálogo das pl
 5. No painel Pastas da Plataforma do assistente Adicionar Plataforma Java, verifique se a plataforma selecionada na etapa anterior foi escolhida e clique em Próximo.
 6. Assim que o IDE detectar a plataforma, clique em Finalizar no painel Plataformas Detectadas do assistente Adicionar Plataforma Java.
 
-image:::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+[.feature]
+--
+image::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+--
 
 O Oracle Java ME Platform agora está registrado no NetBeans IDE.
 
-image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+[.feature]
+--
+image::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+--
 
 7. Na caixa de diálogo Gerenciador de Plataformas Java, clique em Fechar.
 
@@ -117,7 +132,10 @@ A caixa de diálogo Novo Projeto é exibida.
 2. Selecione a categoria de Java ME e o projeto da Aplicação Incorporada. Clique em Próximo.
 3. No painel Nome e Local do assistente Nova Aplicação Incorporada, especifique  ``EmbeddedApp``  como nome do projeto.
 
-image:::images/newappname-small.png[role="left", link="images/newappname.png"]
+[.feature]
+--
+image::images/newappname-small.png[role="left", link="images/newappname.png"]
+--
 
 4. Deixe a opção Criar Pacote Default e Classe de IMlet selecionada e clique em Próximo.
 5. Verifique se CLDC Oracle Java(TM) Platform Micro Edition SDK está selecionado na plataforma do emulador e se IMPNGPhone1 está selecionado como dispositivo.
@@ -157,13 +175,19 @@ A janela de Saída exibirá a instrução BUILD SUCCESSFUL.
 2. Na barra de menu IDE, escolha Executar > Executar Projeto.
 O emulador IMPNGPhone1 é iniciado e exibe a aplicação EmbeddedApp em execução.
 
-image:::images/emulator-small.png[role="left", link="images/emulator.png"]
+[.feature]
+--
+image::images/emulator-small.png[role="left", link="images/emulator.png"]
+--
 
 *Observação:* Mais informações sobre o Java ME Embedded Emulator estão disponíveis no link:http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm[+Oracle Java ME Embedded Getting Started Guide for the Windows 32 Platform+].
 
 Na janela de Saída, você deverá ver a saída do programa, `Hello, world!`
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 3. No emulador, selecione  ``Aplicação Incorporada (em execução)``  e clique em Suspender, à direita.
 A aplicação está pausada.
@@ -194,7 +218,10 @@ Antes de criar perfil da aplicação, você deve instalar o plug-in das Ferramen
 2. No Gerenciador de Plug-ins, selecione a guia Plug-ins Disponíveis.
 3. Na guia Plug-ins Disponíveis, role a tela para localizar o plug-in das Ferramentas Java ME SDK e selecione-o para instalação.
 
-image:::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+[.feature]
+--
+image::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+--
 
 4. Clique em Instalar.
 5. Pelo a página de Boas-vindas da caixa de diálogo do Instalador, clique em Próximo.
@@ -208,7 +235,10 @@ Quando o NetBeans IDE for selecionado, você poderá iniciar o uso do IDE para c
 
 *Observação:* Você será solicitado a integrar o criador de perfil quando um projeto tiver o perfil criado pela primeira vez.
 
-image:::images/enable-small.png[role="left", link="images/enable.png"]
+[.feature]
+--
+image::images/enable-small.png[role="left", link="images/enable.png"]
+--
 
 3. (Aplicável se essa for a primeira vez que um perfil é criado no projeto) Na caixa de diálogo Ativar Criação de Perfil, clique em Sim para executar a integração.
 4. Na caixa de diálogo Perfil, escolha Criador de Perfil de CPU e, opcionalmente, marque Classes de Sistema do Perfil.
@@ -218,7 +248,10 @@ O emulador é aberto com a aplicação `EmbeddedApp` em execução.
 7. Saia da aplicação ou feche o emulador. 
 O IDE exibirá os dados de perfil na janela `cpu:_time_`.
 
-image:::images/cpu-small.png[role="left", link="images/cpu.png"]
+[.feature]
+--
+image::images/cpu-small.png[role="left", link="images/cpu.png"]
+--
 
 *Observação:* Para salvar os dados coletados durante a sessão de emulação para futura referência, você pode:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ru.asciidoc
index 5c88633a..c24f042b 100644
--- a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_ru.asciidoc
@@ -73,12 +73,18 @@ image::images/netbeans-stamp-80-74-73.png[title="Содержимое этой 
 1. Выберите 'Сервис' > 'Подключаемые модули' на главной панели инструментов IDE.
 2. В диалоговом окне 'Подключаемые модули' перейдите на вкладку 'Установлено' и выберите Java ME в списке доступных функций.
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. Нажмите кнопку 'Активировать'.
 4. На панели приветствия в диалоговом окне программы установки нажмите кнопку 'Активировать'.
 
-image:::images/installer-small.png[role="left", link="images/installer.png"]
+[.feature]
+--
+image::images/installer-small.png[role="left", link="images/installer.png"]
+--
 
 5. После успешного завершения активации нажмите кнопку 'Готово'.
 6. Нажмите кнопку 'Закрыть', чтобы закрыть диалоговое окно 'Подключаемые модули'.
@@ -88,7 +94,10 @@ image:::images/installer-small.png[role="left", link="images/installer.png"]
 1. Выберите 'Служба'> 'Платформы Java'.
 Откроется диалоговое окно 'Диспетчер платформ Java'.
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. Нажмите 'Добавить платформу'.
 3. В окне 'Выбор типа платформы' мастера платформ Java выберите эмулятор платформы Java ME CLDC и нажмите кнопку 'Далее'.
@@ -97,11 +106,17 @@ image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
 5. На панели 'Папки платформы' мастера добавления платформ Java убедитесь, что выделенная на предыдущем шаге платформа выбрана и щелкните 'Далее'.
 6. Как только IDE определит платформу, нажмите кнопку 'Готово' на панели 'Обнаруженные платформы' мастера добавления платформ Java.
 
-image:::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+[.feature]
+--
+image::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+--
 
 Теперь платформа Oracle Java ME зарегистрирована в среде IDE NetBeans.
 
-image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+[.feature]
+--
+image::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+--
 
 7. В диалоговом окне диспетчера платформ Java нажмите кнопку 'Закрыть'.
 
@@ -117,7 +132,10 @@ image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png
 2. Выберите категорию Java ME и проект 'Встроенное приложение'. Нажмите кнопку 'Далее'.
 3. На панели 'Имя и местоположение' мастера создания встроенных приложений укажите ``EmbeddedApp``  в качестве имени проекта.
 
-image:::images/newappname-small.png[role="left", link="images/newappname.png"]
+[.feature]
+--
+image::images/newappname-small.png[role="left", link="images/newappname.png"]
+--
 
 4. Не снимайте флажки 'Оставьте созданный пакет по умолчанию' и 'Параметр класса IMlet' и нажмите кнопку 'Далее'.
 5. Убедитесь, что в качестве платформы эмулятора выбран CLDC Oracle Java (TM) Platform Micro Edition SDK, а в качестве устройства - IMPNGPhone1.
@@ -157,13 +175,19 @@ image::images/prjcreated.png[]
 2. На панели меню IDE выберите 'Выполнить'> 'Выполнить проект'.
 Эмулятор IMPNGPhone1 запускается, и на нем отображается запущенное приложение EmbeddedApp.
 
-image:::images/emulator-small.png[role="left", link="images/emulator.png"]
+[.feature]
+--
+image::images/emulator-small.png[role="left", link="images/emulator.png"]
+--
 
 *Примечание.* Подробнее о встроенном эмуляторе Java ME см. в документе link:http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm[+Руководство по началу работы на платформе Windows 32 с Oracle Java ME Embedded+].
 
 В окне 'Выходные данные' должны отобразиться выходные данные программы `Hello, world!`
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 3. В эмуляторе выберите  ``Встроенные приложения (запущено)``  и выберите 'Приостановить' справа.
 Приложение приостановлено.
@@ -194,7 +218,10 @@ image:::images/output-small.png[role="left", link="images/output.png"]
 2. В диспетчере подключаемых модулей выберите вкладку 'Доступные подключаемые модули'.
 3. На вкладке 'Доступные подключаемые модули' используйте прокрутку, чтобы найти подключаемый модуль набора средств Java ME SDK и выбрать его для установки.
 
-image:::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+[.feature]
+--
+image::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+--
 
 4. Нажмите кнопку 'Установить'.
 5. На странице "Добро пожаловать" диалогового окна программы установки нажмите кнопку "Далее".
@@ -208,7 +235,10 @@ image:::images/available-plugins-small.png[role="left", link="images/available-p
 
 *Примечание.* Будет отображен запрос на интеграцию профилировщика, когда проект будет профилирован в первый раз.
 
-image:::images/enable-small.png[role="left", link="images/enable.png"]
+[.feature]
+--
+image::images/enable-small.png[role="left", link="images/enable.png"]
+--
 
 3. (Применимо, если это первое профилирование проекта) в диалоговом окне 'Включить профилирование' нажмите 'Да', чтобы выполнить интеграцию.
 4. В диалоговом окне 'Профиль', выберите профилировщик ЦП, и при необходимости проверьте системные классы профилей.
@@ -218,7 +248,10 @@ image:::images/enable-small.png[role="left", link="images/enable.png"]
 7. Выход из приложения или закрытие эмулятора. 
 IDE отображает данные профиля в окне `ЦП:_время_`.
 
-image:::images/cpu-small.png[role="left", link="images/cpu.png"]
+[.feature]
+--
+image::images/cpu-small.png[role="left", link="images/cpu.png"]
+--
 
 *Примечание.* Чтобы сохранить для дальнейшего использования данные, собранные в ходе сеанса эмуляции, вы можете:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_zh_CN.asciidoc
index 4df2cf3d..2d9c093f 100644
--- a/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/javame/imp-ng_zh_CN.asciidoc
@@ -73,12 +73,18 @@ image::images/netbeans-stamp-80-74-73.png[title="此页上的内容适用于 Net
 1. 从 IDE 主工具栏中选择 "Tools"(工具)> "Plugins"(插件)。
 2. 在 "Plugins"(插件)对话框中,单击 "Installed"(已安装)标签,并在可用功能列表中选择 "Java ME"。
 
-image:::images/plugins-small.png[role="left", link="images/plugins.png"]
+[.feature]
+--
+image::images/plugins-small.png[role="left", link="images/plugins.png"]
+--
 
 3. 单击 "Activate"(激活)。
 4. 在 "Installer"(安装程序)对话框的 "Welcome"(欢迎使用)面板上,单击 "Activate"(激活)。
 
-image:::images/installer-small.png[role="left", link="images/installer.png"]
+[.feature]
+--
+image::images/installer-small.png[role="left", link="images/installer.png"]
+--
 
 5. 在成功完成激活过程后,单击 "Finish"(完成)。
 6. 单击 "Close"(关闭)以关闭 "Plugins"(插件)对话框。
@@ -88,7 +94,10 @@ image:::images/installer-small.png[role="left", link="images/installer.png"]
 1. 选择 "Tools"(工具)> "Java Platforms"(Java 平台)。
 此时将显示 "Java Platform Manager"(Java 平台管理器)对话框。
 
-image:::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+[.feature]
+--
+image::images/jpmanager-small.png[role="left", link="images/jpmanager.png"]
+--
 
 2. 单击 "Add Platform"(添加平台)。
 3. 在 "Add Java Platform"(添加 Java 平台)向导的 "Select Platform Type"(选择平台类型)中,选择 "Java ME CLDC Platform Emulator"(Java ME CLDC 平台仿真器)并单击 "Next"(下一步)。
@@ -97,11 +106,17 @@ IDE 随即会显示 "Choose directory to search for platforms"(选择要在其
 5. 在 "Add Java Platform"(添加 Java 平台)向导的 "Platform Folders"(平台文件夹)面板中,确保选择上一步骤中的所选平台,然后单击 "Next"(下一步)。
 6. 在 IDE 检测到平台之后,请立即在 "Add Java Platform"(添加 Java 平台)向导的 "Detected Platforms"(已检测到平台)面板中单击 "Finish"(完成)。
 
-image:::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+[.feature]
+--
+image::images/jpdetected-small.png[role="left", link="images/jpdetected.png"]
+--
 
 现在将在 Netbeans IDE 中注册 Oracle Java ME 平台。
 
-image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+[.feature]
+--
+image::images/jpregistered-small.png[role="left", link="images/jpregistered.png"]
+--
 
 7. 在 "Java Platform Manager"(Java 平台管理器)对话框中,单击 "Close"(关闭)。
 
@@ -117,7 +132,10 @@ image:::images/jpregistered-small.png[role="left", link="images/jpregistered.png
 2. 选择 "Java ME" 类别,然后选择 "Embedded Application"(嵌入式应用程序)项目。单击 "Next"(下一步)。
 3. 在 "New Embedded Application"(新建嵌入式应用程序)向导的 "Name and Location"(名称和位置)面板中,指定  ``EmbeddedApp``  作为项目名称。
 
-image:::images/newappname-small.png[role="left", link="images/newappname.png"]
+[.feature]
+--
+image::images/newappname-small.png[role="left", link="images/newappname.png"]
+--
 
 4. 保持选中 "Create Default Package and IMlet Class"(创建默认包和 IMlet 类)选项,然后单击 "Next"(下一步)。
 5. 确保选择 "CLDC Oracle Java(TM) Platform Micro Edition SDK" 作为仿真器平台,并选择 "IMPNGPhone1" 作为设备。
@@ -157,13 +175,19 @@ IDE 随即会在源代码编辑器中打开  ``IMlet.java``  文件。
 2. 从 IDE 菜单栏中,选择 "Run"(运行)> "Run Project"(运行项目)。
 IMPNGPhone1 仿真器随即启动并显示 EmbeddedApp 应用程序正在运行。
 
-image:::images/emulator-small.png[role="left", link="images/emulator.png"]
+[.feature]
+--
+image::images/emulator-small.png[role="left", link="images/emulator.png"]
+--
 
 *注:*《link:http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm[+面向 Windows 32 平台的 Oracle Java ME Embedded 入门指南+]》中提供了有关 Java ME Embedded Emulator 的详细信息。
 
 在 "Output"(输出)窗口中,您应当可以看到程序输出 `Hello, world!`
 
-image:::images/output-small.png[role="left", link="images/output.png"]
+[.feature]
+--
+image::images/output-small.png[role="left", link="images/output.png"]
+--
 
 3. 在仿真器中,选择  ``Embedded App (running)``  并单击右侧的 "Suspend"(挂起)。
 此时将暂停应用程序。
@@ -194,7 +218,10 @@ image:::images/output-small.png[role="left", link="images/output.png"]
 2. 在插件管理器中,选择 "Available Plugins"(可用插件)标签。
 3. 在 "Available Plugins"(可用插件)标签中,滚动查找 "Java ME SDK Tools" 插件,并选择该插件以便安装。
 
-image:::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+[.feature]
+--
+image::images/available-plugins-small.png[role="left", link="images/available-plugins.png"]
+--
 
 4. 单击 "Install"(安装)。
 5. 在 "Installer"(安装程序)对话框的欢迎页,单击 "Next"(下一步)。
@@ -208,7 +235,10 @@ image:::images/available-plugins-small.png[role="left", link="images/available-p
 
 *注:*当首次对项目进行性能分析时,系统会提示您集成分析器。
 
-image:::images/enable-small.png[role="left", link="images/enable.png"]
+[.feature]
+--
+image::images/enable-small.png[role="left", link="images/enable.png"]
+--
 
 3. (适用于首次对项目进行性能分析)在 "Enable Profiling"(启用性能分析)对话框中,单击 "Yes"(是)执行集成。
 4. 在 "Profile"(分析)对话框中,选择 "CPU Profiler"(CPU 分析器),并选择性地选中 "Profile System Classes"(分析系统类)。
@@ -218,7 +248,10 @@ image:::images/enable-small.png[role="left", link="images/enable.png"]
 7. 退出应用程序或关闭仿真器。
 IDE 会在 `cpu:_时间_`窗口中显示分析数据。
 
-image:::images/cpu-small.png[role="left", link="images/cpu.png"]
+[.feature]
+--
+image::images/cpu-small.png[role="left", link="images/cpu.png"]
+--
 
 *注:*要保存在仿真会话中收集的数据以供将来参考,您可以执行以下任一操作:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart.asciidoc
index a8905c4e..6eb1b49c 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart.asciidoc
@@ -91,7 +91,10 @@ Begin by creating a new PHP application project in the IDE.
 image::images/php-name-location.png[title="New PHP Project wizard - Name and Location panel"]
 3. In Step 3: Run Configuration, specify how you want to deploy your application. If you have set up your PHP development environment by configuring an *AMP package, you should select *Local Web Site* from the drop-down list, and specify the URL of the project, as it will appear in a browser.
 4. Select the Copy files from Sources Folder to another location option. Then, in the Copy to Folder field, type in the path to the deployment location on the server. (On Apache, this is the default `htdocs` directory.) 
-image:::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+[.feature]
+--
+image::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+--
 5. Click *Finish*. The IDE creates the project folder in your file system and the project opens in the IDE. 
 
 You can also use the Project wizard to add  framework support to your project (provided in Step 4 of the wizard).
diff --git a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ja.asciidoc
index 03607b09..ee56c9ba 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ja.asciidoc
@@ -91,7 +91,10 @@ image::images/ajax-process-flow.png[title="Ajaxのプロセス・フロー図"]
 image::images/php-name-location.png[title="新規PHPプロジェクト・ウィザード - 「名前と場所」パネル"]
 3. ステップ3の「実行構成」で、アプリケーションのデプロイ方法を指定します。*AMPパッケージを構成してPHP開発環境を設定した場合は、ドロップダウン・リストから「*ローカルWebサイト*」を選択し、ブラウザに表示するプロジェクトのURLを指定します。
 4. 「ファイルをソース・フォルダから別の場所にコピー」オプションを選択します。次に、「フォルダにコピー」フィールドに、サーバー上のデプロイ先のパスを入力します。(Apacheでは、デフォルトの`htdocs`ディレクトリを使用します。)
-image::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+[.feature]
+--
+image:images/php-run-config.png[role="left", link="images/php-run-config.png"]
+--
 5. 「*終了*」をクリックします。IDEによってプロジェクト・フォルダがファイル・システム内に作成され、プロジェクトがIDEで開きます。
 
 プロジェクト・ウィザードを使用して、  フレームワークのサポートをプロジェクトに追加することもできます(ウィザードのステップ4)。
diff --git a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_pt_BR.asciidoc
index 45833861..662a41ae 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_pt_BR.asciidoc
@@ -91,7 +91,10 @@ Comece criando um novo projeto de aplicação PHP no IDE.
 image::images/php-name-location.png[title="Assistente Novo Projeto PHP: painel Nome e Localização"]
 3. Na etapa 3: Configuração de Execução, especifique como você deseja implantar a aplicação. Se tiver definido o ambiente de desenvolvimento do PHP configurando um pacote *AMP, deverá selecionar *Local Web Site* na lista drop-down e especificar o URL do projeto, como ele aparecerá em um browser.
 4. Selecione a opção Copiar arquivos da Pasta de Códigos-Fonte para outra localização. Em seguida, no campo Copiar para Pasta, digite o caminho para o local de implantação no servidor. (No Apache, é o diretório `htdocs` default.) 
-image:::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+[.feature]
+--
+image::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+--
 5. Clique em *Finalizar*. O IDE criará a pasta do projeto em seu sistema de arquivos e o projeto será aberto no IDE. 
 
 Você também pode utilizar o assistente Projeto para adicionar  suporte ao framework para o projeto (fornecido na Etapa 4 do assistente).
diff --git a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ru.asciidoc
index c64739f7..47c07dc3 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_ru.asciidoc
@@ -91,7 +91,10 @@ image::images/ajax-process-flow.png[title="Диаграма потоков пр
 image::images/php-name-location.png[title="Мастер создания проектов PHP - панель 'Имя и местоположение'"]
 3. На третьем экране "Настройки выполнения" укажите способ развертывания приложения. Если среда разработки PHP формировалась путем настройки пакета *AMP, необходимо выбрать в раскрывающемся списке пункт *Локальный веб-сайт* и указать URL-адрес проекта, который должен использоваться в браузере.
 4. Выберите параметр "Скопировать файлы из папки источников в другое расположение". Затем в поле "Скопировать в папку" введите путь к местоположению для развертывания на сервере. На сервере Apache по умолчанию используется каталог `htdocs`. 
-image:::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+[.feature]
+--
+image::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+--
 5. Нажмите кнопку *Готово*. Среда IDE создает папку проекта в файловой системе, после чего этот проект открывается в среде IDE. 
 
 Также можно использовать мастер проектов для добавления  в проект платформенной поддержки (предоставляется в действии 4 мастера проектов)
diff --git a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_zh_CN.asciidoc
index 38313fff..99231d47 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/ajax-quickstart_zh_CN.asciidoc
@@ -91,7 +91,10 @@ image::images/ajax-process-flow.png[title="Ajax 过程流图"]
 image::images/php-name-location.png[title="新建 PHP 项目向导 - "Name and Location"(名称和位置)面板"]
 3. 在步骤 3 "Run Configuration"(运行配置)中,指定您要部署应用程序的方式。如果您已通过配置 *AMP 包设置了 PHP 开发环境,则应该从下拉列表中选择 *Local Web Site*(本地 Web 站点),并指定项目的 URL(将显示在浏览器中)。
 4. 选中 "Copy files from Sources Folder to another location"(将源文件夹中的文件复制到其他位置)选项。然后,在 "Copy to Folder "(复制到文件夹)字段中,键入到服务器上部署位置的路径。(在 Apache 上,部署位置是默认的 `htdocs` 目录。) 
-image:::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+[.feature]
+--
+image::images/php-run-config.png[role="left", link="images/php-run-config.png"]
+--
 5. 单击 *Finish*(完成)。IDE 在您的文件系统中创建项目文件夹,项目在 IDE 中打开。 
 
 您也可以使用项目向导  将框架支持添加到项目中(可在向导的步骤 4 中执行该操作)。
diff --git a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os.asciidoc
index fe643630..9ca56cb1 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os.asciidoc
@@ -100,7 +100,10 @@ When you create a PHP project in the IDE using MAMP's resources, you should spec
 
 For example, when creating a new PHP project use the New Project Wizard (click the New Project icon in the IDE's toolbar ( image::images/new-project-icon.png[] ). In the third step of the wizard, Run Configuration, select the Copy files from Sources Folder to another location option and type in the path to the `htdocs` folder.
 
-image:::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+[.feature]
+--
+image::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+--
 
 The IDE remembers this location for future projects. For further instructions on creating PHP projects in NetBeans IDE, see link:project-setup.html[+Setting Up a PHP Project+].
 
diff --git a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ja.asciidoc
index 113e7a5f..531f2512 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ja.asciidoc
@@ -100,7 +100,10 @@ MAMPのリソースを使用してIDEでPHPプロジェクトを作成する場
 
 たとえば、新しいPHPプロジェクトの作成時に、新規プロジェクト・ウィザードを使用します(IDEのツールバーで「新規プロジェクト」アイコンをクリック(image::images/new-project-icon.png[]))。ウィザードの3番目の手順「実行構成」で、「ファイルをソース・フォルダから別の場所にコピー」オプションを選択し、`htdocs`フォルダのパスを入力します。
 
-image:::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+[.feature]
+--
+image::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+--
 
 IDEは今後のプロジェクトのために、この場所を記憶します。NetBeans IDEでPHPプロジェクトを作成する手順の詳細は、link:project-setup.html[+PHPプロジェクトの設定+]を参照してください。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_pt_BR.asciidoc
index 903817fb..d1a001e3 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_pt_BR.asciidoc
@@ -100,7 +100,10 @@ Quando você criar um projeto PHP no IDE usando recursos do MAMP, especifique pa
 
 Por exemplo, ao criar um novo projeto PHP, use o Assistente de Novo Projeto (clique no ícone Novo Projeto, na barra de ferramentas do IDE ( image::images/new-project-icon.png[] ). Na terceira etapa do assistente, Executar Configuração, selecione a opção Copiar arquivos da Pasta de Códigos-fonte para outro local, e digite o caminho para a pasta `htdocs`.
 
-image:::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+[.feature]
+--
+image::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+--
 
 O IDE se lembrará desse local nos projetos futuros. Para obter instruções adicionais sobre como criar projetos PHP no NetBeans IDE, consulte link:project-setup.html[+Configurando um Projeto PHP+].
 
diff --git a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ru.asciidoc
index 18056090..12a1e43e 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_ru.asciidoc
@@ -100,7 +100,10 @@ image::images/socket-path.png[]
 
 Например, можно создать новый проект PHP с помощью мастера новых проектов (нажмите значок "Создать проект" на панели инструментов IDE ( image::images/new-project-icon.png[] ). На третьем экране мастера "Конфигурация запуска" выберите параметр "Копировать файлы из исходной папки в другое расположение" и укажите путь к папке `htdocs`.
 
-image:::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+[.feature]
+--
+image::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+--
 
 IDE запоминает указанный путь и использует его в последующих проектах. Более подробные инструкции по созданию проектов PHP в NetBeans IDE см. в разделе link:project-setup.html[+Настройка проекта PHP+].
 
diff --git a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_zh_CN.asciidoc
index 599fc58e..85c31501 100644
--- a/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os_zh_CN.asciidoc
@@ -100,7 +100,10 @@ image::images/socket-path.png[]
 
 例如,创建新的 PHP 项目时,使用新建项目向导(在 IDE 的工具栏中单击 "New Project"(新建项目)图标)(image::images/new-project-icon.png[])。在此向导的第三步 "Run Configuration"(运行配置)中,选择 "Copy files from Sources Folder to anotherlocation"(将源文件夹中的文件复制到其他位置)选项,并键入 `htdocs` 文件夹的路径。
 
-image:::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+[.feature]
+--
+image::images/new-php-project.png[role="left", link="images/new-php-project.png"]
+--
 
 IDE 会记住此位置用于将来的项目。有关在 NetBeans IDE 中创建 PHP 项目的进一步说明,请参见link:project-setup.html[+设置 PHP 项目+]。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/applets.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/applets.asciidoc
index cb4e7c59..bb19478c 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/applets.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/applets.asciidoc
@@ -169,7 +169,10 @@ By default, the applet JAR file will be copied to the web application's web page
 
 When you build the  ``HelloWebApplet``  project by choosing Run > Build Project (HelloWebApplet) from the main IDE's menu, the applet's JAR file is generated in the original  ``HelloApplet``  project and is packaged in the  ``HelloWebApplet``  project's WAR file. It is also added to the  ``build/web``  folder. You can follow this process in the Output window and see the results in the Files window.
 
-image::images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+[.feature]
+--
+image:images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+--
 
 
 === Create and run the JSP file or HTML file
@@ -193,7 +196,10 @@ The server deploys the JSP file or HTML file in the IDE's default browser.
 
 You should see something similar to the illustration below (after you allow to run the application by clicking Run in the Security Warning dialog box):
 
-image::images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+[.feature]
+--
+image:images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+--
 
 For applet forms, you should see something similar to the following:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/applets_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/applets_ja.asciidoc
index 2a887f03..83219d89 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/applets_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/applets_ja.asciidoc
@@ -169,7 +169,10 @@ image::images/movie-magic-quiz.png[]
 
 IDEのメイン・メニューから「実行」>「プロジェクトのビルド(HelloWebApplet)」を選択して ``HelloWebApplet`` プロジェクトをビルドすると、アプレットのJARファイルが元の ``HelloApplet`` プロジェクト内に生成され、 ``HelloWebApplet`` プロジェクトのWARファイルにパッケージ化されます。 ``build/web`` フォルダにも追加されます。この処理を「出力」ウィンドウで追跡し、結果を「ファイル」ウィンドウで確認できます。
 
-image::images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+[.feature]
+--
+image:images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+--
 
 
 === JSPファイルまたはHTMLファイルの作成と実行
@@ -193,7 +196,10 @@ image::images/helloapplet-jar-in-files-small.png[role="left", link="images/hello
 
 次の図のような表示になります(セキュリティ警告ダイアログ・ボックスで「実行」をクリックしてアプリケーションの実行を許可した後)。
 
-image::images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+[.feature]
+--
+image:images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+--
 
 アプレット・フォームの場合、次のように表示されるはずです。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/applets_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/applets_pt_BR.asciidoc
index bb09bb1c..b50b98c4 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/applets_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/applets_pt_BR.asciidoc
@@ -169,7 +169,10 @@ Por default, o arquivo JAR do applet será copiado para a biblioteca da página
 
 Quando você constrói o projeto  ``HelloWebApplet``  escolhendo Executar > Construir Projeto (HelloWebApplet) no menu principal do IDE, o arquivo JAR do applet é gerado no projeto  ``HelloApplet``  original e é encapsulado no arquivo WAR do projeto  ``HelloWebApplet`` . Ele também é adicionado à pasta  ``build/web`` . Você pode seguir este processo na janela de Saída e ver os resultados na janela Arquivos.
 
-image::images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+[.feature]
+--
+image:images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+--
 
 
 === Crie e execute o arquivo JSP ou o arquivo HTML
@@ -193,7 +196,10 @@ O servidor implanta o arquivo JSP ou o arquivo HTML no browser default do IDE.
 
 Você deve ver algo semelhante à ilustração abaixo (após permitir a execução da aplicação, clicando em Executar na caixa de diálogo Advertência de Segurança).
 
-image::images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+[.feature]
+--
+image:images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+--
 
 Para forms do applet, será preciso ver algo semelhante ao seguinte:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/applets_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/applets_ru.asciidoc
index 15e1de2e..f815b518 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/applets_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/applets_ru.asciidoc
@@ -169,7 +169,10 @@ image::images/movie-magic-quiz.png[]
 
 При сборке проекта  ``HelloWebApplet``  с помощью команды 'Выполнить > Собрать проект (HelloWebApplet)' главного меню IDE JAR-файл апплета создается в исходном проекте  ``HelloApplet``  и упаковывается в WAR-файл проекта  ``HelloWebApplet`` . Он также добавляется в папку  ``build/web`` . Следить за процессом можно в окне "Результат", а конечный результат можно посмотреть в окне "Файлы".
 
-image::images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+[.feature]
+--
+image:images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+--
 
 
 === Создание и запуск файла JSP или HTML
@@ -193,7 +196,10 @@ image::images/helloapplet-jar-in-files-small.png[role="left", link="images/hello
 
 Вы должны получить результат, аналогичный показанному на иллюстрации (после того как вы разрешили запуск приложения нажатием на кнопку 'Выполнить' в диалоговом окне 'Предупреждение системы безопасности'):
 
-image::images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+[.feature]
+--
+image:images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+--
 
 В случае работы с формами апплетов ваш результат будет похож на следующий:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/applets_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/applets_zh_CN.asciidoc
index 4b841336..b942fec2 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/applets_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/applets_zh_CN.asciidoc
@@ -169,7 +169,10 @@ image::images/movie-magic-quiz.png[]
 
 在构建  ``HelloWebApplet``  项目(从 IDE 的主菜单中选择 "Run"(运行)> "Build Project (HelloWebApplet)"(构建项目 (HelloWebApplet)))时,小应用程序的 JAR 文件将在原始的  ``HelloApplet``  项目中生成,并在  ``HelloWebApplet``  项目的 WAR 文件中打包。还会将其添加到  ``build/Web``  文件夹中。可在 "Output"(输出)窗口中执行此过程,并在 "Files"(文件)窗口中查看结果。
 
-image::images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+[.feature]
+--
+image:images/helloapplet-jar-in-files-small.png[role="left", link="images/helloapplet-jar-in-files.png"]
+--
 
 
 === 创建和运行 JSP 文件或 HTML 文件
@@ -193,7 +196,10 @@ image::images/helloapplet-jar-in-files-small.png[role="left", link="images/hello
 
 您应该看到类似于下图的内容(在 "Security Warning"(安全警告)对话框中单击 "Run"(运行)以允许运行应用程序之后):
 
-image::images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+[.feature]
+--
+image:images/appletinbrowser-small.png[role="left", link="images/appletinbrowser.png"]
+--
 
 对于小应用程序窗体,您应该看到类似于下图的内容:
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support.asciidoc
index a9c6a1cd..023b5213 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support.asciidoc
@@ -103,7 +103,10 @@ Hold down the Ctrl key to select multiple items.
 
 A description of the selected plugin is displayed in the right pane of the Plugins manager.
 
-image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+[.feature]
+--
+image::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+--
 6. Click Install to open the NetBeans IDE Installer, then click Next and accept the license agreement.
 
 *Note.* If you receive a validation warning, click Continue to install the plugin. A validation warning occurs if you attempt to install a plugin that has not been signed. While you can generally trust all plugins, when you install a plugin that has not been signed, you are doing so at your own risk.
@@ -119,7 +122,10 @@ If the framework support plugin is maintained by an update center, you should co
 
 Various update centers are already registered with the IDE by default. To see a list of the update centers that are currently registered, open the Plugins manager (Tools > Plugins) and choose the Settings tab.
 
-image:::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+[.feature]
+--
+image::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+--
 
 If you want to register a new update center, click the Add button in the Settings tab and supply the details in the Update Center Customizer.
 
@@ -138,13 +144,19 @@ After you install the plugin, the NetBeans Plugin Portal Update Center is added
 
 *Note.* You can deactivate an update center by deselecting the checkbox for the update center in the Active column of the Settings tab.
 
-image:::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+[.feature]
+--
+image::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+--
 
 If you click the Available Plugins tab you can see that all the plugins that have been contributed by the community to the NetBeans Plugin Portal have been added to the list of available plugins.
 
 Click Reload Catalog to update the list of plugins.
 
-image:::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+[.feature]
+--
+image::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+--
 
 You can sort the list by clicking on a column heading and you can filter the list by entering terms in the Search field.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ja.asciidoc
index 2b952cce..f97768ee 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ja.asciidoc
@@ -103,7 +103,10 @@ image::images/plugin-archive-contents.png[title="NetBeansプラグインが含
 
 プラグイン・マネージャの右ペインには、選択したプラグインの説明が表示されます。
 
-image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+[.feature]
+--
+image::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+--
 6. 「インストール」をクリックしてNetBeans IDEインストーラを開き、「次」をクリックしてライセンス契約書に同意します。
 
 *注意:*検証の警告が表示された場合、「続行」をクリックしてプラグインをインストールします。署名のないプラグインをインストールしようとすると、検証の警告が発生します。一般に、プラグインはすべて信頼できますが、署名のないプラグインをインストールする場合は自己責任で実行してください。
@@ -119,7 +122,10 @@ image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
 
 IDEには、デフォルトで様々な更新センターがすでに登録されています。現在登録されている更新センターのリストを表示するには、プラグイン・マネージャ(「ツール」>「プラグイン」)を開き、「設定」タブを選択します。
 
-image:::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+[.feature]
+--
+image::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+--
 
 新しい更新センターを登録する場合は、「設定」タブの「追加」ボタンをクリックし、更新センター・カスタマイザに詳細を入力します。
 
@@ -138,13 +144,19 @@ IDEにデフォルトで登録されているプラグイン・ポータル更
 
 *注意:*更新センターは、「設定」タブの「アクティブ」列で更新センターのチェックボックスを選択解除することで非アクティブにできます。
 
-image:::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+[.feature]
+--
+image::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+--
 
 「使用可能なプラグイン」タブをクリックすると、コミュニティによってNetBeansプラグイン・ポータルに提供されたすべてのプラグインが、使用可能なプラグインのリストに追加されていることがわかります。
 
 「カタログの再ロード」をクリックして、プラグインのリストを更新します。
 
-image:::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+[.feature]
+--
+image::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+--
 
 列見出しをクリックすることでリストをソートでき、「検索」フィールドに検索語を入力することでリストをフィルタできます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_pt_BR.asciidoc
index f8d03123..a532778c 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_pt_BR.asciidoc
@@ -103,7 +103,10 @@ Mantenha pressionada a tecla Ctrl para selecionar vários itens.
 
 Uma descrição do plug-in selecionado será exibida no painel direito do gerenciador de Plug-ins.
 
-image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+[.feature]
+--
+image::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+--
 6. Clique em Instalar para abrir o Instalador do NetBeans IDE e, em seguida, clique em Próximo e aceite o contrato de licença.
 
 *Observação.* Se você receber uma advertência de validação, clique em Continuar para instalar o plug-in. Um advertência de validação ocorre se você tentar instalar um plug-in que não foi assinado. Embora você geralmente possa confiar em todos os plug-ins, quando instala um plug-in que não foi assinado, estará fazendo isso por seu próprio risco.
@@ -119,7 +122,10 @@ Se o plug-in de suporte a framework for mantido por uma central de atualizaçç
 
 Várias centrais de atualização já estão registradas no IDE por default. Para ver uma lista das centrais de atualização que estão registradas no momento, abra o gerenciador de Plug-ins (Ferramentas > Plug-ins) e selecione a guia Definições.
 
-image:::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+[.feature]
+--
+image::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+--
 
 Caso deseje registrar um nova central de atualização, clique no botão Adicionar na guia Definições e forneça os detalhes no Personalizador da Central de Atualização.
 
@@ -138,13 +144,19 @@ Após você ter instalado o plug-in, a Central de Atualização do Portal de Plu
 
 *Observação.* Você pode desativar uma central de atualização desmarcando a caixa de seleção da central de atualização na coluna Ativa da guia Definições.
 
-image:::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+[.feature]
+--
+image::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+--
 
 Se você clicar na guia Plug-ins Disponíveis, poderá ver que todos os plug-ins que foram contribuídos pela comunidade para o Portal de Plug-ins do NetBeans foram adicionados à lista de plug-ins disponíveis.
 
 Clique em Recarregar Catálogo para atualizar a lista de plug-ins.
 
-image:::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+[.feature]
+--
+image::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+--
 
 Você pode classificar a lista ao clicar em um cabeçalho de coluna e pode filtrar a lista ao digitar termos no campo Pesquisar.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ru.asciidoc
index bc640f6e..ee825df3 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_ru.asciidoc
@@ -103,7 +103,10 @@ image::images/plugin-archive-contents.png[title="Архив zip содержит
 
 Описание выбранного подключаемого модуля отображается на правой панели диспетчера подключаемых модулей.
 
-image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+[.feature]
+--
+image::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+--
 6. Щелкните 'Установить', чтобы открыть установщик IDE NetBeans, а затем щелкните 'Далее' и примите условия лицензионного соглашения.
 
 *Примечание.* При получении предупреждения проверки для установки подключаемого модуля щелкните 'Продолжить'. Предупреждение проверки выдается при попытке установить неподписанный подключаемый модуль. Хотя обычно всем подключаемым модулям можно доверять, установка неподписанного модуля осуществляется на ваш страх и риск.
@@ -119,7 +122,10 @@ image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
 
 Ряд центров обновлений зарегистрирован в среде IDE по умолчанию. Чтобы увидеть список центров обновлений, зарегистрированных в настоящий момент, откройте диспетчер подключаемых модулей (Tools ("Средства") > Plugins ("Подключаемые модули")) и выберите вкладку Settings ("Параметры").
 
-image:::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+[.feature]
+--
+image::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+--
 
 Если необходимо зарегистрировать новый центр обновлений, нажмите кнопку Add ("Добавить") на вкладке Settings ("Параметры") и введите сведения в настройщик центра обновлений.
 
@@ -138,13 +144,19 @@ image::images/uc-customizer.png[title="Диалоговое окно 'Средс
 
 *Примечание.* Вы можете отключить центр обновления, сняв флажок для центра обновлений в столбце 'Активный' на вкладке 'Настройки'.
 
-image:::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+[.feature]
+--
+image::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+--
 
 Если щелкнуть вкладку Available Plugins ("Доступные подключаемые модули"), то можно будет увидеть, что все подключаемые модули, загруженные сообществом на портал подключаемых модулей NetBeans, были внесены в список доступных подключаемых модулей.
 
 Щелкните Reload Catalog ("Перезагрузить каталог"), чтобы обновить список подключаемых модулей.
 
-image:::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+[.feature]
+--
+image::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+--
 
 Этот список можно упорядочить, щелкнув заголовок столбца, либо отфильтровать, введя условия в поле поиска.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_zh_CN.asciidoc
index 93831861..60aec10c 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/framework-adding-support_zh_CN.asciidoc
@@ -103,7 +103,10 @@ image::images/plugin-archive-contents.png[title="zip 档案文件包含 NetBeans
 
 插件管理器的右窗格中将显示选定插件的描述。
 
-image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+[.feature]
+--
+image::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
+--
 6. 单击 "Install"(安装)以打开 "NetBeans IDE Installer"(NetBeans IDE 安装程序),然后单击 "Next"(下一步)并接受许可证协议。
 
 *注:*如果您接收到验证警告,请单击“继续”以安装该插件。在尝试安装未签名的插件时,将会出现验证警告。通常情况下,您可以信任所有插件,但是如果安装未签名的插件,则会带来一定的风险。
@@ -119,7 +122,10 @@ image:::images/add-plugins-sm.png[role="left", link="images/add-plugins.png"]
 
 默认情况下,IDE 中已注册了各种更新中心。要查看当前注册的更新中心的列表,请打开插件管理器("Tools"(工具)> "Plugins"(插件)),然后选择 "Settings"(设置)标签。
 
-image:::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+[.feature]
+--
+image::images/pluginsmanager-settings-sm.png[role="left", link="images/pluginsmanager-settings.png"]
+--
 
 如果要注册新的更新中心,可单击 "Settings"(设置)标签中的 "Add"(添加)按钮,然后在 "Update Center Customizer"(更新中心定制器)中提供详细信息。
 
@@ -138,13 +144,19 @@ image::images/uc-customizer.png[title=""Update Center Customizer"(更新中心
 
 *注:*您可以通过在 "Settings"(设置)标签的 "Active"(活动)列中取消选中更新中心对应的复选框,来停用更新中心。
 
-image:::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+[.feature]
+--
+image::images/portal-uc-plugin-sm.png[role="left", link="images/portal-uc-plugin.png"]
+--
 
 如果单击 "Available Plugins"(可用插件)标签,则可看到,社区向 NetBeans 插件门户贡献的所有插件均已添加到可用插件的列表中。
 
 单击 "Reload Catalog"(重新加载目录)以更新插件列表。
 
-image:::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+[.feature]
+--
+image::images/portal-uc-list-sm.png[role="left", link="images/portal-uc-list.png"]
+--
 
 通过单击列标题可对列表进行排序,通过在 "Search"(搜索)字段中输入搜索词可以过滤列表。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud.asciidoc
index 72664024..24fa585e 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud.asciidoc
@@ -399,7 +399,10 @@ Either right-click in the editor and choose Run Statement, or click the Run SQL
 
 3. Restart the GlassFish server. This is a necessary step to enable the server to reload and cache the new data contained in the `consult` database. To do so, click the GlassFish server tab in the Output window (The GlassFish server tab displays the server log.), then click the Restart Server ( image::images/glassfish-restart.png[] ) button in the left margin. The server stops, then restarts.
 4. Run the project again and click the '`Show All Consultant Items`' link. You will see that the list is no longer empty. 
-image:::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+[.feature]
+--
+image::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+--
 
 
 === NetBeans Database Support
@@ -410,7 +413,10 @@ image::images/view-data.png[title="Choose View Data from the right-click menu of
 
 The SQL query used to perform the action displays in the upper portion of the editor, and a graphical view of the table displays beneath.
 
-image:::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+[.feature]
+--
+image::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+--
 
 Double-click inside table cells to perform inline modifications to data. Click the Commit Records ( image::images/commit-records-icon.png[] ) icon to commit changes to the database.
 
@@ -443,7 +449,10 @@ You can press Ctrl-Space on JSF tags and their attributes to invoke a documentat
 
 4. Switch back to the `List.xhtml` file (press Ctrl-Tab). The `<ui:define>` tags are used to define the content that will be applied to the template's title and body. This pattern is used for all four Facelets files (`Create.xhtml`, `Edit.xhtml`, `List.xhtml`, and `View.xhtml`) generated for each entity class.
 5. Place your cursor on any of the EL expressions used for localized messages contained in the `Bundle.properties` file. Press Ctrl-Space to view the localized message. 
-image:::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+[.feature]
+--
+image::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+--
 
 In the above image, you can see that the EL expression resolves to '`List`', which is applied to the template title and can be verified from the page rendered in the browser.
 
@@ -677,7 +686,10 @@ You will use the property values that are specified in `glassfish-resources.xml`
 
 2. Right-click the GlassFish Server node in the Services window and choose Open Domain Admin Console in the popup menu to open the GlassFish Console in your browser.
 3. In the Common Tasks navigation panel of the GlassFish Console, expand the *JDBC* node and the *JDBC Resources* and *JDBC Connection Pools* nodes. 
-image:::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+[.feature]
+--
+image::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+--
 
 You can see the JDBC resources that are currently registered with the server. You will need to create `jdbc/consult` and `consultPool` if they are not listed under the JDBC node in the Common Tasks navigation panel. Some JDBC resources were created by default when you installed the server and are displayed as sub-nodes.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ja.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ja.asciidoc
index e8a9e207..98c9e901 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ja.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ja.asciidoc
@@ -399,7 +399,10 @@ image::images/run-sql-insert.png[title="IDEのSQLエディタ内でスクリプ
 
 3. GlassFishサーバーを再起動します。`consult`データベースに含まれる新しいデータをサーバーが再ロードしたり、キャッシュに保存できるようにするには、このステップが必要となります。そのためには、「出力」ウィンドウのGlassFishサーバーのタブ(GlassFishサーバーのタブにはサーバーのログが表示される)をクリックし、左マージンにある「サーバーを再起動」(image::images/glassfish-restart.png[])ボタンをクリックします。サーバーが停止し、再起動します。
 4. プロジェクトを再度実行し、「`Show All Consultant Items`」リンクをクリックします。リストが空でなくなっていることがわかります。
-image::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+[.feature]
+--
+image:images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+--
 
 
 === NetBeansのデータベース・サポート
@@ -410,7 +413,10 @@ image::images/view-data.png[title="データベース表の右クリック・メ
 
 アクションの実行に使用されるSQL問合せがエディタの上部に表示され、表のグラフィカル・ビューが下部に表示されます。
 
-image:::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+[.feature]
+--
+image::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+--
 
 表のセルの内側をダブルクリックして、データへのインライン変更を実行します。「レコードをコミット」(image::images/commit-records-icon.png[])アイコンをクリックし、変更内容をデータベースにコミットします。
 
@@ -443,7 +449,10 @@ JSFタグおよびその属性上で[Ctrl]-[Space]を押すと、ドキュメン
 
 4. `List.xhtml`ファイルに戻ります([Ctrl]-[Tab]を押します)。`<ui:define>`タグは、テンプレートのタイトルと本体に適用する内容を定義するために使用されます。このパターンは、各エンティティ・クラスに対して生成される4つのFaceletsファイル(`Create.xhtml`、`Edit.xhtml`、`List.xhtml`、および`View.xhtml`)すべてに使用されます。
 5. `Bundle.properties`ファイルに含まれる、ローカライズされたメッセージに使用される任意のEL式にカーソルを置きます。[Ctrl]-[Space]を押してローカライズされたメッセージを表示します。
-image::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+[.feature]
+--
+image:images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+--
 
 前出のイメージに、「`List`」を解決するEL式が表示されています。これは、テンプレートのタイトルに適用され、ブラウザにレンダリングされるページから確認できます。
 
@@ -677,7 +686,10 @@ JDBCリソースと接続プールを作成する際は、`glassfish-resources.x
 
 2. 「サービス」ウィンドウで「GlassFish Server」ノードを右クリックし、ポップアップ・メニューで「ドメイン管理コンソールを開く」を選択して、ブラウザでGlassFishコンソールを開きます。
 3. GlassFishコンソールの共通タスク・ナビゲーション・パネルで、*「JDBC」*ノードおよび*「JDBCリソース」*および*「JDBC接続プール」*ノードを展開します。
-image:::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+[.feature]
+--
+image::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+--
 
 現在サーバーに登録されているDBCリソースを確認できます。`jdbc/consult`と`consultPool`が共通タスク・ナビゲーション・パネルの「JDBC」ノードの下に表示されていない場合は、これらを作成する必要があります。一部のJDBCリソースは、サーバーのインストール時にデフォルトで作成されており、これらはサブノードとして表示されます。
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_pt_BR.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_pt_BR.asciidoc
index 4b6e36a7..d7f8b8f6 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_pt_BR.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_pt_BR.asciidoc
@@ -385,7 +385,10 @@ Clique com o botão direito do mouse no editor e selecione Executar Instrução
 
 3. Reinicie o GlassFish Server. Essa é uma etapa necessária para ativar o servidor e recarregar e armazenar no cache os novos dados contidos no banco de dados `consult`. Para isso, clique na guia do GlassFish Server na janela de Saída (A guia do GlassFish Server exibirá o log do servidor.), em seguida, clique no botão ( image::images/glassfish-restart.png[] ) Reiniciar Servidor na margem esquerda. O servidor para e, em seguida, reinicia.
 4. Execute o projeto novamente e clique no link '`Mostrar Todos os Itens do Consultor`'. Você verá que a lista não está mais vazia.
-image::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+[.feature]
+--
+image:images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+--
 
 
 === Suporte ao Banco de Dados NetBeans
@@ -396,7 +399,10 @@ image::images/view-data.png[title="Selecione Exibir Dados no menu contextual das
 
 A consulta SQL utilizada para executar a ação é exibida na parte superior do editor e uma exibição gráfica da tabela é exibida abaixo.
 
-image:::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+[.feature]
+--
+image::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+--
 
 Clique duas vezes nas células da tabela para efetuar modificações diretamente nos dados. Clique no ícone ( image::images/commit-records-icon.png[] ) Confirmar Registros para confirmar as alterações feitas no banco de dados.
 
@@ -429,7 +435,10 @@ image::images/doc-popup.png[title="Pressione Ctrl-Espaço para chamar um pop-up
 
 4. Volte para o arquivo `List.xhtml` (pressione Ctrl-Tab). As tags `<ui:define>` são utilizadas para definir o conteúdo que será aplicado ao título e ao corpo do modelo. Esse padrão é utilizado nos quatro arquivos de Facelets (`Create.xhtml`, `Edit.xhtml`, `List.xhtml` e `View.xhtml`) gerados para cada classe de entidade.
 5. Coloque seu cursor em qualquer uma das expressões EL utilizadas nas mensagens localizadas contidas no arquivo `Bundle.properties`. Pressione Ctrl-Espaço para exibir a mensagem localizada. 
-image::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+[.feature]
+--
+image:images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+--
 
 Na imagem acima, você pode ver que a expressão EL é determinada como '`List`', que é aplicada ao título do modelo e pode ser verificada na página renderizada no browser.
 
@@ -663,7 +672,10 @@ Use os valores de propriedade especificados em `glassfish-resources.xml` ao cria
 
 2. Clique com o botão direito no nó GlassFish Server, na janela Serviços, e escolha Abrir Console Admin do Domínio no menu pop-up para abrir a Console do GlassFish no browser.
 3. No painel de navegação Tarefas Comuns da Console do GlassFish, expanda o nó *JDBC* e os nós *Recursos JDBC* e *Pool de Conexões JDBC*. 
-image:::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+[.feature]
+--
+image::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+--
 
 Você pode ver os recursos JDBC que estão registrados atualmente no servidor. Será necessário criar `jdbc/consult` e `consultPool` se não estiverem listados sob o nó JDBC no painel de navegação Tarefas Comuns. Alguns recursos JDBC foram criados por padrão quando você instalou o servidor e são exibidos como subnós.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ru.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ru.asciidoc
index 836cb362..b738edc4 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ru.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_ru.asciidoc
@@ -385,7 +385,10 @@ image::images/run-sql-insert.png[title="Откройте сценарий в р
 
 3. Перезапустите сервер приложений GlassFish. Это необходимо для перезагрузки и кэширования новых данных при помощи сервера, содержащихся в базе данных `consult`. Чтобы это сделать, перейдите на вкладку 'Сервер GlassFish' в окне вывода (на вкладке 'Сервер GlassFish' отображается журнал сервера). Затем нажмите кнопку 'Перезапустить сервер' в левом поле ( image::images/glassfish-restart.png[] ). Сервер остановится, затем перезапустится.
 4. Выполните проект еще раз и щелкните ссылку "`Показать все элементы консультантов`". Теперь можно заметить, что список больше не пуст. 
-image:::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+[.feature]
+--
+image::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+--
 
 
 === Поддержка баз данных NetBeans
@@ -396,7 +399,10 @@ image::images/view-data.png[title="В контекстном меню табли
 
 Запрос SQL, который используется для выполнения действий, отображается в верхней части редактора, а графическое представление таблицы помещено ниже.
 
-image:::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+[.feature]
+--
+image::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+--
 
 Дважды щелкните ячейки таблицы для выполнения внутристрочных изменений данных. Щелкните значок 'Фиксировать записи' ( image::images/commit-records-icon.png[] ) для фиксации изменений базы данных.
 
@@ -429,7 +435,10 @@ image::images/doc-popup.png[title="Нажмите сочетание клави
 
 4. Вернитесь к файлу `List.xhtml` (нажмите CTRL+TAB). Теги `<ui:define>` используются для определения содержимого, которое применяется в заголовке и теле шаблона. Этот шаблон используется для всех четырех файлов Facelets (`Create.xhtml`, `Edit.xhtml`, `List.xhtml` и `View.xhtml`), созданных для каждого класса сущностей.
 5. Установите курсор на одном из выражений на языке выражений, используемых для локализованных сообщений, содержащихся в файле `Bundle.properties`. Для просмотра локализованного сообщения нажмите сочетание клавиш CTRL+ПРОБЕЛ. 
-image:::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+[.feature]
+--
+image::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+--
 
 На приведенном выше изображении можно заметить, что выражение на языке выражений разрешено в списке "`List`", который применяется для заголовка шаблона и проверяется из отображаемой в браузере страницы.
 
@@ -663,7 +672,10 @@ com.sun.appserv.connectors.internal.api.ConnectorRuntimeException: Invalid resou
 
 2. Щелкните правой кнопкой мыши узел GlassFish Server в окне "Службы" и выберите пункт меню "Открыть консоль администрирования домена". Консоль GlassFish откроется в браузере.
 3. На панели "Общие задачи" в консоли GlassFish разверните узел *JDBC*, а также узлы *Ресурсы JDBC* и *Пулы соединений JDBC*. 
-image:::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+[.feature]
+--
+image::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+--
 
 В консоли отображаются текущие ресурсы JDBC, зарегистрированные на сервере. Если в списке под узлом JDBC на панели навигации "Общие задачи" отсутствуют ресурсы `jdbc/consult` и `consultPool`, их необходимо создать. Некоторые ресурсы JDBC , созданные по умолчанию при установке сервера, отображаются в виде дочерних узлов.
 
diff --git a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_zh_CN.asciidoc b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_zh_CN.asciidoc
index 0df97002..d31a3f61 100644
--- a/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_zh_CN.asciidoc
+++ b/netbeans.apache.org/src/content/kb/docs/web/jsf20-crud_zh_CN.asciidoc
@@ -385,7 +385,10 @@ image::images/run-sql-insert.png[title="在 IDE 的 SQL 编辑器中打开脚本
 
 3. 重新启动 GlassFish Server。这是使服务器可以重新加载和缓存 `consult` 数据库中包含的新数据所必需的步骤。为此,请在 "Output" 窗口中单击 "GlassFish Server" 标签("GlassFish Server" 标签显示服务器日志。),然后单击左旁注中的 "Restart Server"(重新启动服务器)(image::images/glassfish-restart.png[]) 按钮。服务器即会停止,然后重新启动。
 4. 重新运行项目,然后单击 "`Show All Consultant Items`" 链接。将看到该列表不再为空。 
-image:::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+[.feature]
+--
+image::images/consultants-list-small.png[role="left", link="images/consultants-list.png"]
+--
 
 
 === NetBeans 数据库支持
@@ -396,7 +399,10 @@ image::images/view-data.png[title="从数据库表的右键单击菜单中选择
 
 在编辑器的顶部将显示用于执行操作的 SQL 查询,下面则显示表的图形视图。
 
-image:::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+[.feature]
+--
+image::images/view-data-table-small.png[role="left", link="images/view-data-table.png"]
+--
 
 在窗体元格内双击以对数据进行内联修改。单击 "Commit Records"(提交记录)(image::images/commit-records-icon.png[]) 图标以提交对数据库的更改。
 
@@ -429,7 +435,10 @@ image::images/doc-popup.png[title="在 Facelets 标记上按 Ctrl-空格键调
 
 4. 切换回 `List.xhtml` 文件(按 Ctrl-Tab 组合键)。`<ui:define>` 标记用来定义将应用于模板标题和正文的内容。为每个实体类生成的所有 4 个 Facelets 文件(`Create.xhtml`、`Edit.xhtml`、`List.xhtml` 和 `View.xhtml`)都使用了此模式。
 5. 将您的光标置于任何 EL 表达式(用于包含在 `Bundle.properties` 文件中的本地化消息)上。按 Ctrl-空格键查看本地化消息。 
-image:::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+[.feature]
+--
+image::images/localized-messages-small.png[role="left", link="images/localized-messages.png"]
+--
 
 在上图上,可以看到 EL 表达式解析为 "`List`",该表达式将应用到模板标题,并且可以从呈现在浏览器中的页面得到验证。
 
@@ -663,7 +672,10 @@ JDBC 资源标识当前由此应用程序使用的连接池。
 
 2. 在 "Services"(服务)窗口中右键单击 "GlassFish Server" 节点,然后在弹出式菜单中选择 "Open Domain Admin Console"(打开域管理控制台)在浏览器中打开 GlassFish 控制台。
 3. 在 GlassFish 控制台的 "Common Tasks"(常见任务)导航面板中,展开 *JDBC* 节点以及 *JDBC Resources*(JDBC 资源)和 *JDBC Connection Pools*(JDBC 连接池)节点。
-image:::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+[.feature]
+--
+image::images/gf-admin-console-sm.png[role="left", link="images/gf-admin-console-lg.png"]
+--
 
 您可以看到当前注册到服务器的 JDBC 资源。如果在 "Common Tasks"(常见任务)导航面板中的 "JDBC" 节点下未列出 `jdbc/consult` 和 `consultPool`,则您将需要创建它们。在安装服务器时,默认情况下创建了一些 JDBC 资源并且这些资源显示为子节点。
 


 

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@netbeans.apache.org
For additional commands, e-mail: notifications-help@netbeans.apache.org

For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists