网页设计中如何避免 IE 浏览器图片下方的空隙

2010年3月4日 174 人浏览 34 条评论

IE6 是让众多设计师哭笑不得的一种浏览器,在页面排版的时候,我们会发现在 IE6 的图片下方常常会莫名其妙的多出几像素的空隙(经测试IE7也有此问题),本文就与大家分享下如何避免 IE 浏览器图片下方的空隙

先来看下图片在不同浏览器中的展示效果:
阅读全文…

分类: 网站应用 标签:

表单元素与文字对不齐的解决方案

2010年1月19日 391 人浏览 22 条评论

我们在设计网页表单时,往往会发现一些表单元素无法与文字对齐,如复选框(checkbox)和单选框(radio)等等。如果你在多种浏览器上进行测试,应该会发现各种各样对不齐的情况,本文园子将重点探讨表单元素与文字对不齐的解决方案
阅读全文…

分类: 网站应用 标签:

CSS 定义的50个精美按钮下载

2010年1月16日 580 人浏览 35 条评论

做网页的避免不了设计按钮,比如“提交”、“确认”等等,而使用 Dreamweaver 默认生成的按钮样式过于简单,很多朋友都喜欢css 来定义按钮样式,可以做出很多出彩的效果,比如用图片做背景、鼠标经过变换按钮颜色等等。

今天园子分享的这套用 CSS 定义的50个精美按钮,可以说已经包含了最常用的网页设计需求,你可以直接拿来使用,省去了去写代码或找图片的时间。
阅读全文…

分类: 网站应用 标签:

控制 Flash 文件大小的十个技巧

2009年12月18日 1,531 人浏览 28 条评论

最近公司出了一项规定,凡是在网页上出现的 Flash 广告、图片广告等文件大小都要控制在25K之内。而我看了看我以前制作的 Flash 广告,多数都在40K左右,看来还得多改善下制作 Flash 的方法了,我在网上发现了一些技巧,整理后与大家分享一下,希望对朋友们有所帮助。
阅读全文…

分类: 网站应用 标签:

Google Related Links 试用手记

2009年11月5日 543 人浏览 28 条评论

Related Links 是 Google 提供的帮助站长提高网站页面浏览量的小工具,中文名为谷歌相关链接。谷歌相关链接除了提供显示站内相关文章的功能,还提供推荐搜索关键字,从而方便用户在网站内查找更多的相关网页。

园子已经在博客上启用了 Google Related Links,具体效果如下图所示:
阅读全文…

分类: 网站应用 标签:

为你的文章加上版权信息

2009年9月19日 860 人浏览 24 条评论

当你发现你的文章被别人转载后连个链接都不保留,你一定很郁闷,辛苦创作的文章得不到任何回报。这个时候我们在文章底部加个版权信息的提示,或许能唤回那些无情转载者的良知,你也可以把它当成一种友好的版权提示信息。如下图所示:
阅读全文…

分类: 网站应用 标签:

腾讯域名邮箱试用手记

2009年9月18日 588 人浏览 20 条评论

这篇文章发布的有点晚,腾讯早在几天前已经推出的个性域名邮箱,这篇文章主要分享一下园子的使用心得。

“有域名,就有您的域名邮箱”。腾讯域名邮箱(domain.mail.qq.com)是腾讯公司推出的一项个性化邮件服务。如果您拥有域名,只需要通过简单的设置,就能够创建以您域名作为邮箱后缀的邮箱。它主要有以下特点:
阅读全文…

分类: 网站应用 标签:

添加鲜果推荐和九点推荐按钮

2009年8月10日 814 人浏览 13 条评论

今天把博客的文章页面做了一些修改,添加了两个用户推荐按钮:推荐到鲜果和推荐到九点。通过这两个小按钮可以和读者形成互动,让读者给你的文章进行投票。效果如下:

添加鲜果推荐和九点推荐按钮
阅读全文…

分类: 网站应用 标签:

在网站上加入基于用户行为的实时统计功能

2009年8月8日 707 人浏览 20 条评论

今天正式在园子的博客加入了实时统计功能,经过几天的观察与体验,感觉这个由 Clicki 提供的个性统计系统很是不错。下面是实时统计功能截图:
阅读全文…

分类: 网站应用 标签:

网站图片防盗链方法汇总

2009年7月24日 1,050 人浏览 19 条评论

很多站长现在都是租用虚拟主机,而主机商提供的流量是有限的。当你的网站文章被多人转载后,有部分图省事的人直接将你的图片也盗链到了他的网站,这就不在知不觉浪费了不少流量。对于网站上图片较多的朋友就迫切需要一种方法来保护你网站上的图片防止被盗链,本文与大家共同探讨下网站图片防盗链的一些方法。

