Firefoxの不要なコンテキストメニューを消す
Firefoxで「右クリックで表示される「コンテキストメニュー」から、不要な項目を消す方法のまとめです。 「userChrome.css」を編集することで簡単に消すことができます。 userChrome.cssの場所userChrome.cssは、プロファイルフォルダの「Chrome」フォルダにあります。 プロファイルフォルダの場所は次のように探せば見つかります。 Firefox右上にある「≡」マークを押して、メニューの一番下にある「？」マークを押す「トラブルシューティング」を押す「プロファイルフォルダー」項目の「フォルダーを開く」をクリックエクスプローラーが開くので「Chrome」フォルダに入るFirefoxを終了する「userChrome.css」をコピーしてバックアップをとっておくuserChrome.cssを編集で開き、下に記すコードを貼り、保存するFirefoxを再度起動する以上
Firefox57のブックマークを元の色に戻す
Firefoxで「右クリックで表示される「コンテキストメニュー」から、不要な項目を消す方法のまとめです。 「userChrome.css」を編集することで簡単に消すことができます。 userChrome.cssの場所 userChrome.... ブックマークフォルダの色を黄色に戻す@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) { treechildren::-moz-tree-image(title, container), treechildren::-moz-tree-image(title, open) { list-style-image: url("chrome://global/skin/icons/folder-item.png")!important; -moz-imag
[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
FirefoxでGmailの既読リンク色を変える - ピヨログ
GmailではURLをクリックしてもリンクの色は変わりません ポイントがたまるメールなんかでは、一つのメールでたくさんリンクを押さなければならなかったりします するとどこまで押したやら押さないやら、よく分からなくなってきませんか？ Firefoxには「スタイルシートマネージャ」というものがあります ＊コンテキストメニュー拡張についてます 「ツール」→「サイト別ユーザースタイルの編集」から開いているページのスタイルシートを追加できます まずGmailを開いてから「ツール」→「サイト別ユーザースタイルの編集」を開きます すると以下の画面が出ます 下の空欄部分に .ArwC7c a:visited{color:好きな色;} を入れます 赤にするなら .ArwC7c a:visited{color: #ff0000;} 私は見えなくなるように白の#ffffffを入れました
CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」:phpspot開発日誌
CSS Decorative Gallery I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images.CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」。 イメージにＣＳＳをあてることで、次のように、セロハンテープで貼り付けたり、画鋲でとめたりといった効果を出すことができます。 デモページはこちらでＩＥ６でも問題なく動作。 沢山種類があって、色んな場面で使えそうです。 これは久しぶりに感動しました。
画像とかの横にあるテキストを上下中央に
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
ブックマークツールバーを自動的に隠す - えむもじら
Firefox Tip: Auto-Hide Your Firefox Bookmarks Toolbar より、久しぶりにクールなユーザースタイル発見。 以下のコードを、userChrome.css か Stylish に入れておくと、ブックマークツールバーを自動的に隠すことができます。Firefox 3 のナイトリーでも動作します。 /* Pop-up bookmarks toolbar */ #PersonalToolbar {display: none;} #navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;} ブックマークツールバーを多段表示する - えむもじら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第39回：携帯サイトのアイコンを変えてみよう - 初めてのココログ・カスタマイズ
テキストを回転させるCSS (BlogPeople Blog)
[CSS]要素をボタン風にスタイリングするスタイルシートのテクニック集
http://sanride.com/blog/webdesign/css.php