Operaのskin.iniガイド

目次 1 はじめに 2 ステップ１：skin.iniの構成 3 ステップ２：セクション 3.1 タブ 3.2 ウィンドウ 3.3 ページウィンドウ 3.4 パネル 3.5 アイコン 3.6 その他 4 ステップ３：設定項目 4.1 テキスト 4.2 余白の取り方 4.2.1 ツールバーのパディング 4.2.2 タブのパディング 4.2.3 ツールバーのマージン 4.2.4 アイコンの間隔 4.3 背景 4.3.1 背景色 4.3.2 枠線 4.3.3 背景画像の配置 4.4 アイコン

[編集] はじめに

このページでは、Operaの外観に使用されるファイルに含まれている、skin.iniについて簡単に紹介します。步改好 Skin】 - Opera 中文论坛をローカライズしたものです。

[編集] ステップ１：skin.iniの構成

Operaのスキンディレクトリにあるzipファイルを解凍します。その後、フォルダの中にあるskin.iniをテキストエディタで表示してみましょう。skin.iniは次のような構成になっています。

[セクション名]
設定1 = 値1
設定2 = 値2
...

[編集] ステップ２：セクション

[編集] タブ

タブの大きさ
[Options]
Pagebar max button width = 160
Pagebar min button width =160

---

タブを上部に設置したときのセクション

1. [Pagebar button skin]
2. [Pagebar button skin.hover]
3. [Pagebar button skin.selected]
4. [Pagebar button skin.attention]

---

タブを下部に設置したときのセクション

5. [Pagebar button skin.bottom]
6. [Pagebar button skin.bottom.hover]
7. [Pagebar button skin.bottom.selected]
8. [Pagebar button skin.bottom.attention]

[編集] ウィンドウ

1. [Browser window skin]

---

2. [Menu skin] （Opera9.5から）
3. [Mainbar skin]
4. [Personalbar skin]
5. [Pagebar skin]
6. [Pagebar head skin]
7. [Pagebar tail skin]
8. [Statusbar skin]

a. [Menu button skin]
b. [Menu button skin.hover]

[編集] ページウィンドウ

1. [Window skin]

---

2. [Addressbar skin]
3. [Navigationbar skin]
4. [Viewbar skin]
5. [Toolbar skin]

a. [Browser skin]

[編集] パネル

1. [Hotlist skin]

---

2. [Hotlist Selector Skin]

a. [Selector button skin]
b. [Selector button skin.selected]

[編集] アイコン

[Boxes]
[Images]

[編集] その他

その他のセクションについてはOpera skin.ini事典を参照してください。

[編集] ステップ３：設定項目

[編集] テキスト

a. 文字色
b. 太字
c. イタリック
d. 下線

a. Text Color = #RRGGBB
b. Text Bold = 1
c. Text Italic = 1
d. Text Underline = 1

[編集] 余白の取り方

[編集] ツールバーのパディング

Padding Left = px
Padding Top = px
Padding Right = px
Padding Bottom = px

[編集] タブのパディング

Padding Left = px
Padding Top = px
Padding Right = px
Padding Bottom = px

[編集] ツールバーのマージン

Margin Left = px
Margin Top = px
Margin Right = px
Margin Bottom = px

[編集] アイコンの間隔

Spacing = 0, 1, 2, ...

[編集] 背景

[編集] 背景色

Color = #RRGGBB

[編集] 枠線

Border = 1, 2, ...
Border Color = #RRGGBB

[編集] 背景画像の配置

1. Image

Type = Image
Tile Center = （スキンファイル内の）画像ファイルへのパス

2. BoxStretch (Opera9.5以前では 1. Image で使用できます。)

Type = BoxStretch
Tile Center = （スキンファイル内の）画像ファイルへのパス
Stretchborder = 0, 1, 2, ...

3. Box　　　4. BoxTile

Type = Box | BoxTile
Tile Center = （スキンファイル内の）画像ファイルへのパス
Tile Left = ...
Tile Top = ...
Tile Right = ...
Tile Bottom = ...
Corner Topleft = ...
Corner Topright = ...
Corner Bottomleft = ...
Corner Bottomright = ...

このように、たった数行書き足すだけで背景画像を表示させることができます。

[編集] アイコン

基本的なフォーマット

アイコン名 = （スキンファイル内の）画像ファイルへのパス

オプションフォーマット

アイコン名.S = （スキンファイル内の）画像ファイルへのパス , C, l, t, r, b

• 『.S』には .hover | .pressed | .selected | .attention | .open などを書くこと。これによって状態別で表示することができる。
  • 例：「Back = a.png」というアイコンをマウスオーバーした際に変化をつけたいなら、「Back.hover = b.png」を別に定義することができる。
• 『,C』には,0 | ,1のどちらかの値を書くこと。これはカラースキームの影響を受けるか受けないかの設定ができる。おそらく"外観の配色"によるもの。
  • ,0はデフォルトを利用し、,1はカラースキームによって色が変化するようになる。
• 『, l, t, r, b』にはpxで値を書くこと。マージン left, top, right, bottom に該当する。