☆ with icon

by yuta25 2014-12-10 [2014/12/10 14:40:44]

ブックマークについてる☆をアイコンにする

@@ -14,15 +14,16 @@
 			var user = containers[i].href.replace('http://b.hatena.ne.jp/', '').replace('/', '');
 			var icon = document.createElement('img');
 			icon.src = 'http://cdn1.www.st-hatena.com/users/' + user.substr(0, 2) + '/' + user + '/profile.gif';
-			icon.setAttribute('style', 'height:13px;position:absolute;width:13px;');
+			icon.setAttribute('style', 'height:16px;position:absolute;width:16px;');
 			var star = containers[i].querySelector('.hatena-star-star');
 			star.style['position'] = 'absolute';
 			star.style['bottom'] = '1px';
-			star.style['width'] = '7px';
+			star.style['opacity'] = '0.7';
+			// star.style['width'] = '7px';
 			containers[i].insertBefore(icon, star);
 			containers[i].setAttribute('iconized', '');
-			containers[i].style['width'] = '14px';
-			containers[i].style['height'] = '14px';
+			containers[i].style['width'] = '16px';
+			containers[i].style['height'] = '16px';
 			containers[i].style['position'] = 'relative';
 			containers[i].style['display'] = 'inline-block';
 			//containers[i].style['padding-top'] = '1px';

• /*
   * @title ☆ with icon
   * @description ブックマークについてる☆をアイコンにする
   * @include http://b.hatena.ne.jp/*
   * @license MIT License
   * @require 
   */
  
  (function(){
  	var iconize = function () {
  		var containers = document.querySelectorAll('.hatena-star-star-container a');
  		for (var i = 0, length = containers.length; i < length; i++) {
  			if (containers[i].hasAttribute('iconized')) continue;
  			var user = containers[i].href.replace('http://b.hatena.ne.jp/', '').replace('/', '');
  			var icon = document.createElement('img');
  			icon.src = 'http://cdn1.www.st-hatena.com/users/' + user.substr(0, 2) + '/' + user + '/profile.gif';
  			icon.setAttribute('style', 'height:16px;position:absolute;width:16px;');
  			var star = containers[i].querySelector('.hatena-star-star');
  			star.style['position'] = 'absolute';
  			star.style['bottom'] = '1px';
  			star.style['opacity'] = '0.7';
  			// star.style['width'] = '7px';
  			containers[i].insertBefore(icon, star);
  			containers[i].setAttribute('iconized', '');
  			containers[i].style['width'] = '16px';
  			containers[i].style['height'] = '16px';
  			containers[i].style['position'] = 'relative';
  			containers[i].style['display'] = 'inline-block';
  			//containers[i].style['padding-top'] = '1px';
  			//containers[i].style['top'] = '10px';
  		}
  	}
  	iconize();
  	var timer  = 0;
      document.addEventListener('DOMNodeInserted', function() {
      if(timer) return;
      timer = setTimeout(function() {
        iconize();
        timer = 0;
      }, 500);
    }, false);
  }());

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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