模板问题报告
大家在使用模板中有什么问题可以发到这里，比如：

非1024分辨率下面的栏目错位
颜色配色错误

等

谢谢 :-D
FiO @ 2006-08-30 18:40 | 评论 (9) | 模板 | 无标签 | 加入收藏
给你的TeamBlog添加Favicon
啥叫作Favicon呢？大家上网的时候会发现有的网址前面的图标不是ie中的大E或者FF中的白页，这个个性化图标就是favicon。把拥有favicon的网站加入收藏夹之后，其前面的图标也是个性化的。


这是我现在Teamblog的favicon效果。

做法很简单（其实和网站添加图标一样）：
1. 到 http://www.html-kit.com/favicon/ 这里上传一个正方形的图（尺寸随便）然后提交，网站会给你生成一套favicon，下载，备用。
2. 在TeamBlog的侧边栏自定义项目中添加这么一行：
<link rel="shortcut icon" href="favicon所在的地址">
你需要把自己的icon传到某个地方，然后把href的属性换成icon所在的地址。
3. 完成。

不过用link的方法是通不过W3C的，我在 http://my.donews.com/firewood/ 发现了用JS添加的方法：

<script type="text/javascript">
var link=document.createElement("link");
link.setAttribute("rel","shortcut icon");
link.setAttribute("href","url");
document.getElementsByTagName("head")[0].appendChild(link);
</script>


搞定，收工。

Update：代码有点问题，大于号和小于号自动被编码了，如果要使用JS方法，需要把所有&amp;lt;、&amp;gt;和&amp;quot;都替换成半角的小于号、大于号和引号。
FiO @ 2006-09-10 12:37 | 评论 (2) | 日志 | 标签: 网站 favicon | 加入收藏
他娘的IE！
如题。
FiO @ 2006-09-09 13:16 | 评论 (1) | 日志 | 标签: css | 加入收藏
让IE也能用position:fixed
今天在做网站的时候需要实现一个随网页滚动的div的效果。搜了搜，多数是js效果，这不是浪费资源么。还有一个用top:expression()实现的，可惜在多个层时候就没效了，烂！

于是去美味书签找了找，还真看到了。

引自：http://www.jluvip.com/blog/article.asp?id=109

因为非IE的主流浏览器都支持position:fixed;所以只需要给IE设置一下fixed效果。

第一步让IE下#menu具有绝对定位
* html #menu {position:absolute;}/*only for ie*/结果看到有两个纵轴滚动条，外围是html的，内侧是body的。

第二步去掉外侧滚动条，因为外侧没有滚动效果
html {overflow-x:auto; overflow-y:hidden;}


还发现个更好的，把各种固定的header、footer之类都写好了代码的：
http://limpid.nl/lab/css/fixed/

css真是万能阿！IE7和FF2都完全支持CSS3吧！！
FiO @ 2006-09-08 22:17 | 评论 (0) | 模板 | 标签: css 网络 | 加入收藏
个人Blog开张
原来的My Donews Blog没有停下：http://my.donews.com/siwei

这个新的blog http://blog.i1421.cn 也是用的wordpress，其他的还是用不惯，还是WP爽^_^。不过新的blog基本上都是“杂念”了，没有什么ＩＴ、游戏之类的。不受到控制的感觉果然很爽。
FiO @ 2006-09-08 16:51 | 评论 (0) | 模板 | 标签: blog | 加入收藏
超简单制作带有滚动条的DIV的方法
from http://www.zachgraeve.com/

有时候做某个DIV时候会发现里面的文字太多了，而你又不想扩大DIV的面积，但是怎么能给这个DIV加上个滚动条呢？ 一句话：

overflow : auto;


ok，搞定，收工。
FiO @ 2006-09-07 07:59 | 评论 (0) | 模板 | 标签: css | 加入收藏
使用CSS进行图片反盗链
img {
filter:expression(
this.不能去掉 ? "" :
(
(!this.complete) ? "" :
this.runtimeStyle.filter = ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')") +
String(this.不能去掉 = true).substr(0, 0) +
(this.src = "http://www.webjx.com/images/logo.gif").substr(0, 0)
)
);
}
FiO @ 2006-09-05 17:04 | 评论 (0) | 模板 | 标签: css | 加入收藏
利用CSS个性化你的Blog
1.本文仅针对CSS不熟悉或者刚刚入门的同学，高手请无视……
2.我本人也是CSS菜鸟，所以如果发现错误请毫不留情的指出 :D
3.本代码仅适合Q3acn TeamBlog

------------------------------------

<style>
#header {height:200px;background:url(http://blog.q3acn.com/Images/galleries/fio/14/2006090118171919_big.jpg) left top no-repeat;}
#blogname { left:150px; }
#blogsubtitle { color:#333; top:30px; left: 300px;}
#menu {right:430px; top:180px;}
#menu a {color:#F8251C; text-decoration:none;}
a img {border:0px;}
</style>

------------------------------------
上面就是我现在使用的个性化CSS，可以直接添加到侧边栏的自定义项目中，实现的效果就是我Blog现在的样子。

最上面的图片位于Header层中，也就是#header里面background所指定的url括号中的地址，这个可以修改成任意图片，但是宽度最好是1005，高度要和header中height值一样。

下面几个带有#的容器都是设定菜单、blog名字、子标题的位置和颜色，修改其中的颜色值和数字即可个性化成自己的。

最后要说的是这个代码仅适合KESO模板，其他的模板用起来可能感觉很怪。不过方法都是一样，具体怎么改就看自己的发挥了。具体的容器名称可以打开页面引入的css文件查看。
FiO @ 2006-09-05 16:24 | 评论 (5) | 模板 | 无标签 | 加入收藏
使用CSS反转邮箱地址
<style type="text/css">
.reverse {unicode-bidi:bidi-override; direction: rtl; color:#f00;}
</style>
FiO @ 2006-09-03 11:24 | 评论 (1) | 模板 | 标签: CSS | 加入收藏
使用DIV和Span元素制作“链接层”的方法
方法来自ZachRaeve的Blog。

在应用层的时候可以直接加入DHTML的onclick事件：
<div id="header" onclick="location.href=http://www.example.com;">
为了让用户能更清楚这是一个带有链接的层，可以使用自定义鼠标：
cursor: pointer;

这样就完成了一个“链接层”
FiO @ 2006-09-02 18:52 | 评论 (0) | 模板 | 标签: CSS | 加入收藏
« 1 2 »