css滤镜实现图片水印效果

2009/07/07 17:14  |  分类:Css

<style type=text/css>
.transp-block{background:#000 url(../attachments/month_0812/dangbao.gif) no-repeat right bottom;margin:0px auto;width:502px;height:377px;overflow:hidden}
img.transparent{filter:alpha(opacity=75);moz-opacity:.75;opacity:.75}
</style>

<div-block>
<img src=”../attachments/month_0808/y2008819135918.jpg” width=”502″ height=”377″ />
</div>

吉他谱-难忘的一天

2009/07/05 14:53  |  分类:Life

歌曲名:难忘的一天
歌手/乐队:许巍
编配者(转载来源):王湘华
——————————————————————————-
(前奏)Am Am Dm Dm G7 G7 C C F F Dm Dm E E Am Am

Am          Dm
  阳光正温暖
  阳光真温暖
G7           Am
  一直照进我心里
  一直照进我心里

全文阅读 »

CSS代码的规范写法

2009/07/02 15:31  |  分类:Css

一、重置

首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset,或者你自己编写的重置代码,只要使用就对了。
它能很简单的移除所有元素的填充(padding)和边距(margin):

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Eric Meyer Reset和YUI Reset都是非常强大的,但是对于我而言,它们走的太远了。我觉得你最终需要重置一切,然后重新定义所有元素的属性。这就是为什么Eric Meyer推荐更有效的使用(重置样式表),而你不要只是使用他的重置样式表,将它拖放到你的项目中。调整它(的重置样式表),建立属于自己的重置样式 表。
噢,请停止使用:
全文阅读 »

CorelDRAW 快捷键大全

2009/06/30 16:47  |  分类:Photoshop

以前发过一个PHOTOSHOP快捷键大全,今天也在我爱设计看到了这个CorelDRAW 快捷键大全。觉得很有用,省时省力,事半功倍。

主界面

显示导航窗口(Navigator window) 【N】
运行 Visual Basic 应用程序的编辑器 【Alt】+【F11】
保存当前的图形 【Ctrl】+【S】
打开编辑文本对话框 【Ctrl】+【Shift】+【T】
擦除图形的一部分或将一个对象分为两个封闭路径 【X】
撤消上一次的操作 【Ctrl】+【Z】
撤消上一次的操作 【Alt】+【Backspase】
垂直定距对齐选择对象的中心 【Shift】+【A】
垂直分散对齐选择对象的中心 【Shift】+【C】
垂直对齐选择对象的中心 【C】
将文本更改为垂直排布(切换式) 【Ctrl】+【.】
打开一个已有绘图文档 【Ctrl】+【O】
打印当前的图形 【Ctrl】+【P】
打开“大小工具卷帘” 【Alt】+【F10】
运行缩放动作然后返回前一个工具 【F2】
运行缩放动作然后返回前一个工具 【Z】
导出文本或对象到另一种格式 【Ctrl】+【E】
导入文本或对象 【Ctrl】+【I】
发送选择的对象到后面 【Shift】+【B】

全文阅读 »

CSS在IE浏览器下条件注释详解

2009/06/29 14:44  |  分类:Css

前端的朋友肯定会对这个不是很陌生,因为工作中汇经常用到这个,当然,也是有利有弊,看个人平时的习惯写法了。

IE条件注释是在IE5.0/Win以后才被支持的,一般用于hack。既然是“IE”条件注释,所以只有IE才能识别才有效果。IE条件注释是用来判断IE浏览器版本的。其基本结构和HTML的注释()是一样的,因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们,而IE则会根据条件显示里面的代码内容。

IE条件注释的基本语法有:

<!--[if IE]>
这段文字只有IE浏览器才可以显示
<![endif]-->

全文阅读 »

弹出窗口框架lhgdialog

2009/06/26 23:00  |  分类:Javascript

一、组件简介
lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。
它的主要特点有:
代码简洁:整个组件所有代码总共18K,如果不算上图片和CSS样式表文件,总共大小才12K不到。(这是在代码未压缩情况下)
程序运行效率高:弹出窗口在打开和拖动时非常流畅,在同等测试条件下,CUP的占有率在30%左右,最高不超过40%。而其它弹出 窗口(比如:JQuery,ExtJs,Mootools,还有其它弹出窗口等)CUP的占有率都在50%左右,最高60%以上。
窗口样式更改简便:组件采用的是QQ2009窗口的界面,虽说不上很漂亮,但也不算难看(本个界面设计能力较差:-)…)如果你 想更改窗口样式也很容易,组件采用的是静态模板来设计的窗口的样式,你只要更改lhgdialog.html里body 之间的HTML代码,再相应改下lhgdialog.css样式表文件即可。而且组件样式不受调用页面限制,可随意更改 你想要的样式。

全文阅读 »

Firefox和IE的技巧集合 (下)

2009/06/25 15:36  |  分类:Css

21. 游标手指cursor

cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

22.UL的padding与margin

ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

23. FORM标签

这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}给定义死了,所以后面就不会为这个头疼了.

全文阅读 »

Firefox和IE的技巧集合 (中)

2009/06/24 13:01  |  分类:Css

11.如何对齐文本与文本输入框

加上 vertical-align:middle;
<style type=”text/css”>
<!–
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
–>
</style>

12.web标准中定义id与class有什么区别吗

一.web标准中是不容许重复ID的,比如 div id=”aa” 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二.属性的优先级问题
ID 的优先级要高于class,看上面的例子

三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.

全文阅读 »

Firefox和IE的技巧集合 (上)

2009/06/23 22:36  |  分类:Css

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如:
<#div id=”imfloat”>
相应的css为
#imfloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}

3.浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

全文阅读 »

那沉重的父爱

2009/06/20 23:37  |  分类:Life

父亲,一个伟大的名字。我不是崇尚西洋的这个节日,只是利用这个人人都喊着父亲节的日子里,以此为借口,来为您写下几行文字,爸,您辛苦了。

父亲是一把苍老的犁

岁月的犁痕里 闪现出

我的影子

平平仄仄的韵律 父亲

擎着大唐的汉赋 匆匆走在

生活的阡陌之上

全文阅读 »

Pages: Prev 1 2 3 4 5 6 7 8 ...30 31 32 Next