判断区分IE6 IE7 firefox等浏览器类型的代码

在各浏览器要保持网页效果一样,还真是个头疼的问题,而且问题相当的多,这里总结最重要的一小部分。

在CSS文件中如何判断浏览器是Firefox、IE6、IE7

<!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>关于用CSS区分Firefox、IE6、IE7</title>
<style type="text/css">
#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/
</style>
</head>
<body>
<div id="example">在FireFox下应为红色,在IE6.0下应为蓝色,在IE7.0下应为绿色。</div>
</body>

复制上面代码保存为html文件,在分别在firefox、IE6、IE7打开看看文字的颜色。

(更多…)

Firefox 常用扩展插件及脚本推荐

前言:进入2011年以来,整个浏览器领域的竞争越发激烈,随着IE9正式版的发布、Chrome、Opera等浏览器厂商也相继更新/发布了新的版本。经过多次跳票之后,FireFox4.0正式版终于在今天发布了,身为火狐浏览器的忠实粉丝,兴奋之余,我很乐意与大家分享一下我使用火狐的一些经验和推荐一些我常用的脚本和拓展。

对Web设计和开发人员有用的15个Chrome插件

最近我才把谷歌浏览器设为默认浏览器,而与此同时我开始将它用于我的兼职Web设计和开发项目中。由于我所依赖 Firebug的插件,在Chrome浏览器并没有完全的对应插件,所以我还是时不时要用Firefox浏览器,但我对谷歌浏览器的速度、屏幕空间的利用 及很多方面都很满意。在这篇文章里,我和大家分享我在设计和开发网站时发现的一些最好的谷歌浏览器插件,按字母顺序列出如下。 (更多…)

IE6绝对定位的bug和解决方法

position:absolute定位在IE6下存在left和bottom的定位错误问题:

<!–IE6下的left定位错误–>
<div style=”position:relative;border:1px solid orange;text-align:center;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

<!–IE6下的left定位错误–>
<hr />
<div style=”position:relative;border:1px solid orange;text-align:right;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

(更多…)

给你网站来个输入法 – 云输入法

云输入法是一款不需要客户端安装、不需要客户端词库支持,全由服务器端运算提供和支持的在线输入法。这就意味着,你不需要再繁琐地去下载和安装输入法,你也不必因为当前的电脑不能安装输入法而感到郁闷了,因为现在只需要你在网页中轻轻地按一下鼠标或键盘,你就可以使用最新的词库和使用拼音或五笔输入法了。

    而搜狗云输入法我想应该是使用最广泛的,毕竟老牌的输入法提供商了,并且搜索云输入法也提供了在任意网页中加载使用的API JS,所以如果你想在你的网页或博客中也使用搜狗云输入法,你只需要在你的网页或模板中插入以下代码:

(更多…)

搜索引擎优化和用户体验

在一般情况下,搜索引擎优化与用户体验是相辅相承的,优秀的搜索引擎优化可以提高网站用户的体验,而一般来说网站用户体验比较好的网站,其网站搜索引擎优化的表现一般也不错。不过在实际开发中,搜索引擎优化和用户体验又存在着一些矛盾。

  搜索引擎优化和用户体验是“矛盾”的

  相信不少做SEO的朋友在和用户体验的同事沟通时会遇到这个问题,谁都有自己的道理。SEO希望这里要增加关键词,那里加粗,这个地方很重要坚持放在头部,放在左边,用户体验部门不高兴了,因此一些公司就取决于谁在公司的话语权大,这显然是不合理的。当然,这里我不得不提一些优化公司,真是放开手脚干,承诺客户除了标题,不更改任何地方,自然把对用户体验的伤害降到最低,他们靠什么?一招就够,狂发外链。 (更多…)

利用CSS等比例缩小图片

图片等比缩放不必需要后台代码的控制,前台CSS技术完全可以几句CSS代码来完成。

把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。

    对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往会借助Javascript,然后为图片加上onload事件。例如:

    这固然能解决问题,但是对以后页面的升级会带来麻烦——随着浏览器对CSS支持的完善,我们迟早会把图片上的onload事件统统去除。该是Expression的Show Time了,既然IE支持通过Expression在CSS中放置一些脚本,而这段脚本又只是提供给IE 6.0及以下版本使用,那么把它写到Expression中再合适不过。 (更多…)

CSS样式指南:提高CSS的可读性

当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成。所以,结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法,也就是一种较好的CSS样式指南。

1.分解你的样式

对于小项目,在写代码之前,按页面结构或页面内容将代码分为几块并给予注释。例如,可以分别将 全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。

而对于较大的工程,这样显然不会有什么效果。此时,就需要将样式分解到几个不同的样式表文件。下面的master stylesheet 就是这一方法的例子,它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构,而且有利于减少一些不必要的服务器请求。而分解文件的方法就有许多种,master stylesheet 使用了最常见的一种。 (更多…)

JavaScript跳转页面方法大全

 

js跳转页面方法大全

