アルクのウェブページから英辞郎以外を消す

2008-12-24 アルクのウェブページの変更に伴って下記のCSSも修正した。

アルクのウェブページは不必要なもの(英辞郎以外のもの)が多過ぎてとてもごちゃごちゃしている。ので、いらないものをごっそり消すStylish用ユーザスタイルシートを書いた。

Firefox 3.0.3で動作確認。アルクのトップページと英辞郎の検索結果ページに対応。

アルクのページはいまどき珍しいくらいにバリバリのtableレイアウトでマークアップも汚いので、スタイルシートもそれなりに汚くなった。サイトに変更があればすぐ使えなくなっちゃうと思う。

これを機会にuserstyles.orgに登録してみた。

• アルクのウェブページから英辞郎以外のものを消す | userstyles.org

スクリーンショットが75KB以下という制限がけっこうきつかった。

Before

After

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.alc.co.jp/"),url("http://www.alc.co.jp/index.html") {
  /* 最上部の広告 */
  table[height="65"][width="750"] td[align="center"],
  table[height="65"][width="750"] td[align="right"],
  /* 上部のメニュー */
  table[height="27"][width="750"][cellspacing="0"][cellpadding="0"][border="0"],
  /* 右サイドの広告 */
  td[width="190"][valign="top"],
  /* メイン部を丸ごと */
  td[width="550"][valign="top"] > table,
  /* 下部 */
  td.j10[height="23"][align="right"],
  td[bgcolor="#999999"],
  td.j10[height="34"][align="center"],
  td[height="40"][align="center"]
  {
    display: none;
  }

  /* 検索窓を復活させる */
  td[width="550"][valign="top"] > table:first-child,
  table[width="550"][cellspacing="0"][cellpadding="0"][border="0"][background="img/top_haikei.gif"]
  {
    display: block !important;
    width: 750px !important;
    margin-left: 10px;
  }
  /* goo検索とショップ検索を再び消す */
  img[height="1"][width="550"][src="img/eijiro_upper.gif"],
  td[width="182"][align="center"],
  td[width="183"][align="center"],
  img[height="22"][width="1"][src="img/eijiro_border.gif"]
  {
     display: none;
  }

  /* 利用規約などを復活させる */
  td.j10[height="40"][align="center"]
  {
    display: block;
    margin-top: 200px;
    border-top: 1px dashed #999999 !important;
    padding-top: 8px;
  }

}

@-moz-document domain(eow.alc.co.jp) {
  /* 最上部の広告 */
  td[width="468"][valign="top"][align="center"],
  /* 最上部のメニュー */
  td[width="75"][valign="top"][align="right"],
  /* 上部のメニュー */
  table[height="27"][width="750"][cellspacing="0"][cellpadding="0"][border="0"],
  /* 英辞郎博士 */
  img[height="23"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_01.gif"],
  img[height="4"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_02.gif"],
  img[height="28"][width="55"][border="0"][alt="英辞郎データ提供元 EDP のサイトへ"][src="http://eowimg.alc.co.jp/content/img/ic_doctor_03.gif"],
  /* goo検索とショップ検索 */
  .tabArea,
  /* 右サイドの広告 */
  table[width="190"][cellspacing="0"][cellpadding="0"][border="0"][align="right"],
  /* 検索窓下の広告 */
  #box,
  /* 下部検索窓下の広告 */
  div[style="text-align: center;"],
  /* 下部 */
  td.j10[height="23"][align="right"],
  td[bgcolor="#999999"],
  td.j10[height="34"][align="center"],
  td[height="40"][align="center"]
  {
    display: none;
  }

  td[width="145"][valign="top"][bgcolor="#34429c"]
  {
    background-color: white !important;
  }

  #resultArea > table[cellspacing="0"][cellpadding="0"][border="0"][align="right"]
  {
    margin-right: 200px !important;
  }

  /* 下部フォーム */
  #fm2
  {
    width: 550px;
  }

  /* 利用規約などを復活させる */
  td.j10[height="40"][align="center"]
  {
    display: block;
    margin-top: 20px;
    border-top: 1px dashed #999999 !important;
    padding-top: 8px;
  }

  #leftArea > table
  {
    width: 750px !important;
  }
}

しかし、「地球人ネットワーク」ってなんなんすかね。

タグ: アルク, CSS, 英辞郎, stylish, userstyles.org