那些花儿 » 网页设计 http://0-o-0.cc Those Flowers - Just A Blog Sun, 05 Feb 2012 12:41:48 +0000 http://wordpress.org/?v=2.8.3 en hourly 1 网页适应不同分辨率最简单的方法 http://0-o-0.cc/index.php/2008/06/webpage/ http://0-o-0.cc/index.php/2008/06/webpage/#comments Fri, 13 Jun 2008 17:12:03 +0000 長生天 http://0-o-0.cc/?p=149 今天帮人做网页，做到最后找我哥验证Bug，发现在不同分辨率下表格和DIV层严重错乱，怎么设置层的边距都无法满足各种分辨率的需要，网上看了很多方法不是JS判断客户端就是定义一大堆CSS，最后终于找到个简单点的。请见文中红色部分。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页适应不同分辨率最简单的方法</title>
<style type="text/css">
<!--
body { margin:0; padding:0; } //这句不是必需，但是能解决某些浏览器上边距留白的问题~
#center {
width:778px;  //视网页宽度而定
margin:0 auto; //意思是网页上下边距为0，左右边距自适应
}
-->
</style>
</head>
<body>
<div id="center">
网页适应不同分辨率最简单的方法：
在网页所有内容外嵌套一个总的DIV层，如本例中的"center"，定义"center"的CSS如上所示即可~
</div>
</body>
</html>

]]> http://0-o-0.cc/index.php/2008/06/webpage/feed/ 7 Wordpress不解析HTML标签的方法 http://0-o-0.cc/index.php/2008/05/wordpress-html/ http://0-o-0.cc/index.php/2008/05/wordpress-html/#comments Mon, 19 May 2008 10:35:43 +0000 長生天 http://0-o-0.cc/?p=136 刚才写网页去色方法的时候可费劲了，Wordpress总是很自觉得解析<html>和<style>等个别HTML标签，听说在<xmp></xmp>标签中的标签可以不被解析，确实，连<br />什么的都还原出来了。。。

总之乱的一塌糊涂，但是，经过我不怕苦不怕累地虚心学习、潜心研究、耐心实践，终于发现了让Wordpress不解析<html>标签的方法，那就是：

嗯，用可视化编辑器编辑文章。（ = =#）

那啥。是不是很冷？我一直用HTML源代码模式编辑的，所以文章里的<html>经常被解析。但是，在某些情况下（比如贴Flash），我们只能使用源代码模式编辑，所以，重点是，如何让WP不解析源代码模式下的标签。终于，经过我更加不怕苦不怕累地虚心学习、潜心研究、耐心实践，我又发现了在HTML模式下不解析标签的方法，那就是：

用&lt;代替<，用&gt;代替> ，比如要输入<html>，在HTML源代码模式下就要输入&lt;html&gt;，这样文章发出来就是<html>了……

其实，这篇文章很没意义，当你需要贴Flash的时候用HMTL编辑器，要贴源代码的时候用可视化编辑器就可以了，很少有两者一起贴的……

]]> http://0-o-0.cc/index.php/2008/05/wordpress-html/feed/ 1 网页去色的方法 http://0-o-0.cc/index.php/2008/05/css-gray/ http://0-o-0.cc/index.php/2008/05/css-gray/#comments Mon, 19 May 2008 09:46:42 +0000 長生天 http://0-o-0.cc/?p=135 今天是国家哀悼日，很多门户网站博客社区都已经将网页改成灰色以志哀，甚是壮观。

下面是流传较广的通过CSS滤镜给网页去色的代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
将这段代码复制到CSS里就可以了
对没有使用CSS的网站，可以在<html>与</html>间加入
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
其实，用filter: gray;就可以实现，不过据说filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);运行起来更有效率，总之都会让网页变卡

如果上述代码在IE下没有效果，八成是网页协议的问题，请将<html>和<html>上面的内容替换为
<!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">
如果你的网页写得不标准，添加最新协议后出现排版错误，那你可以试试将
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
替换为
html,body,p,div,form { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果你的网页有调用，替换后调用框背景变白，那可以试试去掉html,body,p,div,form中的div,

如果还没有效果。。。请确认您使用的是IE内核浏览器，CSS滤镜只在IE内核下有效，早上我傻了吧唧的加上代码看着没效果就撤了，下午才反应过来我用的是Opera……

]]> http://0-o-0.cc/index.php/2008/05/css-gray/feed/ 2