收藏[Favorite]
CSS:alpha背景透明
No Comments »
在各浏览器下用css实现背景透明。 但有个bug就是div中的所有元素都透明。这个问题一直困扰着我，有幸找到一种解决办法，就是加上span元素，在span中定义 position:relative，我也不知道为何加绝对定位就能解决，有时候方法就这么神奇似的。遗憾的是这个方法也只针对IE，其他浏览器还没有找 到方法。
代码：
<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>续写alpha透明</title>
<style type=”text/css”>
<!–
.transparent{
width:450px;
height:50px;
color:red;
font:14px 700 “宋体”;
filter:alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;
background-color:#000;
}
.transparent span { position:relative}
–>
</style>
</head>
<body>
<div class=”transparent”><span>CSS实现背景透明效果</span></div>
</body>
</html>
图片说明：
解释:
filter:alpha(opacity=35); 支持 IE 浏览器
-moz-opacity:0.35; 支持 FireFox 浏览器
opacity:0.35; 支持 Opera，safari 等浏览器
重置默认样式 css reset 分享
No Comments »
最近看到一个词叫css reset。什么叫做css reset呢？我理解为重置css，也就是重置默认样式。我在HTML下的默认样式中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个人的用法和写法都不一样。找到一篇关于css reset的调查文章， 可以看看国外使用css reset的比例调查。
这里有一篇总结css reset比较全面的文章，列举了多种css reset的写法，可以看看。
译文地址查看
原文地址查看
接下来我也查看了国内的两个网站，用Firebug按F12看看他们的css reset怎么写的？
淘宝（www.taobao.com）：
html {
overflow-x:auto;
overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
padding:0 10px;
text-align:left;
}
select {
font-size:12px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:0;
padding:0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px [...]
对付CSS兼容问题的十个超级技巧
No Comments »
一、针对firefox ie6 ie7的css样式
现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：
Example Source Code
#abc { color: #333; } /* Moz */
* html #abc { color: #666; } /* IE6 */
*+html #abc { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。
二、CSS布局中的居中问题
主要的样式定义如下：
Example Source Code
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明：首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。
但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
三、盒模型
Example Source Code
#box{
;
//for ie6.0- w\idth:500px;
//for ff+ie6.0
}
#box{
>//for ff
;
//for [...]
PHP调查系统—LimeSurvey
No Comments »
LimeSurvey是一款开源的PHP调查系统，用官方的话来说，“LimeSurvey有许多种特性，它具有创造一个优雅的在线调查所需的一切元素。”
LimeSurvey具有以下特性：
支持20多种问题类型
强大的用户管理功能
问卷安全设置
允许创建调查分支，即根据之前选项的不同，之后的题目也不同
允许将问题分组、分页显示
允许自定义结果分析方式（例如设置不同问题的权重）
允许在调查中集成图片和视频
自动创建调查表的可打印版本
可以将调查导出为多种格式（text, CSV, PDF, SPSS, queXML, MS Excel）
可以通过email发送邀请和提醒
允许自定义模板
多语言支持，包括简体中文
与其他PHP调查系统相比，LimeSurvey功能十分强大，但同时也造成了一个缺点——上手难。不过一旦适应以后，相信你就可以随心所欲的按照自己的想法创建一个PHP调查问卷了。
想了解更多信息，你可以去LimeSurvey的官方网站：http://www.limesurvey.org/
北京2008奥运门票
No Comments »
今天北京朋友发了一张北京2008奥运门票图片给我看,设计很精致,非常漂亮…
17个 Flash Gallery
No Comments »
1. Flash Gallery Demo.
2. Flash XML Gallery Demo
3. dfGallery
4. Flash Page Flip Photo Gallery Demo
5. Flash Photo Stack Gallery
6. Polaroid Gallery
7. Photo Viewer Demo
8. Flash Carousel Slideshow Demo
9. Art Flash Gallery
10. SimpleViewer Demo
11. TiltViewer Demo
12. AutoViewer Demo
13. PostcardViewer Demo
14. Flash Image Gallery Demo
15. FlashGalleryGenerator Demo
16. Agile Gallery Demo
17. Gallery Flash [...]
5 个充满想象力的 Web 调色板
No Comments »
Web 设计离不开调色板，现成的调色板多不胜数，不管是 Windows 标准色板，还是 Web 标准色板，还是 Pantone 色板，它们虽然准确，完整，但缺乏想象力，下面要介绍的 5 个调色板（或者说调色板生成工具）可以激发你的设计想象力。
Kuler
Kuler 是 Adobe 实验室出品的调色板生成工具，完全基于 Flash。你可以创建自己的配色方案，也可以浏览，搜索别人的方案，这些配色方案可以下载为 Adobe ASE 格式并被 Adobe Creative Suite 中的程序调用。
Color Hunter
Color Hunter 是一款基于 flickr 图库的调色板工具，它最有趣的地方是，可以根据 flickr 中的图片，自动生成该图片的色板，你可以通过 Tag 搜索图片，也可以上载本机中的图片。
Color Palette Generator
和 Color Hunter 一样，Color Palette Generator 也是根据图片生成调色板，但比 Color Hunter 简单，但简单的东西可能更好用，你只需要提供任何一幅图片的 URL 地址，该工具会立刻为你生成一个色板。
ColorJack
ColorJack 会显示一个色表，将鼠标指针放在某个颜色上，会显示基于该颜色的配色主题，你可以将生成的配色方案输出到 Illustrator, Photoshop, 或 ColorJack Studio。ColorJack 的其它工具包括 Color Sphere 和 Color Galaxy，这两种工具使用不同的用户界面生成配色方案。
Daily [...]
Open Source Living: 专门收集开源应用程序和软件的网站
No Comments »
Open Source Living是 一个专门收集开源应用程序和软件的网站。其收集的各类开源信息非常详细，包括开源的CMS内容管理系统、开源的博客平台、开源的图形图象软件、开源的文档 处理与管理软件、开源的音频应用程序等等。总之，只要是开源的，Open Source Living都收集，而且收集的都是一些比较优秀的开源软件。Visit
网上在线观看北京奥运会直播的几种方法
No Comments »
离北京2008奥运会还有10天就要开幕了，既然门票难买，京城难进，我们也只好躲在家里看直播了，权当是在为奥运河蟹进行做贡献，毕竟奥运市也不一定欢迎我们。
我想很多朋友都懒得去看电视，太没有效率，一边上网一边看奥运对我朝网民来说才是正道，所以我到处搜索了一下，总结了一些比较靠谱的在线观看奥运直播的方案，有兴趣的朋友可以选个自己瞧着顺眼的。
1.CCTV网络电视奥运台
既然是国家性的盛会，CCTV自然当仁不让成为最最官方的媒体，所以这里看奥运直播还是灰常靠谱滴。界面用的是Flash，特效花里胡哨的，很能唬 人，不过感觉上浏览器的负载太大，运行起来有些迟滞的感觉。这里的频道比较丰富，专题节目也较多，还算不错。只需安装一个播放插件即可观看。
如果你不喜欢这个奥运台，也可以直接看传统的CCTV直播。
CCTV的奥运台特效做的很漂亮，很有直播间的感觉
2.PPS奥运视频直播网站
PPS是我原来唯一常用的网络电视软件，这次和CCTV合作推出奥运全程直播，界面比较干净，一共同步播出CCTV-1，2，5，7四个频道，有详 细的节目单，可以直接选择节目单进入直播间观看。我原来使用的时候对PPS的速度还是很满意的，不知道现在怎么样。尽管号称是网页中直接播放，但是还是要 安装PPS网络视频软件。
PPS的奥运直播站做的比较完善
3.悠视网奥运直播站
悠视网也是CCTV的奥运合作伙伴之一，旗下的奥运站做的也非常简洁，包括直播间和点播间，直播台包括上述央视的4个频道。在线观看需要安装悠视网的视频软件。
悠视网在线观看也需要下载视频软件
4.下载网络电视软件
如果不喜欢在浏览器中在线观看，也可以下载网络电视客户端，和央视合作的网络电视有PPLive，PPStream和悠视网，任意选择一个下载客户端即可。PPlive还专门推出了一个奥运版的客户端，添加了一些奥运相关内容，包括新闻专题，赛事日程等等。
Visit
收集最多的Photoshop资源
No Comments »
很强的一组收集,因为很多都是学习Photoshop和进化Photoshop的必备教程,可能有些朋友学着有些吃力,因为毕竟很多都是英文的教程.但是我还是相信我们能够很好的学习这些,因为可以利用一些翻译软件来翻译一些看不懂的语句,这样,我相信学习完这些教程之后,你对Photoshop的认识会更加的深刻了.
70 Beauty-Retouching Photoshop Tutorials
15 Amazing Photoshop Text Effects
41 Nicest Photo Effects
45 Photo Editing Tutorials for Photoshop
11 Super Awesome Photoshop Movie Effects
70 Horror, Blood and Gore Photoshop Effects and Brushes
18 of the best photoshop videos online
53 Killer Photoshop Illustrator Effects and Tutorials
45 Photoshop Tutorials for Better Navigation
20 Excellent Photoshop Tutorials for Web Designers
27 Best Photoshop [...]
