Twitterの背景画像をメイン領域で透かして見えるようにするためのユーザースタイルの例です。
自分はクライアントやモバイル版経由の投稿が主なのユーザースタイルとか適用してもあまり恩恵は得られないわけですが。。ま、なんというか自己満の世界とでもいいましょうか。
コードは以下です。透過は「-moz-opacity」(*1)で。リンクカラーとかを指定してある場合を考慮してないので透過の割合はヒトによって違ってくるかも。マウスオーバー時の背景色は継承させないやりかたがよくわからなくて、濃い目の色に上書きさせることで対処してます。
例によってFirefoxアドオン、Stylish向けのスタイルシートです。(確認環境は、Stylish1.0.1・Mozilla Firefox 3.0.10です)
- twitter背景透過
-
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("twitter.com") { #content{ -moz-opacity: .8; } ol.statuses li:hover, ol.statuses li.hover{ background:#E3E3E3 none!important; } }
*1: Firefox3.5系の場合は、-moz-opacityをopacityに置き換えてください。
- Newer: 閲覧ページで戻りたい箇所は人それぞれと思うわけで
- Older: 自分のMovableType情報の収集元のお話
- このブログの記事リストページで先頭1行目だけ表示させるユーザースタイルシート
- [ユーザースタイルシート]ロケーションバーが黄色くなるやつ
- jQuery For MTプラグインをいれてみました
- メモ:特定カスタムフィールドの値は提供されたタグで
- 今月のいらんことしい(2010年1月)
- ウェブページのページごとでカラムレイアウトを替える
- Google Friend Connectのコメントとメンバーガジェットのコードをまとめてみる
- ユーザースタイルシート:Google検索の結果ページで自サイトに適用する
- 今月のいらんことしい(2009年12月)
- ユーザースタイルシート:ブラウザのタブにtext-shadow。