Developer's Blog

【Sleipnir スキン制作講座-9-】「ひょっこり現れる”tab””toolbar” フォルダ」

Sleipnir スキン制作講座-9-
フェンリル、スキンの人こと堀江です。
やっとストーブを片付けました!amazon で購入した3000円ほどの小さなストーブなのですが、よくこの冬をしのいだなと感心します…。ちょうどこの週末、散歩をしていると桜が見ごたえがあり、春がきたなと実感しますね♪
さて、春を迎えてしまいましたが、スキン講座もそろそろ卒業に向けて残り二回!本日はタブ周りのアイコン「tab」フォルダとツールバーのアクションアイコン以外のアイコン「toolbar」フォルダを解説します!!


さて、今回も、前回まで作った好きなスキン名のフォルダを開き
まずは「tab」フォルダを開いてください。
「tab」フォルダ
7種類の画像があると思いますが、実際は4種類のみ使われています(同名で .ico と .png の画像があるものは、.ico データしか読んでいません)それぞれタブ周りで使われるアイコンになりますので順次作っていきましょう。詳細な説明は下部に。
さて、続いて toolbar フォルダですが、3つのフォルダに分かれていると思います。
toolbar フォルダ
それぞれ名前の通りですが、使われている箇所によってフォルダが分けられています。ここで注意していただきたいのが、WindowBar フォルダですが、この部分は必ず .bmp 形式で制作してください。
あと、これは補足になってしまいますが、SearchBar フォルダにいくつかアイコンが入っていますが、Liuto では SleipnirSearch.ico のみ制作しております。残りは消していただいても問題ありません(同じアイコンを default スキンから取ってくるので)
細かく検索エンジンのアイコンを調整したい方は、スキンフォルダに入っている default フォルダSearchBar フォルダ をご確認ください。同じ名前の .ico データを作れば、そのアイコンが読み込まれます。
それでは、各フォルダのアイコンをそれぞれ説明します。
【tab フォルダ】
・NewTab:新規タブを開くアイコン
・Tabs:ページ読み込み・ナビゲーションロックなど、タブ上表示用アイコン
・ThumbnailTabs:サムネイルタブを開く用アイコン
・ThumbnailTabsDrop:サムネイルタブアイコン横のドロップアイコン
【AddressBar フォルダ】
・Go:任意のアドレスへ移動用アイコン
・GoHot:任意のアドレスへ移動マウスホバー時アイコン
【SearchBar フォルダ】
・SleipnirSearch:初期表示の「ウェブ検索」用アイコン
【WindowBar フォルダ】
・WindowBar:ウィンドウバーの「閉じる」「表示」用アイコン
・WindowBarHot:ウィンドウバーの「閉じる」「表示」用マウスホバー時アイコン
さて、ラスト一回になりました!最後に未だ触れていなかった、「フォルダアイコン」「ページアイコン」などを説明し、スキンの構成を全て解説になります。最後までよろしくお願いします!!
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

【スキン制作講座バックナンバー】

Copyright © 2019 Fenrir Inc. All rights reserved.