<span id="tiao">3</span><a href="javascript:countDown"></a>萝莉部落;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul>

 

<!–脚本开始–> 

<script language="javascript" type=""> 

function countDown(secs){ 

tiao.innerText=secs; 

if(–secs>0) 

   setTimeout("countDown("+secs+")",1000); 

countDown(3); 

</script> 

<!–脚本结束–>

(更多…)

又是一些WordPress插件推荐

既然选择了WP博客,那么插件肯定是必不可少的,Wordpress的插件成千上万,使你能够轻松打造一个完美的博客。当然,插件太多也是一个问题,因为选择总是一件困难的事,不过,今天,我为你总结了9类,精选了35个Wordpress 插件,让你更轻松打造出一个完美博客。

WP插件安装的方法一般有下面的几种

  1. 后台->插件->添加新插件->搜索->输入插件名字->安装->安装成功 | 调试插件
  2. 首先下载好插件.zip 然后进入后台->插件->添加新插件->上传->安装->安装成功 | 调试插件
  3. 下载得到的ZIP文件直接上传到相关目录即可.(/网站根目录/wp-content/plugins)
首先这是一些必装的插件参考,大家可以点进去看看,点击这里进入
(更多…)

WordPress 3.0 RC版发布

WordPress是一个注重美学、易用性和网络标准的个人信息发布平台.WordPress虽为免费的开源软件,但其价值是无法用金钱来衡量.使用 WordPress 可以搭建功强大的网络信息发布平台,但更多的是应用于个性化的博客.针对博客的应用,WordPress能让您省却对后台技术的担心,集中精力做好网站的 内容.

 

  • Custom menus are finished! Yay!
  • Multi-site is all set.
  • The look of the WordPress admin has been lightened up a little bit, so you can focus more on your content.
  • There are a ton of changes, so plugin authors, please test your plugins now, so that if there is a compatibility issue, we can figure it out before the final release.
  • Plugin and theme *users* are also encouraged to test things out. If you find problems, let your plugin/theme authors know so they can figure out the cause.
  • There are a couple of known issues.

If you are testing the RC and come across a bug, you can:

  • Report it on the wp-testers mailing list
  • Join the dev chat and tell us live at irc.freenode.net #wordpress-dev
  • File a bug ticket on the WordPress Trac

We hope you enjoy playing with the 3.0 RC as much as we’ve enjoyed making it for you. Enjoy!



下载:WordPress 3.0 RC1

http://wordpress.org/development/2010/05/wordpress-3-0-release-candidate/

通过设置.htaccess防止图标被外链(盗链)

一些原创站往往会被一些采集狂给COPY,而且还是不留任何版权和转载信息,有些强力人士还是一口气给你全部采集完。。

这怎么办捏? 我倒是想到一个不错的方法,设置图片防盗链+禁止复制。虽然这个方法不是万能的,但是对于那些低级采集还是有点效果的…

Linux 主机则非常好设置图片防盗链,直接修改网站根目录的.htaccess文件即可。 (更多…)

WordPress更换域名后需要做的一些事情

是的,大家都注意到了,本博客已经更换了新域名,更换域名后大量的修改工作也比较繁琐,这里我就给大家简单说说需要做几步. 关于数据库方面的修改 请按照你自己的需要改 如果你的默认不是wp-xxxx 那就不能直接复制我的 还必须自己修改成你自己的!这里可能有一些疏漏欢迎大家批评指出! 一. 域名主机方面的设置 1.首先设置你的域名 并且在主机上也要有相应的设置 (比如添加主域 附加域 等等) 这些可以叫你的主机商帮你设置,我就不详细讲述了 2.如果数据库位置不一样 那也要更换数据库的地址 通过 “文件管理器” 打开新域名所对应 WordPress 的 wp-config.php 文件,把旧的数据库改为新的数据库,如果新数据库的用户名和密码和旧数据库的不一样,也需要修改。 二.数据库的批量修改 如果一个一个的修改文章什么的 效率将会很慢 这里我告诉大家一个方法 只需要几个命令就可以搞定。 这里我采用的是PhPmyadmin 估计大家都知道 我就不相信说了。 注意:为了防止你改错 建议改之前先备份(当时我就改错了几次) 在 phpMyAdmin 中选择新建的数据库,然后点击 “SQL”,并在输入以下代码: (更多…)

合理利用robots.txt来优化SEO

首先,我来介绍一下什么是robots.txt: robots.txt是搜索引擎中访问网站的时候要查 看的首要文件,Robots.txt文件告诉蜘蛛程序在服务器上什么文件是可以被查看什么东西不能被查看。当一个搜索蜘蛛访问一个网站的时候,首先检查该站点根目录下是 否存在robots.txt,如果存在,他就会按照robots.txt的规则进行操作;如果该文件不存在,所有的搜索蜘蛛将能够访问网站上所有没有 被口令保护的页面(很可能会让你泄密)。 最后,robots.txt必须放置在一个站点的根目录下。 (更多…)