Opera9.5 Weekly build10048

Weekly build10048 が出て何が困ったって新しいスキンですよ。

せっかく my opera のスキンに登録したのに、ページバー（タブバー）の右端に 「新しいタブ」ボタンが出て、外観の設定から表示しないを選べば消えるもののスペースが残ってしまい、右端で選択したタブが消えてしまう等の不具合がでた。

他にもスタンダードスキンのアイコンが流用されてデザイン的に合わない部分もあるのですが、とりあえず「新しいタブ」ボタンを修正した。

skin.ini に書き加えたのは

[Pagebar Floating Skin]
;Fallback version			= 3
Type						= Image
Tile Center					= buttons/pagebar_end_bg.png
Width						= 19
MinWidth					= 19
Padding Top					= 0
Padding Bottom				= 0
Padding Left				= 0
Margin Bottom				= 0
Margin Top					= 0
Margin Left					= 0
Margin Right				= 0

[Pagebar Floating Skin.left]

[Pagebar Floating Skin.right]

[Pagebar Floating Skin.hover]
Clone						= Pagebar Floating Skin

[Pagebar Floating Button Skin]
;Fallback version			= 3
Clone						= Toolbar Button Skin
Padding Right				= 8
Padding Top					= 4
Padding Bottom				= 5

[Images]New page                    = buttons/new_item_cross.png

で、新たに「pagebar_end_bg.png」と「new_item_cross.png」を作って buttons フォルダに入れた。

metal_mini.zip

Show Web Search と 猫に小判

知らなかったよShow Web Search - openerをみて、ショートカットに登録したらいい感じなのでボタンにしてみた。

ボタンの作り方はOpera9 カスタムボタンを作る最も簡単な方法 - nullpage を参考にしました。

data:text/html;charset=utf-8,<a href='opera:/button/Show Web Search,,,,"Find"&Show Dropdown,,,,'>Show Web Search</a>

をコピーして、アドレスバーに貼り付けて移動します。出てきたリンクをドラッグ & ドロップ してもよし、クリックしてもよし。

これを記事にしようとして Show Web Search の参照元を思い出せずにググると2007年04月19日の tomo さんのコメントを見つけたのです。

こんなにいいネタを振っていただいてたのに。まさに猫に小判、豚に真珠、犬に論語、馬の耳に念仏、馬耳東風・・・

Opera skin

tomo さんにいただいたご要望「アドレスバーの角を丸める」にお答えしようと Opera skin をいじってみました。

アドレスバーは skin.ini の [Dropdown Skin] セクションをいじります。例をあげて説明すると、

[Dropdown Skin]
Type						= BoxTile
Clone						= Edit Skin
Child0						= Addressbar Border
Margin Top 					= 1
Margin Bottom					= 1
Margin Right					= 8
Margin Left					= 5
Padding Right					= 3
Padding Left					= 3

[Edit Skin]
Colorize 					= 0
Type						= BoxTile
Clone						= Simple Border
Color						= Window

[Addressbar Border]
Colorize 					= 0
Type						= BoxTile
Corner Topleft					= border/address_border_topleft.png
Corner Topright					= border/address_border_topright.png
Corner Bottomleft				= border/address_border_bottomleft.png
Corner Bottomright				= border/address_border_bottomright.png
Margin Top 					= -1
Margin Bottom					= -1
Margin Left					= -2
Margin Right					= -2

上から順に
Type は BoxTile（タイル状に画像をつなぎ合わす）と Box（１つの画像）があるようです。

Clone は文字通りクローンでここでは [Edit Skin] と同じだよということになります。

そして Child0 は [Edit Skin] の上に重ねる画像に使います。子要素ってことですかね。Child1,Child2…と増やすことができるようですが重くなるらしいです。スクロールバーの▼等が Child を使ってます。
ここでは [Addressbar Border] というセクションを勝手に追加して重ねる画像を指定してます。

重ねる画像は角を丸めるために左上角・右上角・左下角・右下角の画像を作って指定します。

あとは Margin や Padding で位置を30回位調整して出来上がり。

他にも色々手を入れたので myopera にアップしました。Opera Skins

Opera Skin

自作スキンを見に来てくださる方が若干いらっしゃるようですが、もう1年以上たってしまっていて申し訳ないです。

私の Opera Skin のバイブルは Opera Browser Wiki :: AdvancedSkinGuide for Opera 8.x/9.x です。非常に詳しく解説されているのですが、英語なので根気がいります。

残念ながら、執筆者である tomu さんのサーバーの不具合で現在は見れませんが skin.ini のセクションごとに変更されるパーツの解説とパーツを色分けして screenshot も作成されてますので、英語が苦手でも参考になるのです。

ちなみに今自分で使っているスキンは200712.zipです。

javascript useragent 偽装

Opera ではユーザーエージェントを偽装できることは知っていましたが、javascript での判別は偽装できないと思っていました。
ところが、Opera9.12 以降ではそれも出来るようになっていたのです。

opera:config#UserPrefs|ScriptSpoof の数値は以下のユーザーエージェントを示します。
(Windows XP 日本語環境)

• 0=Opera/9.22 (Windows NT 5.1; U; ja) * デフォルト
• 1=Opera/9.22 (Windows NT 5.1; U; ja) * Opera
• 2=Mozilla/5.0 (Windows NT 5.1; U; ja; rv:1.8.0) Gecko/20060728 Firefox/1.5.0 Opera 9.22 * Firefox(opera)
• 3=Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; ja) Opera 9.22 * IE6(Opera)
• 4=Mozilla/5.0 (Windows NT 5.1; U; ja; rv:1.8.0) Gecko/20060728 Firefox/1.5.0 * Firefox
• 5=Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; ja) * IE6

ユーザーエージェントを javascript で判別した結果を表示させますので試してみてください。

CSS Nite ウィジェト特集

CSS Nite ウィジェット特集 プレゼン無事終了 〜 その評判やいかに... - Opera ニュース - by 市川恵貴に市川さんのプレゼン資料（PDF)のリンクがあります。

以前PDFやワードファイルをウェブ上で閲覧できる『DocuFarm』 | 100SHIKI.COMで紹介されていて便利そうなので右クリックに仕込んでおいたので、早速使ってみる。
（日本語のPDFでは表示されない場合もあるようです。）

百聞は一見にしかず、DocuFarm で表示させた市川さんのPDF資料。

profile フォルダ>menu フォルダ>standard_menu (2).ini（例）の[Link Popup Menu] 以下に（なければ書き込みます。）

[Link Popup Menu] Item,Docfarmで開く　=Go to Page, "http://www.docufarm.com/view.jsp?url=%l"

を追記すれば、PDFのリンクを右クリックして Docfarm に渡すことができます。

[参考]

• 日本語○の例：行政改革の重要方針 平成17年12月24日 閣 議 決 定>Docufarm
• 日本語×の例：平成17年2月 道路交通法の一部を改正する法律の概要について>Docufarm

残念ながら Docufarm は2007年10月11日をもって終了してしまいました。

Google user css

Click

shishimushi さんが UserCSSのON・OFFと GooglePreview for Operaのエントリーを続けて書いてくださったので、google.cssを GooglePreview に合わせて少し書換えてみました。元は temp_h さん作成です。右側の広告をブロックするので見やすいかと思います。一応ヤフージャパンの検索にも対応できます。

適当な場所に保存してGoogle の検索結果ページで右クリック>サイト設定の編集>表示設定タブ>ユーザースタイルシートで保存先のパスを選択します。

画像の中でサムネイルが右に寄っているのは google-preview-1.0_fixed.js 中の3箇所の「left」を「right」に書き換えた結果です。

以前見たサイトを記憶を頼りに検索する場合、サムネイルがあると役に立ちますね。

Speed Dial対応

前回の記事に貼り付けた画像のように自作スキンの Speed Dial は表示がカッコ悪くなってしまったので、修正。2007_03.zip

「Loading」の Gif アニメは skin ファイル>speeddial >busy_anim.gif を差し替えれば変更できます。

使用した Gif アニメは Ajaxload - Ajax loading gif generatorで作りました。

アドレスバーに表示されるフィードアイコンと Fraud Protection の？、i のアイコンが表示されなかったので修正したZipファイルに置き換えました。すみません。

