l次に、C1SuperTooltip エディタの「Office」タブを使用して Microsoft Vista スタイルe C1SuperTooltip を作成します。これを行うには、以下の手順を実行します。

1. ツールボックスの C1SuperTooltipコントロールをダブルクリックしてフォームに追加します。
2. iまず、ツールチップの画像コレクションに画像を追加します。ツールチップのサブ画像として使用される小さなヘルプグラフィックを使用します。
   1. C1SuperTooltip1 を選択し、プロパティウィンドウで Images プロパティの横にある〈...〉ボタンをクリックします。画像の編集コレクションエディタが表示されます。
   2. 〈追加〉ボタンをクリックし、希望する画像ファイルを見つけて選択します。
   3. 画像をコレクションに追加したら、〈OK〉をクリックします。少し後で、この画像をツールチップに指定します。
3. Button1 コントロールを右クリックして［プロパティ］を選択し、プロパティウィンドウを表示します。
4. C1SuperTooltip1 プロパティのツールチップの横の〈...〉ボタンをクリックすると、 C1SuperTooltip エディタが表示されます。
5. 「Office」タブで、タイトルのテキストボックスに「C1SuperLabel の表示」を入力します。
6. ［本文］テキストボックスに、以下のテキストを入力します。 C1SuperTooltip の幾つかの素晴らしい機能を示す C1SuperLabel を表示するにはここをクリックしてください。

   C1SuperTooltipのプレビューがプレビューウィンドウに表示されることに注意してください。

   
   
7. ツールチップを複数行に表示させるには、本文に表示する単語の後ろにカーソルを置き、［Enter］キーを押します。
8. 「Office」タブから、本文を書式設定することもできます。 C1SuperLabel を選択して右クリックし、コンテキストメニューから［太字］を選択するか、キーボードで Ctrl + B を押します。同じ操作を C1SuperTooltip に対して実行します。
9. ［下部セパレータ］チェックボックスを ON にします。
10. ［サブタイトル］テキストボックスに、以下のテキストを入力します。
    ヘルプを表示するには、［F1］キーを押してください。
11. サブ画像ドロップダウン矢印をクリックし、上記手順 2 でコレクションに追加した画像を選択します。
    

    C1SuperTooltipはツールチップの書式設定に使用する HTML を自動的に作成するので、作成する必要はないことに注意してください。 HTML コードを表示するには、「Html」タブをクリックします。このクイックスタートの「手順 3：HTML コードによる C1SuperTooltip の作成」トピックでは、HTML コードのみを使用してツールチップを作成します。

12. エディタで「プロパティ」タブをクリックします。
13. BackgroundGradient プロパティの横のドロップダウン矢印をクリックして、Vista を選択します。ツールチップの背景とレイアウトが Microsoft Vista ツールチップスタイルに変更されました。
14. 〈OK〉をクリックし、C1SuperTooltip エディタを閉じます。