全国哀悼日,博客换成素装

19 5 月, 2008 by SunQ Leave a reply »

    费了好大的功夫才把博客换成黑白色的,感觉在widget管理方面,2.5远没有2.3方便,在2.3中左右侧边栏的内容可以通过拖拽实现,但是在2.5中,特别是文本的widget只能先移除,然后再在另一边添加,而移除之后在widget库中就已经不复存在了,况且在移除之前文本的widget内容还没有办法复制!简直就是崩溃!

    不过,遇到这些麻烦还是因为自己绕了弯路,开始的时候想是找一个素色的主题,但是却发现比较好的以两栏的为主,于是就换上一个两栏的主题,然后忍痛删掉了自己的很多文本的widget,包括所有的广告,最终只保留了一个统计的。

    后来忽然想起来好像有什么代码可以实现将网站整站变成黑白色,于是上网仔细的搜索了一下,果然有。于是开始痛恨自己最初的不明智。不过也好,去掉了那么多的广告,哀悼日这几天也清静一下吧。

    Admin5上找到的代码:

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

如果网站没有使用CSS,可以在网页/模板的HTML代码和 之间插入:

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

 

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的和之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

 最简单的把页面变成灰色的代码是在head 之间加

<style type="text/css">

html {
    FILTER: gray
}
</style>

 

一般的discuz论坛在 你的控制css 文件下修改 /images/header/header.css 这个文件,点源码即可看到

Advertisement
~~~广告位招商中~~~

18 comments

  1. SHI说道:

    一般的discuz论坛在 你的控制css 文件下修改 /images/header/header.css 这个文件,点源码即可看到
    现在的DISCUZ没有这个文件的。

    DISCUZ只要找到模板文件所在,在header.htm中添加即可。

  2. SHI说道:

    这个滤镜,在Firefox下无效果。为此,我今天破例使用了一天的IE,未来的2天,我也会使用IE。

  3. 猪呆呆说道:

    有没有HTML的代码?

  4. 猪呆呆说道:

    百度空间好像变不了…

  5. codion说道:

    我用的最后一个!

  6. 午后绿茶说道:

    好些个论坛,网站都是灰白的了,说实话,我看得眼睛都有点受不了了,呵呵

  7. schuen说道:

    我的blog本来就是黑色调的..

  8. Azrael说道:

    唉……还好我的blog首页和博客都是灰色调的
    可以了……

  9. chunfa说道:

    你要是经常看看我的博客不就好了? ^_^
    加个链接吧?

  10. 优酷吧说道:

    最近没有时间 都没有打理BLOG 现在去找找SKIN

    • SunQ说道:

      最近工作也很忙,基本上如果弄一些博客上的内容都是牺牲吃饭的时间搞的

  11. 很实用网站说道:

    这使用的是微软的滤镜,FF现在还不兼容,所以看不到灰色基调的效果的。

  12. 石老人说道:

    图片也能换吗?

  13. SunQ说道:

    @石老人 这次我没有换,我也不清楚,你可以试试的……