ブロガーの menu.ini カスタマイズ

Opera を使用してブログを書いている方も多くなっていると思いますので、ちょっと便利な menu.ini のカスタマイズ方をご紹介します。

ネタ的には古いのですが、記事にしてなかったので。

▼続きを読む

自作スキン

以前作った skin をちょっと弄ってみた。F12関連のボタンをコンパクトにしてみたのと、UAの切り替えボタンを O → FF → IE としました。

今回の目玉は標準のバックグランド（metal)の他に pink , simple を用意して比較的手軽に着せ替えを楽しめるようにしたことです。（子供騙しともいう）

▼続きを読む

あなたのOpera見せてほしいな

チーム俺等 - HigeOpera - トラックバック企画に乗っかってみる。経由 [TB企画]あなたのOpera見せてほしいな - Silver Ring

Click

• バージョン： 9.10 Weekly Build 8670
• 起動時の動作: 前回終了時の状態を復元する
• スキン: 自作
• 他にもOperaが好きな理由: 自分の好みにカスタマイズできる所

スタートバーは同時にキャプチャできなかったので貼り付けです。

偉い人が作った user.js や スキン、CSS をアレンジして使ってます。

復活！？

長い間ご無沙汰してしまいました。 この間に訪問していただいた方々には深くお詫び申し上げます。

実は仕事でネット環境が無い場所への単身赴任状態が5月に入ってから続いておりました。

週に20時間程度は自宅に戻っていたのですが、情報収集がやっとでした。

そんな状況で何ができるか考えたのですが、ラップトップパソコンを持っているので、スキンをカスタマイズしてみようと考えたのでした。

続きを読む

Weekly build8367

You thought Easter was too close to see another weekly - but we have a surprise

最近 「Weekly build 出ました。」の報告ばかりになってると感じてますが、スルーする訳にもいかないのです。

build8367 をインストールして opera:about をジッと見ていて発見

改めてご冥福をお祈りいたします。

続きを読む

user css と 自動番号

Click

まずは左の画像を見ていただきたいのですが、user.js を使わずに css のみで番号を振った google の図です。

続きを読む

TP2でソースビューワーの切り替え

TP1では内臓ソースビューワーと TeraPad（テキストエディタ） の切り替えをキーボードショートカットでしたい場合

TP1Set preference, "User Prefs|Source Viewer=Opera" | Set preference, "User Prefs|Source Viewer=C:\Program Files\TeraPad\TeraPad.exe"

をキーボードショートカットに割り当てれば、ソースビューワーの切り替えが出来ていたのですが、TP2では出来なくなってしまいました。

続きを読む

久しぶりにmime.cssを弄る

面白そうなので、やってみたら出来た。上のＧＩＦアニメをＭ２メーラーのヘッダ部分に表示させてみました。

続きを読む

パネルにカレンダーを追加しよう２

以前パネルにカレンダーを追加しよう で紹介したダウンロード先がリンク切れになってしまっていたのですが、M2さんからコメントを頂き、ダウンロードできるサイトがわかりました。

Panelizerからダウンロードできます。

作者のFrenZieさんのサイトからダウンロード出来るようになりました。 続きを読む

再びF12ボタンセット

F12ボタンセット＋αで紹介したのですが、もう一度アピール。

スタートバーに並べて、ON/OFF　させた図です。

GIFアニメ工房さんに今回もお世話になりました。Web上で手軽にGIFアニメを作れます。

駅街ガイド.jpは便利かも

駅街ガイド.jpはアドレスバーに○○駅.jpと入れるだけで、○○駅周辺の情報を集めてくれる。

便利そうなのでmenu.iniへ入れてみる。
とりあえず、Item, 67394= Go to page, "%t"（URLへ移動）の下へ記入。

[Hotclick Popup Menu]
Item, "駅街へ移動"　= Go to page, "%t駅.jp"

F12ボタンセット＋α

temp-hさんのOpera Quick-Pref（今日で閉鎖なのですね。ありがとうございました。）のボタンセットをほぼ2年遅れでマネしたものです。

続きを読む