2007年2月27日星期二

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;}


更多读取中图片:





7 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