Hatena::ブログ(Diary)

こんなに月も紅いのに このページをアンテナに追加 RSSフィード

2011年7月27日(水)

TabsInTitlebar_mod for rein

2012年1月12日追記

rein/5.1.5でタイトルバーの太さが変わったので調整

2011年11月14日追記

Windows7を使い始めたので調整した。タイトルバーのボタン類の高さの調整。

2012年12月20日追記

TabsInTitlebar_mod ver 0.0.2 に対応


まぁ、これも無くした時用の備忘録と言わざるを得ない


rein(http://notiz.jp/mozilla)で、

タブバーをタイトルバー上に表示する(d:id:Griever:20110408:1302280572)を綺麗に表示させるuserChrome.css

但し、XPクラシック表示環境でしか試していないし、バーのサイズ等々が変わると漏れなく変更の必要があります。

そこんとこは自分で調整 ( ゚Д゚) ガンガレ!


f:id:DeaR:20110727200202p:image:w360
/* TabsInTitlebar_mod for rein */
#main-window[tabsintitlebar="true"] .tabbrowser-tabs {
	margin-top: 2px !important;
	margin-bottom: 0 !important;
}
#main-window[tabsintitlebar="true"] .tabbrowser-tabs .arrowscrollbox-scrollbox {
	max-height: 21px !important;
}
#main-window[tabsintitlebar="true"] #TabsToolbar #new-tab-button,
#main-window[tabsintitlebar="true"] #TabsToolbar #alltabs-button,
#main-window[tabsintitlebar="true"] #TabsToolbar #tabs-closebutton,
#main-window[tabsintitlebar="true"] #TabsToolbar #tabview-button {
	margin-top: -4px !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#main-window[tabsintitlebar="true"] .tabbrowser-tabs .scrollbutton-up,
#main-window[tabsintitlebar="true"] .tabbrowser-tabs .scrollbutton-down,
#main-window[tabsintitlebar="true"] .tabbrowser-tabs .tabs-newtab-button,
#main-window[tabsintitlebar="true"] .tabbrowser-tab {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#main-window[tabsintitlebar="true"] .tabbrowser-tab {
	background-color: ThreeDShadow !important;
	background-image: url("chrome://global/skin/reintoolbar/shadow-top.png") !important;
	background-position: 0% 0% !important;
	background-repeat: repeat-x !important;
	border-bottom-width: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	opacity: 1 !important;
	min-height: 22px !important;
}
#main-window[tabsintitlebar="true"] .tabbrowser-tab[selected="true"] {
	background-color: -moz-Dialog !important;
	background-image: none !important;
}

Auto Hide Bookmark Toolbar

これもびぼ(ry


ブックマークツールバーマウスアウトで自動的に隠れるようにするuserChrome.css

よくある奴と違って表示領域に被さるように出現します(ChromePlusみたいな感じ

但し、ブックマークツールバーには"ブックマークツールバーの項目"しか置かない状態じゃないとダメです。


f:id:DeaR:20110727223526p:image:w360
/* Auto Hide Bookmark Toolbar */
#PersonalToolbar[collapsed="false"] {
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#PersonalToolbar[collapsed="false"]:not([customizing="true"]) #personal-bookmarks {
	border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
	background-color: -moz-Dialog !important;
	position: fixed !important;
	width: 100% !important;
	-moz-transition-duration: 0.3s !important;
	-moz-transition-property: visibility, opacity, margin !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar[collapsed="false"]:not(:hover):not([customizing="true"]) #personal-bookmarks {
	margin-top: -24px !important;
	opacity: 0 !important;
	visibility: collapse !important;
	-moz-transition-delay: 0.3s !important;
}

2011年5月12日(木)

Firefox4はじめました

最近使い始めました。rein来たし、使用拡張類の4対応も大体来たし。

2か月くらいChromePlusを使ってたこともあり、何かうちのブラウザもシンプル化が進んでます( ; ゚Д゚)

んで、何気なしに昔の記事を見てみるとinsタグdelタグが酷いマークアップだったようで、途切れてた。

なので、こっそりちょっとした更新でもって直してみた。途中まで(面倒)


しかし、4化に伴い随分Firefox熱が再燃しました。やっぱ弄るの楽しい(`・ω・´)

その内、また色々公開する物が出来れば良いなぅ

2008年6月8日(日)

SafariHighlight.uc.js ver. 1.0.0

3.1以降検索バーが色々変更されてるので動きませんです。 対応予定も今の所ありません…。

XUL/Migemo(https://addons.mozilla.org/ja/firefox/addon/5239/)で同様のSafari3風ハイライト機能がありますので、其方の使用をお勧めします。

userChrome.js(http://forums.mozillazine.org/viewtopic.php?t=556229)用のスクリプトです。

Safariのインライン検索のハイライトみたいに動作させるスクリプトです。

SearchWP(http://legege.com/en/mozilla/searchwp)と、Googlebar Lite(http://www.borngeek.com/firefox/googlebarlite/)のハイライトにも対応しています。

http://kuonn.mydns.jp/fx/SafariHighlight.uc.js

設定項目(ソースの最初の辺り)

alwaysHighlight
Safariのように検索開始時に常時強調表示状態にする。(true:有効, false:無効)
clickAndExit
Safariのように画面クリックでハイライトを終了する。(true:有効, false:無効)
overlayOpacity
オーバーレイの不透明度。(0:透明 <=> 1:不透明)
hitAnimation
ヒット箇所のアニメーションを行う。(true:有効, false:無効)
clickElement
要素の下にあるリンクにクリックイベントを送る。
searchWP
SearchWPに対応させる。
googlebarLite
GooglebarLiteに対応させる。

動作確認

  • Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.9) Gecko/2008060717 Minefield/3.0 (tete009 SSE PGO)
  • Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.8.1.14) Gecko/20080417 BonEcho/2.0.0.14 (tete009 SSE PGO)

変更点

  • piroさんのXUL/Migemoによる実装を取り込み、要素の下にあるリンクにクリックイベントを送る、を実装。
  • SearchWP, GooglebarLite対応の有無を設定できるようにした。

ToDo

  • piroさんのXUL/Migemoによる実装を取り込み、Safariと同じようなアニメーション効果(フォーカスされた箇所が一瞬拡大される)の実装。(それ以外のFixも実装。予想以上に多くて難航orz
  • GrepSidebar対応。(違うchrome://から関数呼ぶのどうやるんすかね? はい、私の勉強不足ですorz