家庭无线网络解决方案

曾几何时，网络已经成为了我们生活的一部分，上网冲浪也逐渐成为了人们业余生活主要的娱乐方式之一，越来越多的家庭都需要接入互联网，越来越多的人们已经离不开网络。但是，家里的网络布线却让不少人头痛不已！不仅布线要耗时费力花钱，布线之后可能还是不能满足自己今后上网的需要：你可能需要移动电脑桌的位置，可能需要在床上、阳台上网，可能来访的朋友电脑需要联网……如果你装修完了需要改线，那更麻烦！所以，无线网络成为家庭宽带接入的最佳解决方案。

但是，中国的房屋基本都是钢筋混凝土结构，并且格局复杂多样，环境对无线信号的衰减严重。以前的802.11b无线产品，无论在覆盖范围还是网速上都难以满足用户的需求；现在普通的802.11g产品，虽然速度基本能达到要求，但是覆盖范围并没有显著提高。这些，都大大阻碍了用户对无线的认可。所以，适合家庭使用的无线产品，一定要有够广的覆盖范围覆盖整个家庭，还能提供够快的网速，才能赢得用户——集成TP-LINK域展™、速展™技术的 802.11g无线产品就是这样的产品！

方案描述：

该家庭无线组网方案采用一台TP-LINK域展™&速展™无线宽带路由器TL-WR640G/641G/642G接入运营商宽带线路，家中的台式机、笔记本可分别使用TP-LINK域展™&速展™无线PCI网卡TL-WN650G、无线笔记本网卡TL-WN610G，或者使用无线 USB网卡TL-WN620G（集成速展™技术）。该网卡系列都可与无线宽带路由器TL-WR640G/641G/642G建立高速、稳定的无线连接。

TP-LINK域展™&速展™系列无线产品，最高无线传输速率可达108M，有效传输速率最高超过60Mbps，可完全满足家庭用户对视频点播、在线游戏等大数据流量的上网需求。室内最远传输距离达200米（因环境而异），保证完全覆盖家庭网络的需要。高传输速率还能缩短数据传输时间、提高网络效率，进一步可以缩短上网时间，节省上网费用。

阅读全文

用css sprites（图像拼合技术）优化css加快网站速度。

一 般说来客户端对服务器端进行一次请求就要消耗0.2s左右。如果一个网站的图片，特别是网页素材较多的情况下， 于服务器之间的延迟就很大，而css sprites技术就是通过把素材拼合成一张，然后通过background的position属性来对图像进行定位，这样客服端只需要向服务器进行一次请求就可以把素材下下来，大大加快了网站的载人速度。十里地小工具之家就是通过这种方法来优化速度。举个例子：

<div class=”max”>最大化</div>
<div class=”min”>最小化</div>

这两个class都使用同一个图片：

.min, max {
width:16px;
height:16px;
background-image:url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png);
background-repeat: no-repeat; //我们并不想让它平铺
text-indent:-999em; //隐藏文本的一种方法
}

效果如下：

最大化最小化
最大化最小化
我们看到一团灰，没错，因为我们还没有指定background-position，默认为 0 0，可以看下 sprite.png , 处于这个位置正是灰块。好了，我们要找到代表最大化的加号和代表最小化的减号的位置找出来。经过测量，最大化按钮位于Y轴的350px处，最小化按钮位于 Y轴400px处。想一想我们如何才能让它们能够显示出来呢，明显，要向上提升sprite.png，得到代码如下：

.max {
background-position: 0 -350px;
}
.min {
background-position: 0 -400px;
}

就是这么简单，不过相信最麻烦的就是定位像素的问题，没事推荐个网站Web performance.这个能很轻松的帮你合成一张图片并帮你定位background-position的值。

华丽的Ending。。。

用Css实现简单的div，图片透明

今天在研究一个主题的style.css发现一个实现div 透明的方法而且兼容ie和firefox。

先看一下效果：

这个效果的代码是：

<img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif"  width="286" height="110" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50">

从代码中我们发现实现透明主要靠opacity:0.5 和filter:a;pha(opacity=50)这两个属性。

由于firefox不支持IE的filter滤镜，所以对ff实现透明的就是靠opacity这个属性。

举一反三，在div等下同样可以这样实现透明，发挥你的想象力，要怎么透明就怎么透明～

而且也考虑到了FF的兼容性。

dreamhost空间被封不用怕，教你快速换ip

这几天真是郁闷，先是十里地莫名其妙的被百度给X了。然后今天虾米碗糕和另外一个网站被GF.W给和谐了，估计同一服务器下某些网站写了些不该写的东西。没办法只能换ip。当然你可以去买独立ip，不过这部在本篇的讨论范围内，本文针对那些穷的买不起独立ip的人，包括我。今天在群里得到了帮助，特写出来给那些需要的朋友。

dreamhost空间有个好处就是新域名的ip可以不同的。也就是说我们可以新建个域名，无论这个域名是不是你的，或者给你的域名增加一个子域名。其目的就是让dreamhost给你的新域名分配一个新ip。

举个例子：比如www.10lidi.com.cn 被封了。首先登录dreamhost 的cpanel.增加一个域名，如图：

点击Add New Domain/Sub-Domain，增加新域名。例如我给10lidi.com.cn增加一个子域名：2.10lidi.com.cn

然后点击Fully host this domain now。

接下来打开你的cmd 。ping这个子域名看它的ip和能ping通不。如果还是不能ping通说明你新的这个ip之前也被封了。我也是弄了2次才得到一个新的没被封的。接下来就是把你的主域名通过建立镜像的方法转到这个新ip。如图：

编辑你那个被封的域名，例如我的是10lidi.com.cn。在Manage Domains 中看到：

然后点 Change mirroring settings now！。等一两个小时，你的域名就能访问了！

ps：其它我们可以通过这种方法建立多个备用域名，如果域名有被封了，如果只要更改镜像域名就可以了，一般1-3个小时就能生效了。另外强烈建议不要你的网站弄那些违法中国的法律的东西！

给你的Wordpress增加免费的网络相册

Wordpress没有相册功能，这对于要一部分“色友”来说就比较郁闷了。当让了现在的wordpress扩展功能和插件那么强大，不乏有很多插件能比较轻松的建立相册。但是很多插件都会导致wordpress变得比较臃肿，这也是我比较不喜欢的。

现在给你推荐一个picasa相册插件（什么？不知道picasa，上网搜吧。）它能够直接引用picasaweb上你的picasa专辑，相册，不需要你额外的空间。现在picasa的免费空间是1G。

说的有点迷糊，看演示，本站的相册：http://www.10lidi.com.cn/photo.html

该插件下载地址：单击本地下载.

注意事项：此插件需要PHP5.2.0以上版本以及WordPress开启Permalinks(友好链接)选项。

安装步骤：

1. 从上面的地址下载安装包。
2. 解压后得到一个picasaweb的文件夹。
3. 将文件夹放入WordPress的插件目录下。
4. 后台激活picasaweb插件。
5. 到后台options-picasaweb选项卡下配置参数，主要需要设定picasaweb用户名以及照片显示高度（调整以适应模板）。
6. 到http://yourblog/photo.html查看效果。

目前本人在wordpress2.51上测试通过

比较常见的问题：

Q：出现一长串”failed to open stream”的错误。

A：注意保存你的缓存目录可写，默认缓存目录位于/wp-content/cache/。

Q：出现“Fatal error: Call to undefined function: json_decode()”错误

A：你的PHP版本太低，目前没有解决办法。你联系主机服务商要求升级吧。

Q：出现404错误

A：此插件需要你开启友好链接。具体表现是你的blog的url不能是 http://yourblog/?p=5的形式。

Q：浏览相册时页面错乱
A：一个直接（但不一定有效）的解决办法是在后台把图片高度设得小一点。根本的办法是修改相册模板文件picasaweb/picasa.module.php。

很感谢阅微堂提供这么实用的插件，原文：http://zhiqiang.org/blog/plugin/picasa

优化广告显示顺序，加快网站载入速度

一般来说，如果我们用js来调用广告的话，如果广告商的广告加载慢的话，就会使我们整个的网站加载慢，主要是网页的显示顺序是从上到下，而广告我们一般都放在前面，有几个方法可以是js在等网站全部载入完后再载入，当然这种方法不止用于广告显示，包括比较慢的js文件都可以用。
如果你的网站有GG AdSense有段代码能显著加快网站载入速度：
<div id=”googlead” width=”广告的宽度” height=”广告的高度”> 
<div id=”googleadcode” style=”display:none”> 
#在此贴入您的广告代码。贴入后请将此行删除 
 </div> 
 <script language=”javascript”>  
 if(document.all.item(”googlead”) != null)  
 {  
 googlead.innerHTML = googleadcode.innerHTML;  
 }  
 </script> 
 另外还有一种方法：

一：把这段代码放在你要放广告的网页位置：
<SPAN id=ad_01><img src=”{dede:field name=’templeturl’/}/10lidi/images/loading.gif” /><br />正在载入请耐心等待…</SPAN>
 
二：把这段代码放到页底：
<SPAN class=spanclass id=span_ad_01>
<script type=”text/javascript” src=”你的js地址</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=”";</SCRIPT>

如果要放多个js可以这样：

这个放到你的广告的位置

<SPAN id=ad_01>广告载入中,正在加载第1个广告…</SPAN>

<SPAN id=ad_02>广告载入中,正在加载第2个广告…</SPAN>

下面的放到底部：

<SPAN class=spanclass id=span_ad_01>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=”";</SCRIPT>

<SPAN class=spanclass id=span_ad_02>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML=”";</SCRIPT>

不过这种方法对firefox浏览器兼容不好。在更新一种方法：

第一步：把这段代码放在你要放广告的网页位置：
<div id=”myads”>广告载入中…</div>
　　第二步：把这段代码放到页底：
<div id=”span_myads”>
这里放广告的JS代码或其他加载速度比较慢的内容都可以。
</div>
<script type=”text/javascript”>
document.getElementById(”myads”).innerHTML = document.getElementById(”span_myads”).innerHTML;
document.getElementById(”span_myads”).innerHTML = “”;
</script>

推荐这种方法！如果要载入多个的根据第二种那样。十里地vista小工具之家就是用这种方法
相信这样就会加快载入速度了。

图文教程:教你PS vista毛玻璃,磨砂玻璃

这是本人很早以前写的一篇教程，搬上博客给新手参考。对新手来说这个教程还算比较详细，步骤也比较多。每个人方法各不相同，抛砖引玉罢了。呵呵，高手飘过。

本文以Photoshop cs3 为例。

打开phostoshop（以下简称ps）。在打开一张你认为比较满意的背景图。如图1

阅读全文