「海馬日記 - data: URIでユーザスタイルシートに畫像を埋込む」より。リンクの種類を表すアイコンをつける話について。 まあその方法 (data URI を使う) が一番妥当でしょうね。ちなみにカーソルではなくリンクの前に埋め込むのなら一応 data URI を使わずともできます。 :-moz-any-link[target="_blank"]:before { content: ""; font-size: 0; padding-left: 16px; padding-top: 14px; background: url("chrome://browser/skin/Toolbar-small.png") -160px -16px; } ディセンダの高さを 2px に決め打ちしているのがいかにも気持ち悪いですが。padding-top の替わりに font-size: 16px と
Latest topics > Firefox 2でタブを縦置きする方法(pure CSS solution) 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « みんな(←誰?)結構義理堅いのね Main 拡張機能に電子署名って「必要」なの? » Firefox 2でタブを縦置きする方法(pure CSS solution) - Nov 14, 2006 オープンソースマガジン12月号掲載の、タブの縦置き用スタイルで、userChrome.cssだけでタブの縦置きを実現する方法。「タブをウィンドウの左に縦置き」「スクロールバーを表示する」の指定に加えて、以下を入力するだけ。 .tabbrowser-arrowscrollbox { max-widt
Firefox2.0のデフォルトテーマのタブ部分をスマートにする web, css | 02:21 | 昨日に引き続きFirefoxネタ。hail2u.net - Weblog - FirefoxのuserChrome.cssネタ #11を参考に気に入ってなかったタブの部分を変更してみました。画像無しでかなり無理やり気味。 スクリーンショット ユーザースタイルシート Stylishに以下を追加 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .tabbrowser-tabs { background-image: none !important; border-bottom: 1px solid #c5c5c5 !important; height: 16px !importan
2006-11-25 ua firefox tool Firefox の拡張機能 userChrome.js のスクリプトに Sub-XUL Loader というスクリプトがあります。どういうものかというと、Sub-XUL loader をロードしておくと、プロファイルの chrome ディレクトリ内にある、*.uc.xul というファイルを XUL オーバーレイファイルとして読み込んでくれるというものです。 私の場合、userChrome.js ファイルには、フォーラムの userChrome.js スレ の zeniko 氏の発言にある、Sub-Script Loader のみ書いていたのですが、今回この Sub-XUL loader も追加してみました。(Firefox の拡張機能、userChrome.js の私の使い方 参照のこと) Sub-Script Loader が更新され
2005-11-12 ua tool firefox Pref Buttons という画像表示のオン・オフやら、JavaScript のオン・オフやら割によく変更したくなる設定の変更をツールバーに配置したチェックボックスから切り替える Firefox の拡張があります。私も使っているんですが、割に場所を食うのが悩みの種です。 で、私は拡張をばらして、中の pref-prefbuttons.ent を編集することで表示文字列を変更して場所を詰めたりというようなことをしているんですが、Mozilla Firefox 拡張機能スレッド Part6(何)を見ていたら、チェックボックスの代わりにユーザスタイルシートを使ってアイコンで表示させるというアイディアが出ていました。 835さんあたりの要望で、860さんがユーザスタイルシートで実現したものを、891で配布しています。で、早速これを導入してみま
<html> <head> <style type="text/css"> #back { position: absolute; top: 20; left: 20; width: 500px; height: 500px; overflow: auto; z-index: 50; } #front { position: absolute; top: 20; left: 20; z-index: 100; } </style> </head> <body> <div id="back"></div> <div id="front"> <input type="text" value="Hello"> </div> </body> </html> z-indexを使うときの問題。上のHTMLコードをFirefoxで見る(再現HTMLはこちらで)とわかるけれど、テキストフィールドのカーソル
2005-12-31 ua tool Firefox のユーザスタイルシートをアレコレする拡張機能、Stylish というのを導入してみました。Firefox には、表示ページの表示の仕方をカスタマイズするための userContent.css と、Firefox の UI をカスタマイズするための userChrome.css が使えるわけですが、どちらもファイルを書き換えると、Firefox を再起動しないと変更が反映しません。しかし、Stylish を導入すると、即座に変更が反映したり、新しいウィンドウを開いたりするだけで変更が反映するようになります。 また、2つのスタイルシートだけで管理するのではなく、もっと細かい単位で管理でき、しかもその有効、無効を手軽に切り替えることが出来ます。以下、スタイルシートの管理画面のスクリーンショットのサムネイルですが、これを見ていただけはイメージが
2006-08-28 ua firefox userstyles.org を眺めていたら、Firefox: Reduce vertical size of nav & menu bars というユーザスタイルが発表されていました。何をするものかと言えば、Firefox のナビゲーションバーとメニューバーの高さを詰めてコンテンツ表示エリアを広げるものです。試してみたらちょっとやり過ぎ感はあるもののなるほどと感心したので、あまりオリジナルと違和感がない程度にいじってみました。 以下スクリーンショットですが、一番奥から元々コンパクトで愛用している綾川版 Pinball、Bon Echo のデフォルト、一番手前が今回のユーザスタイルを適用した Bon Echo のデフォルトテーマです。 わずか数ピクセルですが、結構よくないですかね? :p) usrChrome.css に記述すれば他のテーマでも使
2006-08-29 ua firefox ユーザスタイルシートで、Firefox のツールバー周りをコンパクトにする試み、Firefox のツールバーなどをコンパクトにの続きです。もう少しがんばってみました。 まずはスクリーンショット。全体像にリンクしています(約20KB)。 ご覧頂くとわかりますように、今回は横方向にも詰めてみました。miniFox あたりを使ったほうがいいような気もしますが。:p) @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #toolbar-menubar { margin-bottom: -2px !important; margin-top: -2px !important; } #urlbar, #searchbar { margin-bottom
拡張フォーラム(何)を見ていたら、拡張を使わずに、中止ボタンとリロードボタンをひとつにする方法が出ていた。正確には、必要ないときはストップボタンを非表示にしているだけで、ひとつにしているわけではないですが。しかし、これはなかなかいいアイディアですねぇ。以下の css を userChrome.css に書いておけばいい按配になります。 #stop-button:not([disabled]) + #reload-button, #stop-button[disabled="true"] { display: none !important; } 参考 http://forums.mozillazine.org/viewtopic.php?p=1857582#1857582
via digg 世界で最高、つまり最も高いウェブサイトだ。(なんか違う) 種明かしはといえば、divに18939emという値を入れているだけのようだけど。これがブラウザの受け付ける最高値ということなのか。 解説によれば、Firefox系では、ページの高さを18.939583キロメートル(!)以上にしようとすると、かえって縮んだり崩れたりするということ。 IE系では、指定の結果、実際の高さが18キロに達しているかが不明ということ。(ちょっと説明の意味がわからなかった) CSSを使ってレンダリングの限界を試したということで、意義はない、こともない、かもしれない。限界値テストはMSもMozillaもやってるとは思うけど。 エレベータ(直接リンク)もついてるので、延々スクロールさせなくても末尾に簡単に移動することもできる。 それと、printメディアタイプが指定されているので、間違って印刷ボタン
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
FreeBSDでようやくFirefox 2.0のportsが出て、さっそく上げた。 結局、1.5.0.7でもボールドの文字が完全には解決していなくて、ちゃんと出るサイトもあったが、特にgoodleで出なくて大変不便であった。ちょっと調べて出てきたサイト(ttt: FreeBSDと Firefoxと ボールド体と)には、freetype2 などにWITH_CJKをつけないとボールドにならないと書いてあったが、若干情報が古く、現時点では WITH_CJK オプションは不要で、すべてコメントアウトされている。実際、きちんとボールドで出るサイトもある。 で、例によって、重い腰を上げて(最初からそうすればいいのに)、googleの結果のページと、ちゃんとボールドで出るページのソースを眺めてみた。そうすると、違いは、googleが<b>要素を使ってるのに対し、後者は、<span style="font
Firefox 2のデフォルト・テーマは悪くは無い。けれども画像で作ったタブとか画像で作ったタブとか画像で作ったタブとか画像で作ったタブとか画像で作ったタブとかはなんだかなーと思ってしまう。というわけで以前書いたフラットなタブを実現するuserChrome.cssネタをFirefox 2に対応させたりとか他にもいくつか。 タブをフラットなボタンにする(Firefox 2向け) .tabbrowser-tabs { background-image: none !important; } .tabbrowser-tab { margin-right: 3px !important; } .tabbrowser-tab[selected="true"] { font-weight: normal !important; } .tabbrowser-tab > .tab-image-left {
Click to viewYou're a power web surfer, so of course you use Firefox. But while the Firefox team has done a great job of creating an interface that accommodates most web surfers, you're not most surfers. There are bunch of unnecessary buttons, menus and doodads in the Firefox control area (the "chrome") that you don't need, taking up space you could be using to see and do more with your web pages
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く