沒穿方服: 11月 2008

清理 blogger 貼圖的冗碼

2008-11-11 16:58

以下是 blogger 文章編輯器「上傳一張圖片」自動產生的原始碼：

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_z34accOoRZI/SRlJtD6_xrI/AAAAAAAAAiY/0NLA6VkW2Go/s1600-h/image.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 262px; height: 320px;" src="http://3.bp.blogspot.com/_z34accOoRZI/SRlJtD6_xrI/AAAAAAAAAiY/0NLA6VkW2Go/s320/image.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5267322277682202290" /></a>

夾雜許多用途不明的東西，而且 bp.blogspot.com 這樣的鏈結會讓某些 lightbox 特效掛掉。（2009-05-19: 後來發現 lightbox 掛掉其實是鏈結中「-h」禁止外連造成的。）
所以我做了一支 bookmarklet 把它清理成下面的格式：

...攤開這篇文章｜繼續閱讀

<a href="http://lh5.ggpht.com/_z34accOoRZI/SRlJtD6_xrI/AAAAAAAAAiY/0NLA6VkW2Go/image.jpg"><img src="http://lh5.ggpht.com/_z34accOoRZI/SRlJtD6_xrI/AAAAAAAAAiY/0NLA6VkW2Go/s320/image.jpg" alt="" /></a>

將 bookmarklet 加進書籤 → 清理 blogger 插入的圖片標籤
在文章編輯器的「修改 Html」模式點了就立刻執行，不會多問，所以請自己保重（文章弄壞、Ctrl + Z 又沒用的話，我也沒辦法負責啊。）

原始碼拆解如下：

