Twenty Tenを使っての改変ノウハウ

ne4 Post in web

いろいろ助かってます。

■ツイートボタンの設置
functions.php内の、twentyten_posted_on()にprint文を追加
print ‘<br/><a href=”http://twitter.com/share” data-count=”horizontal” data-lang=”ja”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>’;

tinyscrolling

ne4 Post in web

ページ内リンクの移動をヌルヌル動かす、tinyscrolling
導入は簡単だけど、動かなくて困るパターンに遭遇。
色々試した結果、bodyタグで画像をpreloadさせている場合は上手くいかないようだ。
解決。

CSS半透明フィルター

ne4 Post in web

IE以外は、
opacity: 0.9;
の記述で、半透明90%になったりするが、
IE9以前の場合、独自フィルターが必要。
filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);

shadowと併用した場合、
opacityは、下にshadowをつけても、透過しないが、
IEのフィルターは透過してしまう。

shadowのCSSは、以下の通り。
-webkit-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
-khtml-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 10px rgba(0,0,0,0.25);
box-shadow: 7px 7px 10px rgba(0,0,0,0.25);

※IEには、下記の方法でshadowを付けた。