方法一:通过 cPanel 面板来设置防盗链。

这种方法是基于使用了 cPanel 管理后台的,步骤如下:
阅读全文…

分类: 网站应用 标签:

inove主题宽度改为980px的方法

2009年7月13日 1,027 人浏览 26 条评论

前面的文章园子为大家分享过inove主题增加feed订阅器的方法,很多朋友在留言中都说非常实用。今天园子再次更改了inove主题,这次做的是将宽度加宽到980px,而原来的主题默认的是936px,我个人感觉原来的宽度在插入图片和加入AdSense广告上有些不方便,比如宽度限制、无法投放更大尺寸的adsense广告等,再者就是随着液晶显示器的普及,国内外主流用户已经习惯了在较高分辨率下进行工作和学习,这就有必要把网站宽度进行适当的拓展以充分利用空间。整个修改过程其实非常简单,就是修改一下图片和css文件,过程大致如下。
阅读全文…

分类: 网站应用 标签:

Google 自定义搜索结果页面的宽度控制方法

2009年7月12日 884 人浏览 3 条评论

今天园子在把博客的搜索改为 Google 自定义搜索之后,发现在搜索结果输出页面出现了点问题,就是使用 Google 自定义搜索提供的更改宽度的代码时,无论怎样去修改,其显示搜索结果页面宽度始终为795px。园子使用的是 iframe 嵌入使搜索结果位于我的博客上,下面就说下针对此问题的解决方法。

我们知道更改搜索结果 iframe 的宽度是根据 var googleSearchFrameWidth = 600;这段代码后面的600来进行更改的,网上有文章提到这种修改宽度无效的直接原因是我们在使用 Google 自定义搜索时在选择广告位置的时候选择成了“顶部和右侧”,如果想通过上述代码控制宽度正确的做法是选择“顶部和底部”,据园子测试此方法现在也没有效果。

更新于2009-09-16:园子发现现在已经可以通过 var googleSearchFrameWidth = 600; 这个属性来控制搜索结果页面宽度了,如果你发现仍有问题可以尝试下面的方法去试下。

我的解决方法是使用css来控制搜索结果页面 iframe 的宽度,具体做法很简单,直接在您的主题CSS里面加入下面的代码:
阅读全文…

分类: 网站应用 标签:

inove主题增加feed订阅器的方法

2009年7月10日 919 人浏览 13 条评论

使用 inove 主题已经有两个多月了,感觉各方面的功能都非常不错。唯一可能有些不太完美的地方就是 feed 订阅器不大够用,或者一些常用的没有列上去,如“QQ邮箱订阅”在国内应用也比较广泛。今天园子就给您分享一下如何在你的inove主题上增加 feed 订阅器的方法。

首先要做的就是加上你需要添加feed订阅器的图标,你可以直接用园子提供的图片,直接保存即可:

feed订阅器图片

feed订阅器图片

接下来就是定义css样式,我们打开 style.css 文件,在样式表最后加入如下代码:
阅读全文…

分类: 网站应用 标签:

实现301重定向常用的七种方法

2009年7月4日 871 人浏览 13 条评论

301重定向对广大站长来说并不陌生,从网站建设到目录优化,避免不了对网站目录进行更改,在这种情况下用户的收藏夹里面和搜索引擎里面可能保存的还是老的地址,在打开这些链接时会无法显示页面出现404的错误,造成很差的用户体验并失去了很多流量,今天园子就给大家分享一下实现301重定向的七种方法

从搜索引擎优化的角度来看,目前301重定向是网站目录更改后重新定向最为可行的一种办法。在你更改地址使用了301重定向后,搜索引擎只会对新地址进行索引,同时会把旧地址下原来收录的链接转移到新地址下,而上述的这些操作并不会影响到网站在搜索引擎的排名。

实现301重定向最直接的方法是编辑.htaccess文件,想了解关于htaccess文件使用方法,请点此查看。园子需要提醒你的是,在对.htaccess文件进行操作之前,一定要备份好原来的.htaccess文件,以避免修改出错带来不必要的麻烦。
阅读全文…

分类: 网站应用 标签:

htaccess文件使用方法

2009年6月29日 1,030 人浏览 11 条评论

很多站长都见到过.htaccess文件,但是很多人确实不大清楚它的作用。园子今天就给大家说说.htaccess文件使用方法。

Apache系统中的.htaccess文件(也称“分布式配置文件”)提供了针对目录改变配置的方法,也就是在一个特定的文档目录中放置一个包含指令的文件, 以作用于此目录及其所有子目录。直白的说,.htaccess文件只是一个简单的文档,可以在里面加些简单的命令实现各种不同的设置。
阅读全文…

分类: 网站应用 标签: