FiO自留地 http://blog.q3acn.com/fio Just Another Place :) en Rss Generator By TeamBlog 模板问题报告 http://blog.q3acn.com/fio/post/4 http://blog.q3acn.com/fio/post/4#comments Wed, 30 Aug 2006 10:40:00 +0000 FiO模板
非1024分辨率下面的栏目错位
颜色配色错误

等

谢谢 :-D ]]> 给你的TeamBlog添加Favicon http://blog.q3acn.com/fio/post/164 http://blog.q3acn.com/fio/post/164#comments Sun, 10 Sep 2006 04:37:00 +0000 FiO日志 你需要把自己的icon传到某个地方，然后把href的属性换成icon所在的地址。 3. 完成。 不过用link的方法是通不过W3C的，我在 http://my.donews.com/firewood/ 发现了用JS添加的方法： 搞定，收工。 [color=red]Update[/color]：代码有点问题，大于号和小于号自动被编码了，如果要使用JS方法，需要把所有<、>和"都替换成半角的小于号、大于号和引号。 ]]>

这是我现在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;都替换成半角的小于号、大于号和引号。 ]]> 他娘的IE！ http://blog.q3acn.com/fio/post/161 http://blog.q3acn.com/fio/post/161#comments Sat, 09 Sep 2006 05:16:00 +0000 FiO日志 让IE也能用position:fixed http://blog.q3acn.com/fio/post/152 http://blog.q3acn.com/fio/post/152#comments Fri, 08 Sep 2006 14:17:00 +0000 FiO模板
于是去美味书签找了找，还真看到了。

引自：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吧！！ ]]> 个人Blog开张 http://blog.q3acn.com/fio/post/150 http://blog.q3acn.com/fio/post/150#comments Fri, 08 Sep 2006 08:51:00 +0000 FiO模板 http://my.donews.com/siwei

这个新的blog http://blog.i1421.cn 也是用的wordpress，其他的还是用不惯，还是WP爽^_^。不过新的blog基本上都是“杂念”了，没有什么ＩＴ、游戏之类的。不受到控制的感觉果然很爽。 ]]> 超简单制作带有滚动条的DIV的方法 http://blog.q3acn.com/fio/post/131 http://blog.q3acn.com/fio/post/131#comments Wed, 06 Sep 2006 23:59:00 +0000 FiO模板 http://www.zachgraeve.com/

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

overflow : auto;


ok，搞定，收工。 ]]> 使用CSS进行图片反盗链 http://blog.q3acn.com/fio/post/100 http://blog.q3acn.com/fio/post/100#comments Tue, 05 Sep 2006 09:04:00 +0000 FiO模板 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)
)
);
} ]]> 利用CSS个性化你的Blog http://blog.q3acn.com/fio/post/98 http://blog.q3acn.com/fio/post/98#comments Tue, 05 Sep 2006 08:24:00 +0000 FiO模板 #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;} ------------------------------------ 上面就是我现在使用的个性化CSS，可以直接添加到侧边栏的自定义项目中，实现的效果就是我Blog现在的样子。 最上面的图片位于Header层中，也就是#header里面background所指定的url括号中的地址，这个可以修改成任意图片，但是宽度最好是1005，高度要和header中height值一样。 下面几个带有#的容器都是设定菜单、blog名字、子标题的位置和颜色，修改其中的颜色值和数字即可个性化成自己的。 最后要说的是这个代码仅适合KESO模板，其他的模板用起来可能感觉很怪。不过方法都是一样，具体怎么改就看自己的发挥了。具体的容器名称可以打开页面引入的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文件查看。 ]]> 使用CSS反转邮箱地址 http://blog.q3acn.com/fio/post/74 http://blog.q3acn.com/fio/post/74#comments Sun, 03 Sep 2006 03:24:00 +0000 FiO模板 .reverse {unicode-bidi:bidi-override; direction: rtl; color:#f00;} ]]> .reverse {unicode-bidi:bidi-override; direction: rtl; color:#f00;}
</style> ]]> 使用DIV和Span元素制作“链接层”的方法 http://blog.q3acn.com/fio/post/68 http://blog.q3acn.com/fio/post/68#comments Sat, 02 Sep 2006 10:52:00 +0000 FiO模板 为了让用户能更清楚这是一个带有链接的层，可以使用自定义鼠标： cursor: pointer; 这样就完成了一个“链接层” ]]> ZachRaeve的Blog。

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

这样就完成了一个“链接层” ]]>