【Sleipnir スキン制作講座-8-】「ブラウザの状態を一目に”statusbar” フォルダ」
フェンリル、スキンの人こと堀江です。 やっと春らしくなってきて、ふらっと散歩に行く機会が増えてきました。小さな商店街の喫茶店が好きで、時間が空けばよくうろうろしております。そして花粉症です。 さて、本日は上部画像にある、ブラウザの状態をみたり セキュリティを切り替える「statusbar」フォルダの解説をしていきましょう！ さてさて、今回も、前回まで作った好きなスキン名のフォルダを開き 「statusbar」フォルダを開いてください。 一見するとフォルダが多くてうわっ！と思われる方もいるとおもいますが、今まで一つのフォルダにまとめてあったものが、わかりやすく分割されているだけですので一つ一つやっていきましょう。 「PopupBlock」や「RSSAutoDiscovery」などは表示された際の画像（Enable.png）と非表示の際の画像（Disable.png）に分かれています。Liut
【Sleipnir スキン制作講座-7-】「よく見られるアイコンたち”dynfolder””options””panel” フォルダ」
フェンリル、スキンの人こと堀江です。 先週リリースした Crwth いかがだったでしょうか！？ たくさんのコメントをいただけて、本当に嬉しかったです。これからもよろしくお願いします。m(_ _)m さて、本日はアイコン数が少ないので一気に３つ 「dynfolder」「options」「panel」フォルダをまとめて紹介します！ さてさて、今回も、前回まで作った好きなスキン名のフォルダを開き まずは「dynfolder」フォルダを開いてください。 「dynfolder」フォルダで使われているアイコンは上記画像のリンクバー箇所になります。 .png データが残っているかと思いますが、使用しておりません。 ここでは .ico の形式にして保存してください。 次に「options」フォルダですが、一つの .png データが入っています。 こちらでは上記画像にある Sleipnir オプションの項目
【Sleipnir スキン制作講座-6-】「検索方法をカスタム”dock フォルダ”」
フェンリル、スキンの人堀江です。 もう一人のスキンの人、ヒロユキさんの新作スキンも出て、スキンページも充実してきました♪ さて、本日はページ内検索などでも多用する”dock フォルダ”について説明します。 （上部画像の箇所になりますね） まず、フォルダを開く前に、一つ設定をしましょう。 メニューバーにある「ツール」から「Sleipnir オプション」を選び その中にある「Dock」というカテゴリ内の「ページ検索バー」を開き 「拡張ボタンを表示する」にチェックを入れてください。 これで検索バーに全てのアイコンが表示されます。 さて、前回まで作った好きなスキン名のフォルダを開き、「dock」フォルダを開いてください。 同じ名前の緑と赤の画像が並んでいると思います。この「dockフォルダ」では、以前作ったツールバーアイコンとは違い、マウスホバー時と通常時のアイコンを別のファイルで作る必要がありま
【Sleipnir スキン制作講座-4-】「ブラウザをくるっと切り替え”browser フォルダ”」
フェンリル、スキンの人堀江です。 さて、第四回を迎えましたスキン制作講座ですが、ついてきているでしょうか？？ （前回がアレだっただけに…） まぁ、本日はアイコン数が少ないところで、ブラウザを切り替えるための 「browser フォルダ」を変えていきましょう！ 前回まで作った好きなスキン名のフォルダを開き、「browser」フォルダを開いてください。 ６個ほどアイコンがありますが、これらは全て「ステータスバー」に表示されるブラウザの切り替えの際に使用するアイコンになります。 こちらをクリックすることで、IE と Gekco エンジンを切り替えることができ、それぞれのアイコンが読み込まれます。IE に関しては4種類ほどありますが、全て同じアイコンで問題ありません。また、FavoritesEditor.png というアイコンは、メニューの「お気に入りの整理」の際に使われます。 ここでは全て16*
【Sleipnir スキン制作講座-3-】「操作のメインとなる”actions フォルダ”」
フェンリル、スキンの人堀江です。 先週はレトロ風スキン Moog に多くのダウンロードありがとうございました！ さて、第三回を迎えたスキン制作講座ですが今回から本格的に画像を作っていきましょう！ さて、本日はスキンの核となる「actions」フォルダのアイコンを変えていきましょう。 前回まで作った好きなスキン名のフォルダを開き、「actions」フォルダを開いてください。 こんな形で多くのアイコンが表示され、これらすべて「ツールバー」で使われるアイコンになります。これら一つ一つを作っていくことになります（量が多いですが、根気よくやっていきましょう！） さて、まずは画像を画像編集ソフトで開きましょう。同じようなアイコンが三つ並んでいると思います。これは左から以下の役割になります。 画像のサイズですが、前回の skin.ini ファイルの設定の際にアイコンのサイズを 16*16 で選んだ方は、
【Sleipnir スキン制作講座-2-】「色をガラッと変える”skin ini ファイル”」
フェンリル、スキンの人堀江です。 最近めっぽう寒いので部屋でこもって作業ばかりやっています。 皆さんも寒い日の気晴らしにスキン制作はいかがでしょう？？ さて、第二回目は表示色をガラッと変える「skin.ini ファイル」の設定について紹介します。 まず、前回の講座でダウンロードした Liuto をコピーして同じ位置に貼り付けてください。そして、フォルダ名をこれから作る好きなスキン名に変更してください。私はひとまず「sample」にしておきました。その後、「スキン変更」に反映されていますので作成した名前のスキンに変更してください。 さて、名前を変えたフォルダを開きその中にある 「skin ini ファイル」 を前回導入した好きなテキストエディタで開いてください。いろんな記述がありますが、今回変更するのは[General]と[Colors]の二つの項目です。さて、順番に変更していきましょう。
【Sleipnir スキン制作講座-1-】「まずは準備からはじめよう」
フェンリル、スキンの人堀江です。 ラボでお伝えしていた、スキンの制作講座を紹介していきたいと思います。Sleipnir skin を自分なりに作ってみたい・変えたいという方はぜひこれからの講座を読んで、自分らしくカスタマイズしてみてください＾＾ まず、一回目の講座はスキンを作る前に基本的な準備からです。 サンプルのため、Sleipnir の スキンページ から Liuto をダウンロードして再起動してください。このダウンロードしたスキンは「Sleipnir をインストールした場所>resources フォルダ>skins フォルダ」の中に、Liutoフォルダが出来ていると思いますので確認してください。以下の画像のように表示されていると思います。 細かな説明は今後おこなっていきますが、これからやることとしては２点だけ！ ・フォルダに入っている画像を置き換えていく ・skin.ini ファイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
