blogger:把超酷的ajax标签做的更好看（CSS修正，图片供应）

今天继续对昨天发布的超酷的ajax标签升级版进行修正。

主要把CSS改好了，原来的CSS在IE6下似乎会出错。当然不出错也不好看....

简单的改了一下，IE6下跟火狐和IE7的样子差不多了，就是不能拖动。没办法，IE6不支持position:fixed语法。然后做了几个很好看的loading图标，大家可以替换原文第三步的代码里的图片。要写文字可以在图片后面加个<br/>让文字对齐居中。

修正后的CSS代码：

#indicator {position:fixed;z-index:1000;padding:15px 0;top:40%;background-color:white;border:1px solid #AAAAAA;width:180px;left:42%;text-align:center;}
* html #indicator{ /*IE6 only*/
position:absolute;
}
#search-result {border:1px solid #AAAAAA;padding:10px;padding-bottom:30px;font-size:85%;}
.search-result-meta {background:#EFEFEF;padding:2px;}
.search-result-meta img {border-width:0;vertical-align:text-bottom;}
.search-title {font-size:128%;padding-bottom:3px;font-weight:bold;text-align:left;text-decoration:underline;}
.search-cat {display:block;padding:3px;font-size:1em;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #C0C0C0;font-weight:bold;}
.search-close {color:silver;float:right;font-weight:bold;border:1px solid #F5F5F5;margin-top:10px;cursor:pointer;}
.search-result-nav {font-size:1.2em;font-weight:bold;padding:5px 0pt;text-align:center;}

更多读取中图片：