- Seel（スィール）サーバからカーソル（マウス）に情報が送られてきますが、カーソル（矢印）に貼り付く画面が“スキン”です。いわば受信画面の洋服みたいなものです。
- その日の気分でお洒落なファッションを選ぶように、スキンも変えることが出来ます。まずはSeelサイトでお気に入りのスキン探しをしてみましょう。好きな画像があれば、簡単にオリジナルスキンを作ることが出来ます。
Seelスキンは、５つのエレメント（パーツ）とそのエレメントを動かす為のXMLファイルで成り立っています。しかし、用意するエレメント（パーツ）自体は１つ（★印の背景）だけです。
-
- カーソル（マウス）に貼り付く画面の大きさです。
- お好きな写真やフラッシュ動画を指定して下さい。
- BizSeelのみ配信企業のロゴやマークを表示できます。
- 配信された件名を表示する場所です。
- 複数の情報を受信している場合の件数ステータスを表示します。
あとは、XMLファイル内で表示する大きさや場所を指定するだけ。だから、誰にでも簡単にできます。では、スキンの基本構成が分かりましたら、まず上記５つのエレメント（パーツ）を動かす為のXMLを用意しましょう。これも簡単です。
1：XMLファイルを作ります
1-1:「スタートメニュー」⇒「全てのプログラム」⇒「アクセサリ」⇒「メモ帳」を立ち上げます。
1-2:下記のXML記述をコピーして、メモ帳へペーストします。
- ▼コピーするxml記述
- <?xml version="1.0" encoding="UTF-8"?>
<seel_skin name="default" author="seel" id="0005">
<flame height="100" width="240"/>
<background xpos="20" ypos="10" height="50" width="150">
<clip>default.swf</clip>
</background>
<icon xpos="4" ypos="8"/>
<message xpos="40" ypos="8" height="18" width="150" shadow_color="#0033cc">
</message>
<counter_string visible="true" xpos="177" ypos="40" height="14" width="100" shadow_color="#ff9900"/>
</seel_skin>
ペーストします。
1-3:XML記述内の設定を下記に従って好きに変更します。
- ▼seelskin.xmlの解説
-
行目 タグ 解説 1 <?xml version="1.0" encoding="UTF-8"?> 必須（変更できません） 2 <seel_skin name="default" author="seel"> 必須（変更できません）
name, author は任意で変更してください。
name = スキンの名前（全角OK）
author = 作者名3 <flame width="240" height="100"/>
- フレームサイズ（スキンの大きさ）を設定
- Flashの基本フレームは、W 320×H 120ピクセルで作成されているので、そのサイズ内でスキンの大きさを設定してください。
※必ず半角英数で指定してください。
初期設定（デフォルト）のサイズは、W160×H 40ピクセルとなっておりますが、サイズが小さければ描画範囲が狭いので動きも軽くなります。
4 <background xpos="20" ypos="10" width="150" height="50">
- 背景画像の位置と大きさを設定
- フレーム内に入れるスキンの位置と大きさを指定してください。
※jpgの場合は透過されません。
5 <clip>default.swf</clip> - Backgroundのイメージファイル名を設定
- Backgroundとは、スキン本体の事といいます。お作りになったデザインスキンのファイル名を指定してください。
※必ず半角英数で指定してください。
使用できるファイルの拡張子は『jpg、png、swf』のいずれかです。
6 </background> 必須（変更できません） 7 <icon xpos="4" ypos="8"/>
- 配信元のアイコン位置を指定
- ※必ず半角英数で指定してください。
※BizSeel限定で表示されるアイコンです。 -
- 位置：
- xpos = 横、ypos = 縦
8 <message xpos="40" ypos="8" height="18" width="150" font_color="#ffffff" shadow_color="#0033cc">
- メッセージの表示位置
- メッセージとは、配信された件名の事を言います。そのメッセージの表示位置は下記にて設定をします。
※必ず半角英数で指定してください。 -
- 位置：
- xpos = 横、ypos = 縦
- サイズ：
- width = 幅、height = 高さ
- 文字色：
- font_color="#ffffff"
- 効果：
- shadow_color = "影の色"
影をつけない場合
shadow_color="none"
9 </message> 必須（変更できません） 10 <counter_string visible="true" xpos="177" ypos="40" height="14" width="100" font_color="#ffffff" shadow_color="#ff9900"/>
- カウンターの表示部分
- カウンターとは、複数受信した場合に“何件／何件中”と表示する数字の事を言います。
※必ず半角英数で指定してください。 -
- カウンターの表示：
- visible = "true" →表示
visible = "false" →非表示 - 位置：
- xpos = 横、ypos = 縦
- サイズ：
- width = 幅、height = 高さ
- 文字色：
- font_color="#ffffff"
- 効果：
- shadow_color = "影の色"
影をつけない場合
shadow_color="none"
11 </seel_skin> 必須（変更できません）
1-4:最後に半角英数で「seelskin.xml」と名前を付け、メモ帳の保存指定で文字コードを「UTF-8」で保存して下さい。
2:エレメントを作ります
XMLファイルで指定したスキンを入れるフレームサイズ（W 320×H120ピクセル以内）に収まるように家族、恋人、風景写真などのJPGスキン。イラスト、キャラクターなどのPNGスキン。
フラッシュで動きのあるSWFスキンなどお好きな形式で自由に作って下さい。
但し、フレームサイズに収めることをお忘れなく。
3:フォルダごと移動します
3-1:
必要なエレメントとXMLができましたら、デスクトップ上で右クリックし、
『 新規作成 →フォルダ 』で好きな名前を付けて新規フォルダを１つ作ります。
その際、半角英数で名前を付けなくても構いません。
3-2:
その中に作ったxmlファイルと必要な２つのエレメント（パーツ）を入れます。
3-3:
タスクバーのSeelアイコンで右クリックし、［詳細設定］をクリックしてください。『Seel設定画面』を開いて⇒［スキン］タブ⇒［追加］ボタンをクリックして、スキンを作ったフォルダを選択します。
3-4:
スキンを追加できたらそのスキンを選択し、［サンプル表示］ボタンをクリックすると実際にどのようになるかプレビューできます。
ＯＫであれば、［ＯＫ］ボタンをクリックし保存してください。
追加されたスキンは、自動的にseelのskinフォルダにコピーされます。［キャンセル］ボタンをクリックするとコピーされず、スキンの登録追加をしません。
この際、フォルダ名の重複による上書き防止として、アプリ側で追加する際に重複を回避のために、枝番号で数字が追加されます。使用上問題は、ありません。
4:動作確認をします
タスクバー（パソコン画面右下で時計がある場所）内のSeelアイコンをクリックし、設定画面を開いてください。
設定画面を開きます
いま作ったスキンが選択設定できるようになっているか確認してください。
- 作成上の注意事項
-
オリジナルスキンを作るにあたり、以下の事項をご了承願います。
- ・ 写真画像等を使用する場合、著作権侵害にならないオリジナルのものを使用してください。
著作権侵害となった場合、当事務局では責任を負いかねます。 - ・ 悪意のある改造はおやめください。悪意が発覚した場合は、必ず法的な手段を講じると共に莫大な損害賠償請求を致します。
- ・ 写真画像等を使用する場合、著作権侵害にならないオリジナルのものを使用してください。
