スキン

フェンリル公式スキンをいくつかフレーム対応&標準ツールバーのボタンの小型化してみた

概要 タイトルの通りです。 フェンリルが公開している Sleipnir2 用のスキンをフレームスキン化してみました。*1 また、ビュー部分の表示面積を1ピクセルだけでも広く取れるように24px四方(と20px四方)のものを16px四方にしたものも作ってみました。 ※当然、…

Headline-Readerプラグイン 2.0.1とそれに関連して一部公式スキンの更新

Headline-Readerプラグイン(以下:HLR)が更新されました。 更新内容としては新機能追加と仕様変更及びいくつかの不具合修正みたいです。*1 またHLRがメジャーアップデートされて、UIが大きく変わったために苦情が来たからでしょうか一部のスキンがアップデー…

なんとなくで作ってみた。(低レベルさを)反省している。

今日もネタですよ。 Twitterでぷにるたんが言っていたんで、気が向いたから作ってみた。 やっつけなんで、「ロゴ」と「システムボタン」と「お気に入りアイコン」だけです。 使い方はGloomyスキンの該当ファイルを上書きしてね。 ダウンロード もちろん、明…

初級者のSleipnirスキン作成(完全攻略編・SmartInstallerの章)

今度こそ一区切り打てる・・・・・・はず。 SmartInstallerに関してです。 SmartInstallerとは 簡単に言えばブラウザ上からプラグイン・スキンをダウンロード&インストールできる機巧です。 その実態はファイル情報を持つSiファイル、ファイルの中身を持つS…

初級者のSleipnirスキン作成(完全攻略編・<スキン名>の章)

すっかりうっかり忘れてたり飛ばしたりしてるのが幾つか在りました(〃▽〃) とりあえず、各スキンフォルダ直下にあるファイルです。 各スキンフォルダ "skin.ini"がある階層です。 「defaultスキン」フォルダには色々ファイルがありますが、他のスキンで実際…

初級者のSleipnirスキン作成(完全攻略編・actionsの章)

今回は最後の最後まで残していた大物actionsフォルダです。 actions 標準ツールバーのアイコンです。 ※数がかなり多いので、軽い気持ちで作り始めると心が折れます。なので、一番最後まで紹介を残してました。 サイズは"skin.ini"で指定した"ButtonWidth"、"…

初級者のSleipnirスキン作成(完全攻略編・tabの章)

そのままタブに関連するスキンです。 tab タブ関連のスキン群です。 ファイル形式はico、bmp、pngどれでも良いようですが、Tabs.xxxはbmp、pngどちらかで作ってください。 NewTab.xxx 新規タブを作成するボタン部分のアイコンです。 ※有効にするには「Sleipn…

初級者のSleipnirスキン作成(完全攻略編・statusbarの章)

ここはその名の通り「ステータスバー」に表示される各種プラグインの状態を示すためのスキンを格納するフォルダです。 【Sleipnir スキン制作講座-8-】「ブラウザの状態を一目に"statusbar" フォルダ」 - フェンリルデベロッパーズブログの情報で充分ですの…

初級者のSleipnirスキン作成(完全攻略編・panelの章)

今回は"panel"フォルダです。 panel 「エクスプローラバータブ」に表示される各パネルのアイコンや一部パネル内のアイコンを変更できます。 パネルアイコン サイズは16x16ピクセルです。 ファイル名は<パネル名>.xxxです。 一部アイコンはico形式のみ読み…

初級者のSleipnirスキン作成(完全攻略編・optionsの章)

連続解説の3つ目です。 ここも内容ほとんど無いです。 options Options.xxx*1 Sleipnir オプションの各項目のアイコン部分のスキンです。 サイズは192x16(16x16*12)ピクセルで、左からそれぞれ選択中、クライアント、セキュリティ、ユーザーインタフェース、…

初級者のSleipnirスキン作成(完全攻略編・extensionsの章)

さて、3連チャンの2つ目です。 extensions いくつかの「プラグイン」のスキンが含まれます。 と言ってもデフォルトでは1つだけですが。 MouseExtension マウスに関するスキンです。今のところ1つだけです。 SmartSearch.xxx*1 「SmartSearch」に使用される画…

初級者のSleipnirスキン作成(完全攻略編・dynfolderの章)

今日はそれぞれファイル数が少ないので、3つのフォルダを解説します。 当初何も考えず無駄にタイトル長めにしちゃってたんで、分割してアップします。 では、1つめの"dynfolder"です。 dynfolder 現状は「リンクバー」のRSSフィードアイコンのみです。 RssDy…

初級者のSleipnirスキン作成(完全攻略編・dockの章)

今回は"dock"フォルダです。 デフォルトでは"InformationDock"、"SearchDock"がサブフォルダとして存在します。 InformationDock 「情報バー」のアイコン部分です。 "Error.ico"、"Information.ico"、"PopupBlock.ico"、"Question.ico"、"Warning.ico"の5つ…

初級者のSleipnirスキン作成(完全攻略編・browserの章)

"controls"という一番説明が大変な箇所が終わったので、ここからはフォルダ名順に解説していきたいと思います。*1 *2 今回は前々回軽く触れた"browser"フォルダの番です。 browser 「ステータスバー」左側に表示される現在のタブで使用中のブラウザエンジン…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・新要素【暫定版】)

昨日のポストの後、一応調べてみました。 ちょいと分からない部分があってTwitterのTL汚してしまいましたがw 新要素の大半は「タイトルバー」関連です。 タイトルバー::アプリケーションアイコンの表示位置(ApplicationIconPosition) そのまんま、「アプリ…

初級者のSleipnirスキン作成(完全攻略編・toolbarの章)

前回の宣言通りtoolbarフォルダを解説します。 toolbarフォルダには4つのサブフォルダがあって、それぞれの名前はAddressBar、ConnectionBar、SearchBar、WindowBarです。 今回はそのサブフォルダごとに解説していきます。 AddressBar 「アドレスバー」部分…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之7)

Controlsの7回目です。 Controlsの解説予定 ツールバー ステータスバー タブ、エクスプローラバー Dock、Panel メニュー項目、マネージャ、情報バー タイトルバー、フレームスキン アドレスバー、検索バー、分類不明、書き漏らし(当ページ) お詫び 今回の当…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之6)

Controlsの6回目です。 Controlsの解説予定 ツールバー ステータスバー タブ、エクスプローラバー Dock、Panel メニュー項目、マネージャ、情報バー タイトルバー、フレームスキン(当ページ) アドレスバー、検索バー、分類不明、書き漏らし タイトルバー部、…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之5)

Controlsの5回目です。 Controlsの解説予定 ツールバー ステータスバー タブ、エクスプローラバー Dock、Panel メニュー項目、マネージャ、情報バー(当ページ) タイトルバー、フレームスキン アドレスバー、検索バー、分類不明、書き漏らし メニュー項目部 …

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之4)

Controlsの4回目です。 Controlsの解説予定 ツールバー ステータスバー タブ、エクスプローラバー Dock、Panel(当ページ) メニュー項目、マネージャ、情報バー タイトルバー、フレームスキン アドレスバー、検索バー、分類不明、書き漏らし Dock部 様々な機…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之3)

Controlsの3回目です。 Controlsの解説予定 ツールバー ステータスバー タブ、エクスプローラバー(当ページ) Dock、Panel メニュー項目、マネージャ、情報バー タイトルバー、フレームスキン アドレスバー、検索バー、分類不明、書き漏らし タブ部 タブブラ…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之2)

Controlsの2回目です。 Controlsの解説予定 ツールバー ステータスバー(当ページ) タブ、エクスプローラバー Dock、Panel メニュー項目、マネージャ、情報バー タイトルバー、フレームスキン アドレスバー、検索バー、分類不明、書き漏らし ステータスバー部…

初級者のSleipnirスキン作成(完全攻略編・controlsの章・其之1)

さて、ようやっと画像を作っていく段階です。 最初は堀江氏も言っているようにControls部分からやっていきましょう。 ここを確定していけばスキン全体の5割くらいは完成したようなものです! (私がスキンを作る場合もこの「controls」フォルダから作り始め…

初級者のSleipnirスキン作成(完全攻略編・skin.iniの章)

以下、特別な断りが無い限り<Sleipnir>="C:\Program Files\Fenrir & Co\Sleipnir"、 <skins>="C:\Program Files\Fenrir & Co\Sleipnir\resources\skins"とし、 <スキン>="C:\Program Files\Fenrir & Co\Sleipnir\resources\skins\作成スキン名"とし…

初級者のSleipnirスキン作成(基礎知識編・ダンジョン探求の章)

Sleipnirのスキンに関するフォルダは以下の通りです。スキンファイル関連 resources skins actions browser controls dock InformationDock SearchDock dynfolder extensions MouseExtension options panel spx statusbar AddonControl PopupBlock PrivacyRe…

初級者のSleipnirスキン作成(基礎知識編・旅立ちの章)

Sleipnirのスキンを1個作ってみて情報の少なさが一番のネックだったので、ちょこっとまとめておこうかなと思う。 エントリ数も稼げるしねw スキンとは? ソフトウェアにおいてはユーザーインタフェースのビジュアルを変更する機能および変更に必要なファイ…

初級者のSleipnirスキン作成(目次)

スキン作成ネタは新規エントリするたびに随時このエントリにリンクを追記していきます。 初級者のSleipnirスキン作成(基礎知識編・旅立ちの章) - スキンの基本 初級者のSleipnirスキン作成(基礎知識編・ダンジョン探求の章) - スキンの階層 初級者のSleipnir…