Hatena Header for Hatena Haiku2

by wakabatan 2011-07-16 [2011/07/16 00:04:53]

Add new-style Hatena header to Hatena Haiku2 Web site

• /*
   * @title Hatena Header for Hatena Haiku2
   * @description Add new-style Hatena header to Hatena Haiku2 Web site
   * @license MIT License
   */
  
  var div = document.createElement('div');
  div.id = 'header';
  div.style.textAlign = 'left';
  div.style.borderBottom = '1px solid #AAAAAA';
  div.innerHTML = '<a href="http://h2.hatena.ne.jp/" class=service-logo><img src="http://h2.hatena.ne.jp/images/logo-white.gif" alt="Hatena Haiku 2"></a><ul class=service-menu style="padding-right: 2em"><li><a href="http://h2.hatena.ne.jp/my"><img src="http://n.hatena.ne.jp/my/profile/image?size=16&amp;location=http://h2.hatena.ne.jp/" alt>マイページ</a><li><a href="http://h2.hatena.ne.jp/">ともだちの新着</a><li><a href="http://h2.hatena.ne.jp/setting/">設定</a><li><a href="http://h2.hatena.ne.jp/help">ヘルプ</a><li class="header-username" id="header-username" title="利用中のサービス" data-name="" data-rkm=""><span class="header-dropdown" tabindex="0"><img src="http://cdn.www.st-hatena.com/images/header/usermenu.png" alt="利用中のサービス" ></span><dl class="header-window" id="username-window" title></dl><li class="header-notify" id="header-notify" title="あなたへのお知らせ"><span class="header-dropdown" tabindex="0"><img src="http://cdn.www.st-hatena.com/images/header/notify.png" alt="あなたへのお知らせ"><span class="notify-count"></span></span><div id="notify-window" class="header-window header-notify" title></div><li class="global-logo"><a href="http://www.hatena.ne.jp/"><img src="http://cdn.www.st-hatena.com/images/header/global-logo.png" alt="Hatena"></a></ul>';
  document.body.insertBefore(div, document.body.firstChild);
  
  var script = document.createElement('script');
  script.src = 'http://cdn.www.st-hatena.com/js/header.ja.js';
  script.charset = 'utf-8';
  document.body.appendChild(script);
  
  var style = document.createElement('link');
  style.rel = 'stylesheet';
  style.href = 'http://cdn.www.st-hatena.com/css/hatena/header.css';
  document.body.appendChild(style);
  
  var container = document.getElementById('container');
  if (container && container.getElementsByTagName('img')[0] && container.getElementsByTagName('img')[0].src.match(/\/images\/logo.*?\.gif/)) {
    container.style.paddingTop = '7px';
    var e = container.firstChild;
    while (e && !e.style) e = e.nextSibling;
    if (e && e.style) { e.style.display = 'none'; e = e.nextSibling }
    while (e && !e.style) e = e.nextSibling;
    if (e && e.style) { e.style.display = 'none'; e = e.nextSibling }
    while (e && !e.style) e = e.nextSibling;
    if (e && e.style) e = e.firstChild;
    while (e && !e.style) e = e.nextSibling;
    if (e && e.style) { e.style.display = 'none'; e = e.nextSibling }
  }
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。