2012年1月30日月曜日

Bloggerハック 〜スワイプ無効化(テスト版)〜

方法は既出のaddEventListenerと同じ手法です。
今回はそれに補助コードを加えたものです。

方法は簡単。まずはブログテンプレートのHTML編集モードから</head>を探しだします。
Ctrl+F使って一発です。

</head>の手前に下のコードをペースト。


<b:if cond='data:blog.isMobile'>
     <script src='http://dl.dropbox.com/u/393924/hackblogger.js' type='text/javascript'/>
    <style>
   body.mobile  {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile .content-outer {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
padding: 0 0;
}
body.mobile .AdSense {
margin: 0 -0;
}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
}
.mobile .main-inner .column-center-inner .section {
margin: 0;
}
.mobile .date-header span {
padding: 0.1em 10px;
margin: 0 -10px;
}
.mobile h3.post-title {
margin: 0;
}
.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
canvas {
    display: none;
}
</style>
</b:if>

最後にモバイルテンプレートを「カスタム」にする。

今回何をやったか

  • モバイルテンプレートの時のみaddEventListener=nullによるハックを行うように適用範囲を限定。
  • モバイルテンプレートカスタム化に伴う最低限のCSSを記述
  • addEventListenerによるハックでたぶん現れるであろうスピナー(読み込み中の画像)の隠蔽

スピナーってGIFアニメーションかと思って探してたけどcanvasだったのね・・・

0 件のコメント:

コメントを投稿