2006/08/08

気がついたら……MT

気がついたらいじってました。(ノA`) っていうかやば原稿。
Collectプラグインの続き。

まずは、我流でCSSとなんやかんやで挑戦。

出来ず!

背景画像が表示されないー。いろいろやっているうちに、z-indexのプロパティが必要なのかぁー。とか、結局ほとんど真似させていただくかたちになってしまった。orz

widthの割合を変更した関係でIEでずれる問題を修正。デザインも少々むりやりかえた感じ。
1から作り直したいけどそれにはかなりの時間と労力が……。

結局どうなったのかというと、

<div class="collect-banner" style="
      z-index:1;
      background-position: 50% 40% ;
      background-image: url(<$MTCollectedAttr attr="src"$>) ;">
   <a href="<$MTEntryLink$>">
     <img src="<$MTBlogURL$>style/img/invisible-banner.gif" width="178" height="50" />
   </a>
</div>

こんな感じです。

※invisible-banner.gif:透明のダミー画像ファイル。

表示位置のパーセンテージは適当です。真ん中だとなんなのかさっぱりわからないものが多かったので、なんとなく気まぐれに中央ちょい上あたりにしてみました。
IEだと、border: none; を書いても、ピクセルは追加された状態でborderがきえるのね……。

コメントを投稿

Trackbacks

このエントリーのトラックバックURL: