海涛的部落格

各种浏览器css hack

<Category: 网页设计> 2 条评论

你在写css时样式表加上浏览器标识符就行了,各浏览器区别如下:

IE都能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
IE8能识别\0,不能识别*,+,_,*加!important;
FF不能识别*,但能识别 !important;
例如style=”*width:10px!important; width:20px;”
这样在IE6下宽度为10px,在IE7下宽度时20px

其中还有三种写法:

1种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px!important; /* ,IE7 既能能识别*号,也能识别important */
*width:400px; /* IE6也能识别*号 */
/*注意顺序 */

2种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px; /* IE7也能识别*号 */
_width:400px; /* IE6能识别下划线*/
/*注意顺序 */

3种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
+width:300px; /* +只识别IE7 */
_width:400px; /* IE6能识别下划线*/
/*注意顺序 */

阅读这篇文章的其余部分

本文来自: 各种浏览器css hack

六种方法使用goo.gl

<Category: IT文摘> 发表评论

虽然google推出新的短地址goo.gl,但是官方还没有api放出,也不能在官方网站上面生成(http://goo.gl/),但是我们万能的网友已经提出了解决方案:

1. http://gaigalas.net/lab/googl

输入网址就可以生成,利用了google的未公布的api

2. http://jsbin.com/idalu3

同上

3. 书签法
goo.gl bookmarklet

把这个链接拖到书签或者收藏夹里面  需要的时候 点击即可

4.firefox插件:最新版google toolbar

http://www.google.com/toolbar/ff/index.html

5. IE插件:google toolbar

http://www.google.com/intl/zh-CN/toolbar/ie/index.html#rd=f

6. chrome扩展

https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk

本文来自: 六种方法使用goo.gl

跨浏览器的CSS固定定位(position:fixed)

<Category: 网页设计> 发表评论

IE7、Firefox、Opera,都支持CSS的{position:fixed},所以很容易实现(《详解定位与定位应用》)
IE6不支持该属性,但是在使用!DOCTYPE 声明指定standards-compliant(标准)模式可以通过CSS hack实现
上述声明下IE5和IE5.5目前没有发现通过纯粹CSS能够解决的方案,但是可以通过IE特有的expression在CSS中实现(移动网页时固定元 素会动),这和常见浮动Logo广告利用Javascript实现原理是一样的,只不过可以直接写在CSS中比较简便的
利用IE独有的条件注释语句可以针对不同的IE版本精确设置,同时避免了这些代码被其他浏览器读到,个人认为比纯粹的CSS Hack好,如果你安装了多个IE(包括绿色版本),条件注释将会以最高版本的IE为标准。

阅读这篇文章的其余部分

本文来自: 跨浏览器的CSS固定定位(position:fixed)

FastStone Capture

<Category: 网页设计> 发表评论

FSCapture是一款抓屏工具,附带的其他两个小功能:取色器和屏幕放大镜。对抓取的图像提供缩放、旋转、减切、颜色调整等功能。只要点点鼠标就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序中导入图片。

取色器
现在网上各式各样的取色器应该不少了,包括之前一直用的蓝色经典推荐的ColorSPY, Firefox下还有一个专门的取色器扩展ColorZilla,这些都是很好的软件。但自从使用了FS Capture之后,这些我都很少用到了。原因很简单,各种取色软件的功能都大同小异,FS Capture非常小巧,既然有这样一个小软件能够包含取色器、屏幕放大镜和截屏的功能,为什么还要为这些功能而分开多个软件呢。FastStone Capture的取色支持RGB、Dec和Hex三种格式的色值,而且还有一个混色器,取到颜色之后可以再编辑。
阅读这篇文章的其余部分

本文来自: FastStone Capture

wampserver不能启动的解决方法

<Category: 随心杂谈> 发表评论

前几天装了wampserver,可以启动,后来不知道为什么启动不了了,查找了一些资料发现可能80端口被占用了。
开始–运行–cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管理器中没有PID这一项,可以在任务管理器中选”查看”-”选择列”

经常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,下面就介绍一种非常简单的方法,希望对大家有用

假如我们需要确定谁占用了我们的80端口

1、Windows平台

在windows命令行窗口下执行:

C:\>netstat -aon|findstr “80″

TCP 127.0.0.1:80 0.0.0.0:0 LISTENING 2448

看到了吗,端口被进程号为2448的进程占用,继续执行下面命令:

C:\>tasklist|findstr “2448″

thread.exe 2016 Console 0 16,064 K

很清楚吧,thread占用了你的端口,Kill it

如果第二步查不到,那就开任务管理器,看哪个进程是2448,然后杀之即可。

如果需要查看其他端口。把 80 改掉即可。

本文来自: wampserver不能启动的解决方法

试试Google的新界面吧 – 樂思蜀SEO博客

<Category: 随心杂谈> 发表评论

试试Google的新界面吧 – 樂思蜀SEO博客.

1、访问Google英文

http://www.google.com/en

2、在地址栏里输入以下代码,回车:

javascript:void(document.cookie=”PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com”);

3、按F5或点击刷新,就会看到 Google 的新界面了。

How to Try the New Google Search

留意左侧,很方便快捷,常用的一些功能直观的展示出来了,据 Marissa Mayer 说是为了让页面整体更协调。

本文来自: 试试Google的新界面吧 – 樂思蜀SEO博客

提高Google Adsense广告相关度的技巧

<Category: SEO和SEM> 发表评论

Google AdSense广告通常会针对用户网页的内容自动显示广告,但AdSense可能并不清楚你网页上的哪些部门的内容更重要,如果用户通过手动添加一些 HTML代码的方式,突出或忽略网页中的某些部分,这在一定程度上可以引导AdSense抓取工具重点分析网页的某些部分或忽略某些部分,以提高广告的相 关度。

比如,用户想要强调网页上某部分,那么可以在这部门的前后增加下面两段HTML代码。

<!– google_ad_section_start –>

<!– google_ad_section_end –>

将需要强调的部分放在这两段代码中间即可。

如果用户想要忽略掉从某处开始的信息,可以在那个位置前增加下面的HTML代码。

<!– google_ad_section_start(weight=ignore) –>

经过这些处理后,AdSense广告的相关度就会得到一定的提高。

不过,如果用户页面的内容不足,那么有可能会因为没有广告内容而显示公益广告。

本文来自: 提高Google Adsense广告相关度的技巧

Windows7硬盘安装的几种办法

<Category: 随心杂谈> 发表评论

有关于硬盘安装Windows 7的方法大家都知道哪些?现在给大家简单的介绍六种,希望对你们能有所帮助。简单介绍如下:

  一、常规方法(也是最简单有效的办法):

  1、解压下载的ISO文件到一个盘中,注意这个盘不要是你打算把win7系统安装进去的那个盘

  2、双击解压后文件夹中的setup.exe,按照提示进行安装

  二、虚拟光驱虚拟镜像安装(一般人的装法):

  1、用Damon tool等虚拟光驱软件虚拟ISO文件

  2、在镜像文件夹中双击setup.exe,按照提示安装

  上面两种办法是大家比较熟悉的常规安装方法,也是最稳妥的最不容易出意外的安装方法,但有个缺点就是耗时长,如果算上安装后的更新和应用软件安装,没个把小时是搞不定的。下面提供的几种办法比较“非主流”,不过一大优点是花的时间将缩短许多,有的人测试完整安装一个系统最快只要17分钟(不算系统装完后应用软件安装的时间)。

  三、使用安全模式进行安装:

  1、下载windows7 7057 ISO镜像,用虚拟光驱拷贝至非C盘(如D:\7057)

  2、开机按F8——修复系统——选择最后一项命令修复——在命令框输入“D:\7057\sources\setup.exe”(不带引号)

  3、进入安装界面、选择custom安装

  4、选择安装语言、格式化C盘安装

  特别注意:此法也适用于在32位系统下安装64位系统!

  四、有Vista安装盘的安装方法:

  1、下载windows7 7057 ISO镜像,用虚拟光驱拷贝至非C盘(如D:\7057)

  2、BIOS中选择光驱启动,进入Vista安装界面

  3、选择左下角修复计算机(自动搜索系统,提示加载驱动或关闭,选择关闭进入修复选项)

  4、选择最后一项命令修复,在命令框输入“D:\7057\sources\setup.exe”(不带引号),开始安装

  5、选择安装语言、格式化C盘安装

  注:如果C盘下原本没有系统也可以安装。

五、XP系统下全新安装windows 7:

  1、下载windows 7 7057ISO镜像,用虚拟光驱拷贝至非C盘(如D:\7057)

  2、把D:\7057目录下的bootmgr和boot目录(其实只要里面的boot.sdi和bcd文件)拷贝到c盘根目录下,并在C盘根目录下建个sources文件夹。(XP下不需要取得管理员权限)

  3、把D:\7057\sources下的boot.win复制到C盘刚建的sources文件夹

  4、用管理员身份运行cmd,然后输入c:\boot\bootsect.exe/nt60 c: 提示successful

  5、关闭cmd窗口重启计算机,自动进入安装界面,选择安装语言,同时选择适合自己的时间和货币显示种类及键盘和输入方式

  6、出现“开始安装界面”,(要注意了,不点击“现在安装”)点左下角“修复计算机”(repair mycomputer),进入”系统恢复选择”,选择最后一项”命令提示符”(commandprompt),进入DOS窗口

  7、输入“D:\7057\sources\setup.exe“(不带引号),开始安装

  8、选择安装语言、格式化C盘安装

  六、Vista系统下全新安装windows7(实践证明XP用此种方法也很方便):

  1、下载windows 7 7057ISO镜像,用虚拟光驱拷贝至非C盘(如D:\7057)

  2、复制D:\7057文件夹中的Boot、EFI、sources文件夹和bootmgr至C盘根目录下

  3、复制D:\7057\boot下Bootsect.exe至C盘根目录下

  注:由于Vista系统的UAC,第二步需取得管理员权限

  4、管理员身份运行cmd,输入c:\bootsect.exe/nt60 c: 回车

  5、重启系统自动进入安装界面,点左下角的修复计算机repair my computer)

  6、选择最后一项命令提示符,进入DOS窗口,输入D:\7057\sources\setup.exe进入安装界面。

  7、选择安装语言、格式化C盘安装。

本文来自: Windows7硬盘安装的几种办法

CSS在线优化工具:格式化CSS和精简CSS

<Category: IT文摘> 发表评论

CSS的优化通常包括两方面: 格式化CSS和精简CSS。

精简CSS的办法是把具有相同属性的元素合并在一起,但这会降低代码的可读性,使代码的后期维护很麻烦,稍不注意就出错。

格式化CSS一般就是多行模式或单行模式的选择。

下面是一些在线的CSS优化工具,能让你方便的对CSS文件进行各种优化处理。

1. Online CSS Optimizer /在线CSS优化

该在线工具用于精简和压缩样式表的文件大小,优化后的代码将完全是混乱的,支持输入URL,提交文件和直接输入进行压缩。

2. CSS Compressor/CSS压缩

作用同上,但这个工具拥有非常详细的压缩选项,它包含基本模式和高级模式。

在基本模式下, 你可以选择压缩模式: 轻度,标准和高度。最高模式压缩后的文件最小,但同时可读性也就最低,甚至压缩后就出问题也可能,以此类推。还可以选择CSS注释代码的处理: 不处理注释,清除所有注释或限定注释字符数。

在高级模式下,还可以对空白,Tab,新行等等进行选择处理。

阅读这篇文章的其余部分

本文来自: CSS在线优化工具:格式化CSS和精简CSS

修改 .htaccess 实现 301 重定向

<Category: 随心杂谈> 发表评论

修改 .htaccess 实现 301 重定向 « Wopus中文博客平台 – Wordpress

出于 SEO、PR 值传递、网址转换的目的,在网站初建和网站迁移时我们都需要使用 301 重定向,通常包括域名对域名,目录对目录和一个独立网址对另一个独立网址的重定向。在虚拟主机上作 301 重定向,最常用的方法有2种:

1.直接编辑 .htaccess。

2.用 cPanel 设定。

实质二者都是修改文件 .htaccess,只是前者手工编辑,后者是由 cPanel 完成。用 cPanel 操作相当简单,登陆你的 cPanel–>Domain–>Redirects,选择相应的选项即可完成设置,这里暂不讨论。下面讲一下直接编辑 .htaccess 的方法。

注意:在设置 301 重定向之前务必备份相应目录下的.htaccess文件。

1.重定向domain.com到www.domain.com

这种重定向旨在使域名唯一,是网站SEO必须要做的,后面重定向www.domain.com到domain.com也是出于同样的原因,只是形式不同。打开.htaccess文件,加入以下规则。(下面的规则是针对主域名的,子域名要修改)

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www.domain.com$ [NC]
RewriteRule ^(.*)$ http://www.domain.com/$1 [L,R=301]

2.重定向www.domain.com到domain.com

RewriteEngine On
RewriteCond %{HTTP_HOST} !^domain.com$ [NC]
RewriteRule ^(.*)$ http://domain.com/$1 [L,R=301]

3.重定向olddomain.com到www.newdomain.com

RewriteEngine On
RewriteCond %{HTTP_HOST} !olddomain.com$ [NC]
RewriteRule ^(.*)$ http://www.newdomain.com/$1 [L,R=301]

4.重定向olddomain.com to newdomain.com

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !olddomain.com$ [NC]
RewriteRule ^(.*)$ http://newdomain.com/$1 [L,R=301]

5.重定向domain.com/file/file.php 到 otherdomain.com/otherfile/other.php

RewriteCond %{HTTP_HOST} ^www.domain.com$
RewriteRule ^file/file.php$ http://www.otherdomain.com/otherfile/other.php [R=301,L]

本文来自: 修改 .htaccess 实现 301 重定向