javascript:
document.getElementById('textarea').value = document.getElementById('textarea').value.replace(
/<a onblur=\".+\" href=\"(.+)\"><img style=\".+\" src=\"http:\/\/(\d)+\.bp\.blogspot\.com\/(.+)" border=\"0\" alt=\"\"id=\".+\" \/><\/a>/g,
function(str, p1, p2, p3) {
return '<a href="http://lh' + (parseInt(p2)+2) + '.ggpht.com\/' + p3.replace(/s(\d)+(-h)?\//,'') + '"><img src="http://lh' + (parseInt(p2)+2) + '.ggpht.com\/' + p3 + '" alt="" /></a>\n';
}
);void 1

javascript:
document.getElementById(&apos;textarea&apos;).value = document.getElementById(&apos;textarea&apos;).value.replace(
  /<a onblur=\".+\" href=\"(.+)\"><img style=\".+\" src=\"http:\/\/(\d)+\.bp\.blogspot\.com\/(.+)" border=\"0\" alt=\"\"id=\".+\" \/><\/a>/g,
  function(str, p1, p2, p3) {
    return &apos;<a href="http://lh&apos; + (parseInt(p2)+2) + &apos;.ggpht.com\/&apos; + p3.replace(/s(\d)+(-h)?\//,&apos;&apos;) + &apos;"><img src="http://lh&apos; + (parseInt(p2)+2) + &apos;.ggpht.com\/&apos; + p3 + &apos;" alt="" /></a>\n&apos;;
  }
);void 1

留下意見 (0)

Page Info Forms and Links 的圖示問題

2008-11-09 23:31

： Firefox userChrome

Page Info Forms and Links 在鏈結、表單分頁沒有圖示的時候（例如，預設的佈景主題就沒有）會以媒體的圖示代替……我想趁此機會多少發洩對媒體的怨氣，於是用 userChrome.css 把它改了。

...攤開這篇文章｜繼續閱讀

先說明開發者的想法是使用佈景主題既有的圖示，以免出現風格不搭的情形；所以若要自行修改，換佈景的時候也請自行留意。

原套件的相關設定在 chrome://pifal/skin/overlay.windows.css，貼在這裡供參考：
（取自 0.7 版本原始碼，應該是 Windows 用的樣式）

#formsTab,#linksTab{-moz-image-region:rect(0px 64px 32px 32px)!important;}

#formsTab,#linksTab{-moz-image-region:rect(0px 64px 32px 32px)!important;}

而這篇做的 userChrome.css 修改如下，圖示是從 Link And Forminfo 套件取出的，印象中是公眾授權的圖片。

#formsTab,#linksTab{-moz-image-region:rect(0, 0, 0, 0) !important;}
#formsTab{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADcUlEQVRYhe2Wz29UVRTHP/e+ee/Nz85MbZ0RptgGKWmtKSFgBV0gIm2EsNFYISYaQiS4AVw0rkSbuNCVujDRxMR/woWJihqQaOJCjAu6EJOaWlJJq1UUmHuui2nfzJt50742giZ6ksncOffc8/3cc++Z9+AfNrXOdd1AcWl8Bfjl78GJZ3mgn9HKexwfsBwfsOzsPrneZM46xEuM3Dle2bPhhVNHfLJbepjRztjNP6oLzFz78lYC1MXHeiaPHtJM/VZiQRTbhx7AuO7Yz4sLa4aICxAp/qvArCiuGs34zoPM2vk1Q8QFuJtd5XF2lydPPJ7gm8XazmdF8WMV+pI99KVL3DcwxNmr346h+Inp37+Okzh+F7xyv10e3rO7xDWBeQHHejy/cT/7SzvY986JevyZr2LlTsQGqCXs542HLn1/AwQFFp4tjZBz07WYvAenzq2ptZcB+mOvKHiIKAZSJR7tGqbby4fmYuaaagbgwHMvXYqj/0HyAhObDtR33WhJJ36edydVCADgzYln0NrBcTRKQdQV2fTFhWjxJXvt5FMtvkI+j+PU7/uxM28H4xCAUopKZSNaK7TWbUV2dQ62nburXA47lML3/eBnOpUMTUdeQqVWvkf7Pn1xxflGW2kjbQGstW0h5MkPERGMEUQMVWMQI1SNAWtb4htLHwnYLGyXktiIZPWY5m8bKa60XrUCwWwy4QAWawURG4JpBhQRrK19iIhbNtd1I/01rZoFR1BIeUiDAGi0bq1ErfSyFFergkQAuK7b9hgLKa8VoCPlIcZiRHA0TE/PoJQK2tFig91aK4i1iLGImBaApO+TyWRCvlxHB41aLQDZtI9YQYzBWsvm1x+LpF/NHu7dzt6tIy3+06PHgnE2XW/LACCX8sCCEYuDgOsgb11cVfDpc4d4oucwn8+d5ZHSKD/8ucierm2cn7/Mg8U+zs9fZu67mdCaXEMFgkuYSfsUi3m0VlSNQG+euJZN5BjKb6M3u5msG7Gu4IV+ZqIqkE17gMJxEmhtObxjbyzxiXtfppQssyHTyx1+J4M2QVeyk+GCS1eyyHDB5aPF8DtrTasJwGnoV6UUg4U+Xr34fuCbu77AdXOTSro7AmOVo2pqhkattu8Dp7e0PlRuha38N/VfAGg5gubH5e0CmAL4+JPPbqv4//avsL8AFM5Ar51T9ksAAAAASUVORK5CYII=') !important;}
#linksTab{list-style-image:url('data:image/png;base64,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') !important;}

#formsTab,#linksTab{-moz-image-region:rect(0, 0, 0, 0) !important;}
#formsTab{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADcUlEQVRYhe2Wz29UVRTHP/e+ee/Nz85MbZ0RptgGKWmtKSFgBV0gIm2EsNFYISYaQiS4AVw0rkSbuNCVujDRxMR/woWJihqQaOJCjAu6EJOaWlJJq1UUmHuui2nfzJt50742giZ6ksncOffc8/3cc++Z9+AfNrXOdd1AcWl8Bfjl78GJZ3mgn9HKexwfsBwfsOzsPrneZM46xEuM3Dle2bPhhVNHfLJbepjRztjNP6oLzFz78lYC1MXHeiaPHtJM/VZiQRTbhx7AuO7Yz4sLa4aICxAp/qvArCiuGs34zoPM2vk1Q8QFuJtd5XF2lydPPJ7gm8XazmdF8WMV+pI99KVL3DcwxNmr346h+Inp37+Okzh+F7xyv10e3rO7xDWBeQHHejy/cT/7SzvY986JevyZr2LlTsQGqCXs542HLn1/AwQFFp4tjZBz07WYvAenzq2ptZcB+mOvKHiIKAZSJR7tGqbby4fmYuaaagbgwHMvXYqj/0HyAhObDtR33WhJJ36edydVCADgzYln0NrBcTRKQdQV2fTFhWjxJXvt5FMtvkI+j+PU7/uxM28H4xCAUopKZSNaK7TWbUV2dQ62nburXA47lML3/eBnOpUMTUdeQqVWvkf7Pn1xxflGW2kjbQGstW0h5MkPERGMEUQMVWMQI1SNAWtb4htLHwnYLGyXktiIZPWY5m8bKa60XrUCwWwy4QAWawURG4JpBhQRrK19iIhbNtd1I/01rZoFR1BIeUiDAGi0bq1ErfSyFFergkQAuK7b9hgLKa8VoCPlIcZiRHA0TE/PoJQK2tFig91aK4i1iLGImBaApO+TyWRCvlxHB41aLQDZtI9YQYzBWsvm1x+LpF/NHu7dzt6tIy3+06PHgnE2XW/LACCX8sCCEYuDgOsgb11cVfDpc4d4oucwn8+d5ZHSKD/8ucierm2cn7/Mg8U+zs9fZu67mdCaXEMFgkuYSfsUi3m0VlSNQG+euJZN5BjKb6M3u5msG7Gu4IV+ZqIqkE17gMJxEmhtObxjbyzxiXtfppQssyHTyx1+J4M2QVeyk+GCS1eyyHDB5aPF8DtrTasJwGnoV6UUg4U+Xr34fuCbu77AdXOTSro7AmOVo2pqhkattu8Dp7e0PlRuha38N/VfAGg5gubH5e0CmAL4+JPPbqv4//avsL8AFM5Ar51T9ksAAAAASUVORK5CYII=') !important;}
#linksTab{list-style-image:url('data:image/png;base64,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') !important;}

留下意見 (0)

侍道３發售前情報

2008-11-07 10:09

：遊戲 ACQUIRE

下禮拜（11 月 13 日）發售在即的侍道３，細節上改掉不少前作的東西，看樣子會是接近使用者期待的……以侍１為基礎的劍客扮演遊戲。

いきなり沙汰系統

無論在街上、事件或戰鬥中，按 L1 便能拔刀，按 L2 便能下跪磕頭（土下座）——不僅是做動作而已，對象（貓咪也可以）會做出各種反應，後續劇情發展也會隨著變化。
※事件中的拔刀、下跪必須畫面上有圖示的時機才行，跟侍１的「話」類似。

突然拔刀

請看左下角的圖示，遇強敵可考慮不要拔刀，展現君子有所為有所不為的風範。
突然磕頭

除了用刀，也可以用膝蓋表達意見…… 符合開發中 ●インパクトのあるゲームシステムを追加する（追加具衝擊性的遊戲系統）的決策（另外兩個選項是 1. 提早發售和 2. 畫面強化，參考スパイク寺澤 - 落ち武者瓦版）。

...攤開這篇文章｜繼續閱讀

可以看看業務的描述「極力減少動畫，即使是動畫也盡量接受按按鈕、推搖桿的輸入，徹底減少控制器的休息時間。」（來源：スパイク営業の成井 - 落ち武者瓦版）

渡世（任務）

故事進行仍然是繞著三個勢力的消長，但似乎沒有做到侍１那樣，所有事件都緊密牽動之後的劇情，而是採用侍２接任務的方式，各勢力（三勢力再加上町人）再依據任務結果調整信賴度。
信賴度除了影響事件的發生，也會反映在路人的態度上。
任務發行人除了三勢力和町人至少各一名外，部分主要角色和 NPC 也會發行。
任務種類增加，也有類似小遊戲的。