大家在使用模板中有什么问题可以发到这里,比如:

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



谢谢 :-D

FiO @ 2006-08-30 18:40 | 评论 (9) | 模板 | 无标签 | 加入收藏
啥叫作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 | 加入收藏
如题。

FiO @ 2006-09-09 13:16 | 评论 (1) | 日志 | 标签: css | 加入收藏
今天在做网站的时候需要实现一个随网页滚动的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 网络 | 加入收藏
原来的My Donews Blog没有停下:http://my.donews.com/siwei

这个新的blog http://blog.i1421.cn 也是用的wordpress,其他的还是用不惯,还是WP爽^_^。不过新的blog基本上都是“杂念”了,没有什么IT、游戏之类的。不受到控制的感觉果然很爽。

FiO @ 2006-09-08 16:51 | 评论 (0) | 模板 | 标签: blog | 加入收藏
from http://www.zachgraeve.com/

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

overflow : auto;


ok,搞定,收工。

FiO @ 2006-09-07 07:59 | 评论 (0) | 模板 | 标签: 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 | 加入收藏
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) | 模板 | 无标签 | 加入收藏
<style type="text/css">
.reverse {unicode-bidi:bidi-override; direction: rtl; color:#f00;}
</style>

FiO @ 2006-09-03 11:24 | 评论 (1) | 模板 | 标签: CSS | 加入收藏
方法来自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 »