简单生活

Simple life , it's as easy as 1,2,3...

为了哀悼日,网页颜色黑白CSS代码

昨天又是哀悼日,全国停止一些娱乐活动,哀悼在舟曲泥石流中死去的生命。

如果没有记错,这已经是继2008年“5·12”地震以来的第三次哀悼日了,默默的感觉到以后的哀悼日可能会越来越多,所以找来这些代码,以备不时之需。

以下是CSS滤镜代码,两种都行,如果你还不知道添加在哪里,就请跳过这篇文章好了。

CSS代码复制内容到剪贴板
  1. html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}   
CSS代码复制内容到剪贴板
  1. *{filter:graycolor:gray;}  

阅读全文...

[转]设计和布局之间的思考

矛盾出来了,像我们这些小作坊,基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了,我们都有这个能力进行调整。但像大公 司,分工严格的情况下,如果设计师不懂css不会布局。或者理解有误,那么设计稿就会让布局人员耗费大量的时间和精力。因为浏览器太多!

经常看到有网友抱怨设计师给的稿子无法还原。因为他们对浏览器和屏幕的理解不一样。也有的是因为效果太绚,颜色太多。更有甚者是使用flash制作嫌浪费,而html又鸡肋…..好吧,我们抛开这最后一种情况,只谈对屏幕和效果以及设计布局的理解。

阅读全文...

简单认识一下XSLT

RSS订阅是我们常用到的工具,查看RSS的源码会发现RSS其实是一种XML文档,利用IE直接打开没有转换修饰过的RSS会看打树形结构的 XML文档。这种树形结构对于阅读来说,未必就是最合适的,这时候我们就可以利用XSLT把XML转化成为更适合阅读的HTML。Feedsky等烧录过 的RSS可以更换不同的模板,便是利用XSLT实现的。

XSLT是扩展样式表转换语言(Extensible Stylesheet Language Transformations)的简称,这是一种对XML文档进行转化的语言,XSLT中的T代表英语中的“转换”(transformation)。 它是XSL(Extensible stylesheet language)规范的一部分,XSL规范的另外一部分是XSL-FO(FO代表格式化对象Formatting Objects)。

XSLT是把XML文档转化为另一文档的转换语言,即将源文档的所有数据或者部分数据,利用XPath进行选择,生成另外的XML文档或者其他可直接显示或打印的文件格式(例如 HTML文件、RTF文件或者TeX文件)。如果说CSS是用来修饰HTML的,那么XSLT便是用来修饰XML的。

阅读全文...

LoginStyle 1.0 自定义登陆界面

插件名:LoginStyle

简介:使用css的方式。插件内置了5种风格,可以一键替换。

虽然登录界面只是给自己看的,但也可以将其弄得更漂亮点,登录后没准能有个好心情,写篇好文章。

下面是两张截图:

阅读全文...

CSS样式命名规则(仅供参考)

1.样式命名
外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footer
整个页面: content
页 眉:  header
页 脚:  footer
标 记:  label
标 题:  title
主导航:  mainbav(globalnav)

……

2.另外在编辑样式表时可用的注释可这样写:
<----------------------------- Footer --------------------------->
内容区
<----------------------------- End Footer -------------------->

3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
样式 style.css

阅读全文...

引用块(Blockquote)CSS效果

blockquote标签表示引用块,这个大家都知道。Z-Blog后台使用的 fckeditor2.5 就这个标签的按钮,个人认为这是个鸡肋按钮。但是只要定义两个简单的CSS,就可以大展拳脚了。还是看效果先:

Blockquote在blog和论坛中使用的比较多,很多网站都可以看到。使用 <blockquote>标签可以在屏幕上用分离的块显示大段的引用。与行内引用不同,块引用可以包含块级元素,诸如<p>、<table>等。多数浏览器通常改变引用部分的页边界,以和周围的文本区分开。可选的cite属性提供了引用来源的URL,这一属性尽管未广泛被各种浏览器支持,但能使用户方便的验证引用的正确性。Blockquote标签是成对出现的,以<blockquote>开始,以</blockquote>结束,常用属性如下:
Common - 一般属性
cite - 被引用内容的URL

阅读全文...

根据时间段自动切换你的站点CSS风格

网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。今天发现一个有意思的站点http://www.leemunroe.com/

同样是切换风格。不过他做了一点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。

早上
中午

阅读全文...

网站开发实用书签库

几乎涵盖了所有web开发所需要的技术资料,可以在这里察看详细链接 http://antriksh.com/resources/

W3C

* What is the W3C?
* Validation MarkUp | CSS
* Link Checker | Tidy
* XML | XSL | XPath | XLink
* XML Schema
* XHTML 1.1 | XHTML 1.0 | HTML 4.01
* CSS2 | CSS1
* Web Accessibility Initiative (WAI)
* Synchronized Multimedia

阅读全文...

CSS实现半透明效果

设计网页或者制作blog模板的时候,往往会用到让某部分实现透明或者半透明的效果,这时候我们该怎么办呢?

阅读全文...

分页:«1»
Powered By Z-Blog 1.8 Walle Build 91204
Copyright © 2007-2011 Wilf.cn. Some Rights Reserved