ぼちぼち散歩

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--/--/-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-)

ページの先頭へ

Firefoxをこう使ってます的な何か その6

Stylish

userchrome.cssおよびusercontent.cssを管理したり,CSSの更新チェックができたり,Firefoxの再起動なしに適用できたりする拡張機能で,FirefoxのUIからウェブページまでCSSでカスタマイズできる.ある程度CSSが書ければ好きなようにできるし,userstyles.orgに投稿されているスタイルを適当にインストールして使うこともできる.userstyles.orgなどから使わせてもらっているのは以下のCSS.

Combine Stop/Reload buttons
ブラウザのストップボタンとリロードボタンは機能が時間的に排他的なので同時に表示する必要がないということで,どっちかしか表示しないようにする.Safariでは標準でこのようになっているので,たぶんそれの真似だと思う.
del.icio.us Plus
del.icio.usのような人気サイトはたくさんのCSSが投稿されていて,その中で気に入った一つ.ただし,タグクラウドは元の位置に元の大きさでいて欲しかったのでその部分だけコメントアウトして使っている.
Gmail - display keyboard shortcuts
contentプロパティをうまく使ってGmailのキーボードショートカットを表示してくれるCSS.最近のGmailの大幅な変更にも対応している.
Google Calendar - colorize Sat/Sun (start on Sun)
Google Calendarの土日に色をつけてくれる.
livedoor Clip CSS
自分でもlivedoor クリップのUserCSSを書いているので,記述がかぶってたりぶつかってたりするような気もするけど,気にせず使っている.
livedoor Reader
livedoor Readerの広告とかを消すCSS.ヘルプまで消されちゃうのでそのへんはコメントアウトして適当に使っている.
Remember The Milk - display keyboard shortcuts
GmailのやつのRemember The Milk版.そもそもRemember The Milkをちゃんと使ってないけど気にしない.

続きまして,自分で書いたやつを列挙しときます.ほとんど人様の分をパクっただけのやつもある上に,名前が変だったり,適当過ぎたりするけど大目に見てやってください.

Bookmark Toolbar - Bookmarklet Icon
ソースを失念してしまったけど,多分人様の分を書き換えたやつ.ブックマークバーにあるブックマークのうちBookmarkletなもののアイコンをスパナに変えます.ちなみに,人気の高いreinというテーマにも同様の機能があった気がする.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.bookmark-item[statustext^="javascript:"] {
    list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAMQAAHR0dK2trdbW1pmZmby8vO/v74SEhKWlpczMzNzc3I2NjZmZmba2tnt7e8XFxeXl5ff39////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUABEALAAAAAAQABAAAAVlYCSOJKIYCqmKgkEox6oeh3EUxyCLQe0MBsOuMKAFFalVonEIAIOCFWIQCBgaBISM0KgaBgVVQSBgKBg1sCqBapwPXRm1xwAydjDgKYZvFBhBOjsCYwBAfDsRDYsAYYkRDw5ajyEAOw==") !important;
}
Google multicolumn
-moz-column-*系プロパティが真価を発揮するとき - Hatena::agendaのエントリを参考にGoogleの検索結果を二列にするCSS.
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.google.co.jp"), domain("www.google.com") {
div#res > div {
    -moz-column-width: 25em;
    -moz-column-gap: 1em;
}

div#res table {
    width: 100%;
}
}
livedoor clip
以前書いたlivedoor clipのタグクラウドをちょっと変えるをもう少し変えたやつ.
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("clip.livedoor.com") {
#content {margin-right: 300px !important;}
#right {width: 285px !important;}
#sidesearchbox {
    width: 285px !important;
}
#tagsearch {
    width: 200px !important;
    margin-left:20px !important;
}


#htmltagcloud {line-height: 1.2 !important;}
#htmltagcloud a:hover {
text-decoration: underline !important;
background: #ffa !important;
}
span.tagcloud0 a{color: #88f !important;}
span.tagcloud1 a{color: #66f !important;}
span.tagcloud2 a{color: #44f !important;}
span.tagcloud3 a{color: #22f !important;}
span.tagcloud4 a{color: #00f !important;}

#header,
#footer,
#sideadbnrmember,
#sideadbnr
{
    display: none !important;
}
}
mixi
mixiのデザイン変わってからアレな感じだったので適当にでっち上げたCSS.広告削って二列にします.あと,細かいずれを直したり枠線引いたりとかそんな感じです.
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {
/* 広告削除 */
  iframe {
    display: none !important;
  }

  #adBanner,
  .adBanner {
    display: none !important;
  }

  div#login_main {
    display: none !important; 
  }

/* 幅減らしてセンタリング */
  div#login_all,
  div#headerArea,
  div#bodyArea,
  div#oldMain,
  div#footerArea {
    margin: 0 auto !important;
    width: 725px !important;
    position: static !important;
  }

/* フッター削除 */
  div#footerArea .footerNavigation01,
  div#footerArea .footerNavigation02 {
    display: none !important;
  }

/* 右カラム削除 */
  #bodySub,
  td[width="224"] {
    display: none !important;
  }
  
/* メニュー削減 */
  #globalNavigation li.home,
  #globalNavigation li.movie,
  #globalNavigation li.photo,
  #globalNavigation li.mikly,
  #localNavigation li.top,
  #localNavigation li.video,
  #localNavigation li.photo {
    display: none !important;
  }

/* 検索修正 */
  div.searchForm01 ul.searchCategory01 {
    width: 404px !important;
  }

  li.searchCommunity a {
    width: auto !important;
    padding: 0 2px !important;
  }

  li.searchEventDate a {
    width: 130px !important;
  }

/* mixiプレミアム削除 */
  #myProfile p.statusIcon {
    display: none !important;
  }

/* 最新情報修正 */
  #mymixiUpdate div.contents,
  #myUpdate div.contents,
  #intro div.contents {
    border: 1px solid #FF9900 !important;
    border-width: 0 1px 1px 1px !important;
  }

  dl.contentsList01 dd {
    width: 280px !important;
  }
  
  dl.contentsList01 dd dl dt {
    width: 8em !important;
  }

/* xxさんの最新情報修正 */
  dl.contentsList02 dd dl dt {
    width: 8em !important;
  }

  ul.actionIcon03 {
    display: none !important;
  }
  
  #newMyDiary div.contents dl.contentsList02 {
    background-image: none !important;
  }

/* マイミクシィからの紹介文修正 */
  #intro div.contents dt {
    width: 72px !important;
  }
}
transparent tooltip
くでんな日々や公開どう? ツールチップを透過させてみるをそのまま頂いたもの.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tooltip {
  -moz-appearance: none !important;
  font: message-box !important;
  color: #ffffff !important;
  background-color: transparent !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAAGElEQVR42mNkYGCoZyACMDEQCUYVUkchANsIAJN3G7QXAAAAAElFTkSuQmCC") !important; 
  border: 1px solid #000000 !important;
}

今回はStylishだけで終わってしまった.他のブラウザにもUserCSSの仕組みはあったりするけど,userstyle.orgのようなサイトからワンクリックでインストールできたり,再起動なしにCSSを適用できたり(できないときもあるけど),というのがStylishのいいところであり,StylishがあるからFirefoxを使っているという面もある.

スポンサーサイト

2007/11/10 19:08 | Firefox | トラックバック(0) | コメント(0)

ページの先頭へ

コメント

コメントの投稿


トラックバック

トラックバックURL
http://relaxedcolumn.blog8.fc2.com/tb.php/95-3778d821

トップページへ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。