【HTML】分类文章列表

网站变灰,方便站点变灰哀悼,特供css滤镜变灰代码,以表哀悼阅读全文»

今天很多网站都变灰了,然后找了个网站变灰的代码参考一下做法,变灰的以示
哀悼
很多站长想将网站变灰,方便站点哀悼,特供css滤镜代码,以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。
有一些站长的网站可能使用这个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 这个文件
如果网站没有使用CSS,可以在网页/模板的HTML代码和 之间插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
建议全国站长动起来,为在地震中遇难的同胞哀悼。

日期:2010年04月21日 | 分类:HTML

使用CSS:max-width 定义元素的最大宽度阅读全文»

使用max-width 写义最大宽度
使用max-width 写义最大宽度
定义和用法
min-width 属性设置元素的最小宽度。
说明
该属性值会对元素的宽度设置一个最小限制。因此,元素可以比指定值宽,但不能比其窄。不允许指定负值。
默认值: none
继承性: no
版本: CSS2
JavaScript 语法: object.style.minWidth=”50px”
定义和用法
max-width 定义元素的最大宽度。
说明
该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。
默认值: none
继承性: no
版本: CSS2
JavaScript 语法: object.style.maxWidth="50px"
实例
设置段落的最大宽度:
 
 
 
p
  {
  max-width:100px;
  }
TIY
浏览器支持
所有主流浏览器都支持 max-width 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。
可能的值
值 描述
none 默认。定义对元素的最大宽度没有限制。
length 定义元素的最大宽度值。
% 定义基于包含它的块级对象的百分比最大宽度。
inherit 规定应该从父元素继承 max-width 属性的值。
min-height/min-width
max-height/max-width
之前找过这方面的相关资料,网上一般都采用表达式的写法去处理最大最小的限制!但是在使用表达式后,效率会打一定的折扣。后来找到了IE支持最小限制的写法:
IE:_height/_width 等价于 min-height/min-width
而最大限制在自己尝试后发现
IE:-height/-width 等价于 max-height/max-width
当然,也许还有其他的写法,发现时我会补上。

日期:2010年04月08日 | 分类:HTML

PHP实现一个表单多个按钮提交任务的代码阅读全文»

PHP实现一个表单多个按钮提交任务的代码
为什么使用多个提交任务?
在我回答这个问题之前,先让我回答一个很显然的问题:既然许多窗体更适合单一的提交按钮,为什么有时人们需要的是两个(或者是更多)的提交按钮?
对这一问题最好的解释方法是用我最近开发项目中的一个实例来说明。在这一项目中,我的任务是给一个图书馆建立一个详细目录查询系统。书籍题目被储存在数据库中,而管理员将可以使用一个基于浏览器功能的界面来查看其中任何一本书的记录,然后对这一记录上选择执行四种操作之一:成员还书登记,成员借书登记,书本丢失记录以及书本销售记录。
以上所有任务都要通过一个独立窗体来处理,这样就需要相应的按钮来响应这些任务。传入到窗体的数据将以不同的方式处理,这取决于被点击的按钮(借书/还书和成员记录相互关联;丢失/销售记录改变详细目录表)。由于一个窗体只能处理一个唯一的任务,但是相同的PHP脚本可以根据被点击的按钮和执行合适的代码段来处理以上四种任务。因此就需要处理多个提交任务按钮的单一窗体,以及实现不同按钮的自动响应的窗体处理代码段。
我首先列举一个简单例子:一个提交按扭的窗体。这样能够让你清楚地理解基本概念,并且为将要讲述的复杂范例打下铺垫。这里是一个窗体:
以下为引用的内容:
Single-button form
 
<form action="processor.php" accept-charset="UNKNOWN" enctype="application/x-www-form-urlencoded" method="post">Enter a number: <input name="number" size="3" type="text" />
 
<input name="submit" type="submit" value="提交查询内容" /> </form> 
 
以下的是调用提交任务的processor.php脚本:
以下为引用的内容:
<!–p  // check for submission  // retrieve value from posted data  if ($_POST['submit'])  {  echo "You entered the number " . $_POST['number']; } –>
当一个窗体被提交给PHP脚本时,根据使用的提交方法(本文我假设为POST),PHP自动建立一个特定的$_POST或者$_GET数组。键入到窗体输入域内的数值会自动转化成数组中的关键数据,并可以使用常规数据符号来访问这些数据。
特别值得注意的是,如何在以上脚本中处理提交任务的按扭。当窗体被提交时,提交按钮根据自己实际的“name”转变成$_POST中的一个元素。添加以下一行代码就很清楚了:
print_r($_POST);
为了了解以上PHP脚本,你可以查看数组的内部结构,并可以清楚地看到不同窗体控件之间的相互联系。

日期:2010年03月21日 | 分类:HTML, PHP

CSS的overflow属性 DVI+CSS滚动条制作阅读全文»

CSS的overflow属性 DVI+CSS滚动条制作 
所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。看看效果如何吧,代码在下一楼提供。
  参考核心代码:
<div style="padding-right: 10px; overflow-y: auto; padding-left: 10px; scrollbar-face-color: #ffffff; font-size: 11pt; padding-bottom: 0px; scrollbar-highlight-color: #ffffff; overflow: auto; width: 510px; scrollbar-shadow-color: #919192; color: blue; scrollbar-3dlight-color: #ffffff; line-height: 100%; scrollbar-arrow-color: #919192; padding-top: 0px; scrollbar-track-color: #ffffff; font-family: 宋体; scrollbar-darkshadow-color: #ffffff; letter-spacing: 1pt; height: 200px; text-align: left;">
 
  滚动条相关颜色属性:
 
  face-color:滑块颜色
 
  hightlight-color:高亮颜色
 
  3dlight-color:三维光线颜色
 
  darkshadow-color:暗影颜色
 
  shadow-color:阴影颜色
 
  arrow-color:箭头颜色
 
  tack-color:滑道颜色  
 
  滚动条属性:
 
  overflow:auto为自动,yes为有,no为无
 
  overflow-x:横向滚动条
 
  overflow-y:纵向滚动条</div>

日期:2009年11月12日 | 分类:HTML

link 标签所有属性说明列表 当在文档中声明使用外接资源(比如CSS)时使用此标签阅读全文»

link 标签 — 当在文档中声明使用外接资源(比如CSS)时使用此标签
link标签是单独出现的
属性
href — 指定需要加载的资源(CSS文件)的地址URI
media — 媒体类型,参见CSS教程
rel — 指定链接类型
rev — 指定链接类型
type — 包含内容的类型,一般使用type=”text/css”
rel 属性 — rel属性,描述了当前页面与href所指定文档的关系.
rel属性通常出现在a,link标签中
属性值
alternate — 定义交替出现的链接
appendix — 定义文档的附加信息
bookmark — 书签
chapter — 当前文档的章节
contents
copyright — 当前文档的版权
glossary — 词汇
help — 链接帮助信息
index — 当前文档的索引
next — 记录文档的下一页.(浏览器可以提前加载此页)
nofollow — 不被用于计算PageRank
prev — 记录文档的上一页.(定义浏览器的后退键)
section — 作为文档的一部分
start — 通知搜索引擎,文档的开始
stylesheet — 定义一个外部加载的样式表
subsection — 作为文档的一小部分
rel是relationship的英文缩写.

日期:2009年10月27日 | 分类:HTML

中文DHTML参考手册资源 什么是DHTML?阅读全文»

http://hbcms.com/main/dhtml/index.html  已修改版本
中文DHTML参考手册资源
什么是DHTML? DHTML是近年来网络发展进程中最振奋人心也最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念(当然,不同的浏览器,实现的程度也不同),这些技术包括Javascript, VBScript, Document Object Model(文件目标模块)简称DOM,Layers和Cascading Style Sheets(CSS)等。 那么,什么是DHTML?简而言之,DHTML就是一种即使在网页下载进浏览器以后仍然能够随时变换更新网页内容排版样式以及动画等等。
 
确切地说,DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DHTML只是一种将目前已有的网页技术、语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。
 
DHTML大致包含以下网页技术、标准或规范: HTML 4.0 没什么好说的,网页的基础语言标准。
 
DHTML 就是动态的html,Dynamic HTML 传统的html页面是静态的,Dhtml就是在html页面上加入了javascript脚本,使其能根据用户的动作作出一定的响应,如鼠标移动到图片上,图片改变颜色,移动到导航栏,弹出一个动态菜单,等等效果

日期:2009年10月27日 | 分类:HTML