第一款自己做的PJ皮肤Green_Live

用了一段时间的PJblog,渐渐的我也有种要做张皮的冲动,于是摸索着学习DIV+CSS,寻找着夏天的感觉,最终做了这么一个半成品,可惜自己艺术细胞太少,设计得比较单调,让高手们看到肯定笑掉大牙了=。=原本是想继续完善它的,但最近要准备回家一趟,估计是没时间再做它了,等着回来以后重新做张吧!截张图,留作纪念


DIV+CSS网页中IE和火狐兼容问题的整理

DIV+CSS构建网站时常会出现浏览器不兼容的问题,下面整理了一些常见不兼容问题,及解决办法!1、用!important解决IE和Mozilla的布局差别!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义,例如,我们定义这样一个样式:.colortest{ border:20pxsolid#60A179!important; border:20pxsolid#00F; padding:30px; width:300px;}在Mozilla中浏览时候,能够理解!important的优先级,因此显示#60A179的颜色;在IE中浏览时候,不能够理解!important的优先级,因此显示#00F的颜色。2、解决超链接访问过后hover样式不显示的问题改变CSS属性的排列顺序: 先后顺序标准应为:a:link—a:visited—a:hover—a:active3、Li中内容超过长度后以省略号显示的方法<meta content=”text/html; charset=gb2312″ http-equiv=”Content-Type” /><style type=”text/css”><!–li {    width:200px;    white-space:nowrap;    text-overflow:ellipsis;    -o-text-overflow:ellipsis;    overflow: hidden;}–></style><ul>    <li><a href=”#”>web标准常见问题大全web标准常见问题大全</a></li>    <li><a href=”#”>web标准常见问题大全web标准常见问题大全</a></li></ul>4、margin和padding定义尺寸的缩写margin:3px——表示所有边都是3px;margin:3px  5px—— 表示top和bottom的值是3px ,right和left的值是5pxmargin:3px  5px 7px——表示top的值是3,right和left的值是5,bottom的值是7margin:3px  5px 7px 5px——四个值依次表示top,right,bottom,left;上右下左。5、解决IE不能正确显示透明PNG——header内加入代码 程序代码 <script language=”javascript”>function correctPNG(){for(var i=0; i<document.images.length; i++){  var img = document.images[i]  var … Continue reading →


抽出滤镜轻松实现透明婚纱抠像

婚纱抠像的难度就是如何保持婚纱的半透明效果,网友“死鬼”的博客上看到了婚纱抠像的教程,借来学习一下! 原图效果图 由于原图找的不是很适合,扣出来的效果也不明显,详细教程请查看:http://www.sigui.cn/article.asp?id=458总结要点:1、运用两次“抽出”滤镜,分别抠出白色婚纱和黑色头发2、使用蒙板,将背景部分擦除关于Extract(抽出)滤镜:抽出滤镜是使用一种复杂的方法将某一个图层中的物体与其背景分离开来,特别适合外形很纤细或者复杂的物体,以及无法定义明确颜色边界的物体相关教程:PHOTOSHOP简易抠图大法——硅谷动力Photoshop超级美女抽出滤镜抠图——硅谷动力轻松掌握Photoshop抽出滤镜抠图的方法——新浪 Photoshop抽出滤镜为MM染出缤纷秀发——天极


网页设计者的利器【Web Developer】

很早以前就装了这个扩展,今天仔细查看了之后才发觉,原来Web Developer的功能是无比的强大啊,对于网页设计者来说这可谓是一款不可多得的辅助工具。 Web Developer中包含了CSS、Forms、Images、Informations等十多个菜单选项,每个选项里都有它特殊的功能特征,举个简单的例子:Forms(表单)工具中有个Show Passwords选项,只要你当前网页中存在密码框,然后启用这个工具,密码框中的内容马上一览无余。这个效果是不是很酷啊?呵呵,再比如其中的Quirks mode工具可以让我们像使用傲游的ViewPages一样在火狐中显示网页信息。 当然对于网页设计者来说,它的功能还主要体现在CSS和Information等工具中,有个不错的设计网站已经详细介绍了Web Developer在网页设计中的使用方法,详情请查看:Web Developer教程专题 最后提供两个相关工具(火狐和Web Developer)下载 1、 2、 Web Developer扩展下载


超酷的IP包–Next Project

 下载地址1  下载地址2


帮你的网站制作个性Favicon

做网站的朋友都想做个有个性的Favicon,Favicon不仅是网站的一个标志,通过它我们还可以非常容易地从书签中辨认出你的网站。今天我也弄了个,虽然不咋滴,但毕竟也还是第一次,以后有想法了再重新设计。下面给想做Favicon的朋友提供一些资源,以方便你的设计。1、创作灵感首先你要有自己的设计,网上有很多“激发你的灵感:50个优秀的Favicons的文章,你可以去找找灵感。2、设计工具我们可以使用Photoshop、FireWorks、Illustrator等常规工具设计自己的Favicon,设计好了之后最后能先保存成PNG格式的文件。当然也有些插件能让你的制图工具支持ICO文件,如使用插件ICOFormat-1.6f9-win可以使Photoshop支持Ico,下载后把.8bi文件解压到Photoshop安装路径下的Plug-InsFile Formats目录中即可使用,相关介绍请点击3、转换工具如果不想直接做成.ico文件,我们可以将设计好的png文件转换成ico文件,转换的方法有很多,下面是我整理的几种方法。1>使用工具【AveIcon】这个工具使用起来很简单,具体的使用方法及下载地址可以查看soking的文章:“PNG 转 ICO的简单工具”【IconWorkshop】据说是功能很强大的工具,不过我没用过,绿色版下载地址http://www.greendown.cn/soft/3280.html 2>在线转换 与使用AveIcon相比,我觉得在线转换的效果要好些。下面有两个网站支持在线转换http://www.html-kit.com/favicon/http://209.59.146.86/favicon/index.php4、使用Favicon如果不想进行一些复杂的操作,你可以直接把制作好的Favicon.ico文件放入到网站根目录下使用,如果想实现更多其他效果,可以使用如下一些代码:改变Favicon.ico保存位置 程序代码 <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”><link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”> Firefox还支持动画效果的Favicon,使用方法如下: 程序代码 <link rel=”shortcut icon” href=”favicon.ico” ><link rel=”icon” href=”animated_favicon.gif” type=”image/gif” > 关于Favicon使用的问题可参考soking的文章:网站个性标志Favicon的使用


如何制作Vista资源美化包(四)

『四、制作卸载程序』卸载程序里面只用到了Replacer.cmd工具,一个保存配置信息的文本文件restore.txt,卸载程序包含内容:restore.txt文件内容 引用内容 ;; ReplacerScriptcscui.dll,RESTOREdevmgr.dll,RESTOREdsuiext.dll,RESTOREfontext.dll,RESTOREhnetwiz.dll,RESTOREhotplug.dll,RESTOREieframe.dll,RESTOREinput.dll,RESTOREMSCTF.dll,RESTOREmsgina.dll,RESTOREmstask.dll,RESTOREmydocs.dll,RESTOREnetid.dll,RESTOREnetshell.dll,RESTORErasdlg.dll,RESTOREremotepg.dll,RESTOREsetupapi.dll,RESTOREshell32.dll,RESTOREshimgvw.dll,RESTOREsrrstr.dll,RESTOREstobject.dll,RESTOREthemeui.dll,RESTOREuxtheme.dll,RESTOREwiashext.dll,RESTORExpsp2res.dll,RESTOREcalc.exe,RESTORElogonui.exe,RESTOREMobsync.exe,RESTOREmspaint.exe,RESTOREnotepad.exe,RESTOREsndvol32.exe,RESTOREexplorer.exe,RESTOREwinlogon.exe,RESTOREaccess.cpl,RESTOREappwiz.cpl,RESTOREdesk.cpl,RESTOREhdwwiz.cpl,RESTOREintl.cpl,RESTOREirprops.cpl,RESTOREjoy.cpl,RESTOREmain.cpl,RESTOREmmsys.cpl,RESTOREncpa.cpl,RESTOREnusrmgr.cpl,RESTOREpowercfg.cpl,RESTOREsysdm.cpl,RESTOREtelephon.cpl,RESTOREtimedate.cpl,RESTOREwscui.cpl,RESTOREwuaucpl.cpl,RESTORE 同样封装,注释内容为:Path=vista_tmpSavePathSetup=Replacer.cmd restore.txtSilent=2Overwrite=1其中Silent=2表示隐藏运行安装包的启动对话框,Overwrite=1表示覆盖所有文件通过以上内容我们就完成了整个Vista资源包的封装,进入安全模式,运行 “安装.exe” 后,就可以实现美化了。系统美化包请到深度论坛下载,地址: Vista资源美化替换包最终完全版 !!!


如何制作Vista资源美化包(三)

『三、封装』这里用WinRAR工具封装Ctrl+A选择所有你要封装的文件,右击添加到档案文件存档选项选择:创建自释放格式档案文件注释内容添加如下:Path=vista_tmpSavePathSetup=Replacer.cmd replace.txtSilent=1Overwrite=1确定后你就可以生产所需的资源包了。下面一步是制作该资源包的卸载工具文章参考:用WinRAR自释放模块制作安装包图解教程


如何制作Vista资源美化包(二)

『二、准备材料及工具』首先,制作资源美化包,需要有材料,我们可以从vista系统中提取相关文件,并将其放入到文件夹”自动安装包”内。下面是我们需要提取系统文件夹下的美化资源文件目录及其功能对照表 引用内容 access.cpl …… 辅助功能选项appwiz.cpl…… 添加/删除应用程序图标calc.exe ……计算器CSCUI.DLL…… 客户端缓存用户界面desk.cpl…… 显示属性devmgr.dll …..设备管理器 MMC 管理工具dsuiext.dll ….. 目录服务通用用户界面EXPLORER.AVI ……影片剪辑(AVI)(如何使用资源管理器)EXPLORER.EXE ……”资源管理器”应用程序 fontext.dll ….Windows 字体文件夹外壳扩展 (用于维护字体文件夹的特殊结构, 且用于显示字体图标:)hdwwiz.cpl ….添加硬件向导(控制面板小程序:)hnetwiz.dll ….网络安装向导 hotplug.dll ….用于安全移除硬件, 比如, U 盘 ieframe.dll……(IE的下载动画)、ieframe.dll.mui(下载框尺寸调整)input.dll ……(文本输入 … Continue reading →


如何制作Vista资源美化包(一)

『一、前言』Windows Vista资源美化替换包最终完全版 !!!(3月19日更新)地址:http://www.vistafans.com/viewthread.php?tid=74631学了几天的美化,知道美化最基本的原理就是替换系统文件,我对前一段时间的学习做个如下的一个总结。我们需要替换的文件常见的有如下几个内容开机画面 Ntoskrnl :系统美化DIY-仿Vista开机画面登陆界面 logonui:系统美化DIY-14个极华丽的登录界面及替换工具系统图标 shell32等:系统美化DIY-修改系统图标鼠标 Cursor:系统美化DIY-几款精品鼠标及鼠标文件封装屏保 .Scr: 系统美化DIY-一款超酷的夜光时钟屏保系统声音 Media:系统美化DIY-定义自己的Vista声音方案主题 Themes:系统美化DIY-更改主题的原理及主题推荐关机画面 msgina.dl:系统美化DIY-修改关机画面