图解RJ-45水晶头接法
在网线制作的过程中，我们必须要用到一些制作的辅助工具和材料。在此，我们先为大家介绍一些这些工具和材料。在制作的工程中，最重要的工具当然就是压线钳了，当然这个压线钳的工具不仅仅是压线自用，钳上还具备着很多“好本领”。漂泊驿站,FLASH,流浪 ` C n$v N+r
压线钳目前市面上有好几种类型，而实际的功能以及操作都是大同小异，我们就以上图的一把为例，该工具上有三处不同的功能。 p t0[.J W J o
在压线钳的最顶部的是压线槽，压线槽供提供了三种类型的线槽，分别为6P、8P以及4P，中间的8P槽是我们最常用到的RJ-45压线槽，而旁边的4P为RJ11电话线路压线槽。
在压线钳8P压线槽的背面，我们可以看到呈齿状的模块，主要是用于把水晶头上的8个触点压稳在双绞线之上。
我们局域网内组网所采用的网线，使用最为广泛的为双绞线（Twisted-Pair Cable；TP），双绞线是由不同颜色的4对8芯线组成，每两条按一定规则绞织在一起，成为一个芯线对。作为以太局域网最基本的连接、传输介质，人们对双绞网线的重视程度是不够的，总认为它无足轻重，其实做过网络的人都知道绝对不是这样的，相反它在一定程度上决定了整个网络性能。这一点其实我们很容易理解，一般来说越是基础的东西越是取着决定性的作用。双绞线作为网络连接的传输介质，将来网络上的所有信息都需要在这样一个信道中传输，因此其作用是十分重要的，如果双绞线本身质量不好，传输速率受到限制，您说即使其它网络设备的性能再好，传输速度再高又有什么用呢？因为双绞线已成为整个网络传输速度的一个瓶颈。它一般有屏蔽（Shielded Twicted-Pair STP）与非屏蔽（Unshielded Twisted-Pair UTP）双绞线之分，屏蔽的当然在电磁屏蔽性能方面比非屏蔽的要好些，但价格也要贵些。
双绞线按电气性能划分的话，可以划分为：三类、四类、五类、超五类、六类、七类双绞线等类型，数字越大，也就代表着级别越高、技术越先进、带宽也越宽，当然价格也越贵了。三类、四类线目前在市场上几乎没有了，如果有，也不是以三类或四类线出现，而是假以五类，甚至超五类线出售，这是目前假五类线最多的一种。目前在一般局域网中常见的是五类、超五类或者六类非屏蔽双绞线。屏蔽的五类双绞线外面包有一层屏蔽用的金属膜，它的抗干扰性能好些，但应用的条件比较苛刻，不是用了屏蔽的双绞线，在抗干扰方面就一定强于非屏蔽双绞线。屏蔽双绞线的屏蔽作用只在整个电缆均有屏蔽装置，并且两端正确接地的情况下才起作用。所以，要求整个系统全部是屏蔽器件，包括电缆、插座、水晶头和配线架等，同时建筑物需要有良好的地线系统。事实上，在实际施工时，很难全部完美接地，从而使屏蔽层本身成为最大的干扰源，导致性能甚至远不如非屏蔽双绞线UTP。所以，除非有特殊需要，通常在综合布线系统中只采用非屏蔽双绞线。
双绞线作为一种价格低廉、性能优良的传输介质，在综合布线系统中被广泛应用于水平布线。双绞线价格低廉、连接可靠、维护简单，可提供高达1000Mbps的传输带宽，不仅可用于数据传输，而且还可以用于语音和多媒体传输。目前的超五类和六类非屏蔽双绞线可以轻松提供155Mbps的通信带宽，并拥有升级至千兆的带宽潜力，因此，成为当今水平布线的首选线缆。
RJ-45插头之所把它称之为“水晶头”，主要是因为它的外表晶莹透亮的原因而得名的。RJ-45接口是连接非屏蔽双绞线的连接器，为模块式插孔结构。如上图所示，RJ-45接口前端有8个凹槽，简称8P（Position），凹槽内的金属接点共有8个，简称8C（Contact），因而也有8P8C的别称。
从侧面观察RJ-45接口，可以看到平行排列的金属片，一共有8片，每片金属片前端都有一个突出透明框的部分，从外表来看就是一个金属接点，按金属片的形状来划分，又有“二叉式RJ-45”以及“三叉式RJ-45”接口之分。二叉式的金属片只有两个侧刀，三叉式的金属片则有三个侧刀。金属片的前端有一小部分穿出RJ-45的塑料外壳，形成与RJ-45插槽接触的金属脚。在压接网线的过程中，金属片的侧刀必须刺入双绞线的线芯，并与线芯总的铜质导线内芯接触，以联通整个网络。一般地，叉数目越多，接触的面积也越大，导通的效果也越明显，因此三叉式的接口比二叉式接口更适合高速网络。
水晶头也有几种档次之分，有带屏蔽的也有不带屏蔽的等等，一般地说质量比较好的价钱也就是5角左右，当然买一个两个的话价钱肯定不能便宜下来。在选购时应该尽量避免贪图便宜，否则水晶头的质量得不到保证。主要体现在它的接触探针是镀铜的，容易生锈，造成接触不良，网络不通。质量差的还有一点明显表现为塑料扣位不紧（通常是变形所致），也很容易造成接触不良，网络中断。水晶头虽小，但在网络的重要性一点都不能小看，在许多网络故障中就有相当一部分是因为水晶头质量不好而造成的。
双绞线制作全过程图解：：
第一步：我们首先利用压线钳的剪线刀口剪裁出计划需要使用到的双绞线长度。
第二步：我们需要把双绞线的灰色保护层剥掉，可以利用到压线钳的剪线刀口将线头剪齐，再将线头放入剥线专用的刀口，稍微用力握紧压线钳慢慢旋转，让刀口划开双绞线的保护胶皮。
把一部分的保护胶皮去掉。在这个步骤中需要注意的是，压线钳挡位离剥线刀口长度通常恰好为水晶头长度，这样可以有效避免剥线过长或过短。若剥线过长看上去肯定不美观，另一方面因网线不能被水晶头卡住，容易松动；若剥线过短，则因有保护层塑料的存在，不能完全插到水晶头底部，造成水晶头插针不能与网线芯线完好接触，当然也会影响到了线路的质量。
剥除灰色的塑料保护层之后即可见到双绞线网线的4对8条芯线，并且可以看到每对的颜色都不同。每对缠绕的两根芯线是由一种染有相应颜色的芯线加上一条只染有少许相应颜色的白色相间芯线组成。四条全色芯线的颜色为：棕色、橙色、绿色、蓝色。每对线都是相互缠绕在一起的，制作网线时必须将4个线对的8条细导线逐一解开、理顺、扯直，然后按照规定的线序排列整齐。
说到这里，笔者要说明一下的接线标准，其中双绞线的制作方式有两种国际标准，分别为EIA/TIA568A以及EIA/TIA568B。而双绞线的连接方法也主要有两种，分别为直通线缆以及交叉线缆。简单地说，直通线缆就是水晶头两端都同时采用T568A标准或者T568B的接法，而交叉线缆则是水晶头一端采用T586A的标准制作，而另一端则采用T568B标准制作，即A水晶头的1、2对应B水晶头的3、6，而A水晶头的3、6对应B水晶头的1、2。T568A标准描述的线序从左到右依次为：
T568B标准描述的线序从左到右依次为：
而在什么情况该做成直通线缆，而交叉线缆又该用在什么场合呢？接下来，笔者为大家简单列举一下。
补充一点，同种设备相连用交叉线，不同设备相连用直通线！！
第三步：我们需要把每对都是相互缠绕在一起的线缆逐一解开。解开后则根据需要接线的规则把几组线缆依次地排列好并理顺，排列的时候应该注意尽量避免线路的缠绕和重叠。
把线缆依次排列并理顺之后，由于线缆之前是相互缠绕着的，因此线缆会有一定的弯曲，因此我们应该把线缆尽量扯直并尽量保持线缆平扁。
把线缆扯直的方法也十分简单，利用双手抓着线缆然后向两个相反方向用力，并上下扯一下即可。
第四步 ：我们把线缆依次排列好并理顺压直之后，应该细心检查一遍，之后利压线钳的剪线刀口把线缆顶部裁剪整齐，需要注意的是裁剪的时候应该是水平方向插入，否则线缆长度不一会影响到线缆与水晶头的正常接触。若之前把保护层剥下过多的话，可以在这里将过长的细线剪短，保留的去掉外层保护层的部分约为15mm左右，这个长度正好能将各细导线插入到各自的线槽。如果该段留得过长，一来会由于线对不再互绞而增加串扰，二来会由于水晶头不能压住护套而可能导致电缆从水晶头中脱出，造成线路的接触不良甚至中断。
裁剪之后，大家应该尽量把线缆按紧，并且应该避免大幅度的移动或者弯曲网线，否则也可能会导致几组已经排列且裁剪好的线缆出现不平整的情况。
第五步 ：我们需要做的就是把整理好的线缆插入水晶头内。需要注意的是要将水晶头有塑造料弹簧片的一面向下，有针脚的一方向上，使有针脚的一端指向远离自己的方向，有方型孔的一端对着自己。此时，最左边的是第1脚，最右边的是第8脚，其余依次顺序排列。插入的时候需要注意缓缓地用力把8条线缆同时沿RJ-45头内的8个线槽插入，一直插到线槽的顶端。
在最后一部的压线之前，我们可以从水晶头的顶部检查，看看是否每一组线缆都紧紧地顶在水晶头的末端。
第六步 ：当然就是压线了，确认无误之后就可以把水晶头插入压线钳的8P槽内压线了，把水晶头插入后，用力握紧线钳，若力气不够的话，可以使用双手一起压，这样一压的过程使得水晶头凸出在外面的针脚全部压入水晶并头内，受力之后听到轻微的“啪”一声即可。
如上图所示，压线之后水晶头凸出在外面的针脚全部压入水晶并头内，而且水晶头下部的塑料扣位也压紧在网线的灰色保护层之上。网线测试仪的应用 ：
先来简单地介绍一下测试仪上的几个接口，这个测试仪可以提供对同轴电缆的BNC接口网线以及RJ-45接口的网线进行测试。我们把在RJ-45两端的接口插入测试仪的两个接口之后，打开测试仪我们可以看到测试仪上的两组指示灯都在闪动。若测试的线缆为直通线缆的话，在测试仪上的8个指示灯应该依次为绿色闪过，证明了网线制作成功，可以顺利的完成数据的发送与接收。若测试的线缆为交叉线缆的话，其中一侧同样是依次由1～8闪动绿灯，而另外一侧则会根据3、6、1、4、5、2、7、8这样的顺序闪动绿灯。若出现任何一个灯为红灯或黄灯，都证明存在断路或者接触不良现象，此时最好先对两端水晶头再用网线钳压一次，再测，如果故障依旧，再检查一下两端芯线的排列顺序是否一样，如果不一样，随剪掉一端重新按另一端芯线排列顺序制做水晶头。如果芯线顺序一样，但测试仪在重夺后仍显示红色灯或黄色灯，则表明其中肯定存在对应芯线接触不好。此时没办法了，只好先剪掉一端按另一端芯线顺序重做一个水晶头了，再测，如果故障消失，则不必重做另一端水晶头，否则还得把原来的另一端水晶头也剪掉重做。直到测试全为绿色指示灯闪过为止
最前端是剥线口,刀片主要是起到切断线材
RJ-45接口没有被压线之前金属触点凸出在外
.在市场上十分常见的二叉式RJ-45接口
CSS3开发工具收集
中文：CSS3开发工具收集
整理自：List of Really Useful Tools For CSS3 Developers
转载地址http://www.qianduan.net/css3-development-tools-collection.html
通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。
直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的，这里将收集能够助你学习和使用CSS3的真正有用的工具。
生成器
CSS3 Please!跨浏览器的CSS规则生成器，支持：border-radius、box-shadow、渐变(线性)、rgba色彩、transform (旋转)、transition和@font-face。
CSS3 生成器支持border radius、box shadow、text shadow、RGBA、@font-face、多列、box resize、box sizing 和outline.
CSS3 Sandbox有一些列的CSS3生成器：线性渐变、放射渐变、文字阴影、盒阴影、Transforms和文字描边。
@font-face生成器来自于Font Squirrel的很好用的CSS3 @font-face 生成器。
CSS3渐变生成器为Firefox和Webkit浏览器生成线性渐变。
CSS 圆角生成用于Firefox、Webkit和标准CSS3语法的“border-radius”属性。
Webkit CSS3 生成器简单的助你理解Webkit引入的CSS3特性。
CSS3 学习工具动态为你的浏览器获取私有前缀并检测该属性是否被它支持。
JavaScript方案
Modernizr一个确实很有用的JavaScript库，可以检测HTML5/CSS3的原生支持，并为你提供一种维护良好控制级别的方法，不管浏览器的能力。如果你更喜欢使用MooTools，你可以使用MooModernizr (MooTools 版本的Modernizr)
Sizzle – JavaScript 选择器库一个纯Javascript选择器引擎，被设计用来方便的插入到一个主库中。Sizzle 实际上支持所有的CSS3 选择器——它甚至包括一些很不常用的选择器，比如忽略选择器(escaped selectors )(”.foo\\+bar”)、Unicode 选择器、以及在document序列中返回的结果。这也是jQuery使用的选择器引擎。
YUI 选择器组件YUI CSS3 选择器组件，提供一个收集、过滤和测试HTML元素的稳定的简写方法。
ie7-js一个让IE拥有兼容标准的浏览器一样的行为的JavaScript库。
CSS3伪类选择器模拟ie-css3.js 可使Internet Explorer识别CSS3 伪类选择器并渲染任何使用它们定义的样式规则。简单滴在你的页面中引入这个脚本，然后在你的样式表中使用这些伪类选择器，然后IE就可以使用了。
参考指南
CSS 3.0参考手册
腾讯ISD WebTeam制作的一个CHM格式的参考手册，很全面，介绍+实例，推荐下载收藏；
我什么时候能用CSS3CSS3、HTML5、SVG以及其它即将可用的页面技术的浏览器兼容性列表；
浏览器支持清单使用Modernizr库检测你的浏览器支持的“高级”特性，包括CSS3特性和选择器的支持。
CSS3选择器测试自动运行大量的判断你的浏览器是否支持一些CSS选择器的小测试；
SelectORacle一个提供CSS2和CSS3选择器介绍的在线工具。简单的给它一些选择器，他就会返回选择器匹配的相关说明。
CSS3手册与快速指南提供当前CSS3规范的列表，列出属性可用的值、常用的选择器模式参考，以type/单位组织，选择器类型参考和单位参考和信息(另有PDF 版本)；
CSS3伪类SitePoint的CSS参考的相关部分内容；
CSS3 速查手册CSS3属性、选择器类型以及可用的值的列表，PDF格式；
CSS3色彩名称
提供所有147种色彩的名字以及按照字母排序的值。
超级城市操作指南
第二部分 457补丁的安装和破解
安装好游戏之后，下载“CXL_1.0.3.297_to_CXL_1.1.0.457-B4.exe”补丁
下载地址http://static.citiesxl.com/CXL_1.0.3.297_to_CXL_1.1.0.457-B4.exe
文件图标见下图
XL 457.JPG (8.15 KB)
2010-3-27 18:51
有关457补丁的内容，详情请见http://www.simcity.cn/thread-76319-1-1.html
（此部分内容感谢mrxia的辛勤劳动和无私奉献。）
——————————————————————————————————————————————————————————————————————
关于457破解补丁的用法等，详见http://www.simcity.cn/thread-75885-1-1.html
虽然破解补丁并不大，但是原文peng0485设置成收费模式，所以本文不转载破解补丁，大家可以去上面的网址下载
（感谢peng0485的分享和讲解）
第三部分 作弊MOD的安装、使用以及存档位置
首先下载作弊MOD，解压后放到游戏安装目录的Paks文件夹下
（用前最好备份存档，以免意外。。）
作弊mod.rar (8.41 KB)
作弊mod.rar (8.41 KB)
下载次数: 486
2010-3-27 20:25
游戏存档的位置见下图
save.JPG (47.11 KB)
2010-3-28 11:40
关于作弊MOD的使用
点击左上角XL图标，选择第五个，也就是小扳手的图标，在屏幕中间会出现选项，点击CHEAT图标
cheat.JPG (300.67 KB)
2010-3-27 20:32
在CHEAT图标下，就是作弊的选项了
具体意思从上至下依次是
1、回到刚才选单
2、+50W的钱到我的城市
3、设置城市资金为5亿
4、修改资源买入价格
5、修改资源卖出价格
6、修改特别资源买入价格
7、修改特别资源卖出价格
cheat-0.JPG (299 KB)
2010-3-27 20:32
（此部分内容特别感谢cheuk18me94的分享和指导，原帖地址http://www.simcity.cn/thread-74310-1-2.html，本人只是稍加修改和润色
第四部分 游戏界面和截图
（终于到这部分了。。哈哈）
进入游戏点PLAY，我想大家都会吧。。
play.jpg (38.31 KB)
2010-3-27 23:47
有关地图选择界面，详见第五部分
下面我简单介绍一下游戏界面的功能键
1.JPG (7.27 KB)
2010-3-27 21:04
如上图，此为游戏功能键
第一个键可以将此全部的功能键收起来；
第二个键为交易键（在游戏中非常非常重要，后面会讲到）；
第三、第四个键，分别为图表和市长模式；
第五个键是镜头按键，可以打开或关闭镜头控制面板（下图）；
第六个键就是上文提到的CHEAT键；
最后两个键是回到大地图和退出游戏键。
顺便说一句，游戏SAVE是自动的，但每次退出游戏或退到大地图，都会自动存档，大家可以利用一下。
2.JPG (10.8 KB)
2010-3-27 21:04
上图为镜头控制键，本人就不多介绍了，大家一看就能明白~
3.JPG (7.09 KB)
2010-3-27 21:04
上图分别显示城市资金、人口、需求状态、公共交通，可以点击打开看详细。
右下角是游戏速度控制，有暂停、X1、X2、X3、X4、X5六种速度
4.JPG (5.62 KB)
2010-3-27 21:04
上图为市长头像、市长名字、还有城市名字（我的教学城市叫“B”。。。。）
[...]
超级城市CitiesXL安装教程
首先，当然是下载了，附3DM-CITYXL种子一个~
3DMGAME-Cities+XL+Limited+Edition.rar (22.09 KB)
3DMGAME-Cities+XL+Limited+Edition.rar (22.09 KB)
下载次数: 769
2010-3-27 16:56
下载后解压得到以下文件
999.JPG (10.43 KB)
2010-3-27 22:07
具体的安装过程我就不详细说了，不会的朋友可以去问问百度
FAQ可以去 http://www.simcity.cn/thread-59123-1-1.html 了解。
（万分感谢waxima的翻译和转载）
官方网站http://www2.citiesxl.com/ 英语好的朋友可以去看看
简介：Cities XL（开发代号Cities Unlimited）是一款由法国Monte Cristo开发的实时全三维城市建造游戏。Cities XL是以前作《梦想大都会》（City Life）的制作经验为基础开发的，但Monte Cristo否认前者为续作。游戏的玩法近似于《模拟城市4》的规划工商住用地、建设和财政管理。Cities XL的画面有很大程度依赖第三方开发者工具如EarthSculptor、World Machine、GeoControl和SpeedTree（英语：SpeedTree）来生成拟真的地形环境，建筑物的模型和实时灯光也是务求仿真，而Monte Cristo表示在追求高质素画面的同时也会兼顾显示卡较当前级数低的玩家。另外如同《梦想大都会》，Cities XL也允许完全不规则的城市规划，例如道路可以被建成传统的八基本方向直路，也可以向任何角度、甚至以点到点的方式拉出弯曲的道路。
再给大家发点游戏截图
baltimorecityhall.jpg (254.1 KB)
2010-3-27 17:13
beachmegalopolis.jpg (242.19 KB)
2010-3-27 17:13
aerialview01.jpg (294.69 KB)
2010-3-27 17:13
berlinvictorycolumn.jpg (204.64 KB)
2010-3-27 17:13
cam1stperson.jpg (309.95 KB)
2010-3-27 17:13
cityoverview.jpg (203.45 [...]
WordPress主题完全翻译教程
以前也有介绍过主题翻译，现在主题站更新的主题绝大部分都来自国外，都是很经典的主题，有些朋友不太懂英文，主题使用有些问题，所以今天就再详细、系统的介绍一下主题翻译，以后大家再遇到英文主题，可以参考这篇主题完全翻译教程来自己把英文主题翻译成中文版。
教程还是以一款主题的WordPress主题为例，我们就用FalknerPress这款主题作为例子，详细简介如果翻译主题。
一、俗话说，工欲善其事，必先利其器。
在翻译这款主题之前，先介绍几款工具。
1、还是推荐常用的，Editplus，这里有一个详细的使用介绍，简单看看就OK。
2、Topstyle，这是一款CSS编辑器，很智能。
二、开始翻译主题。
主题文件几乎每个都需要或多或少的翻译一些内容，这里我就举一些常用的文件翻译一下。
首先是header.php文件，也就是主题的头文件，主题的分类导航栏是英文的，看图：
我们需要把这些文字翻译成中文，现在我们用Editplus打开header.php，找到对应的代码：
Home
把其中的 Home 换成 首页 ，然后另存为UTF-8格式，覆盖原来的header.php就好了。
文章列表部分，也就是图片这部分主要有 index.php 控制：
这块翻译的地方比较多，我都用红线标记出来了：
其中 Lastest News 这里可以翻译成：最新发表 最新资讯 等，用Editplus打开主题文件夹下面的 index.php ，找到：
Latest News
把其中的 Latest News 里翻译成中文，另存为UT8-8格式，就好了。
另外还有几处地方，Posted by； under；’No Comments’, ‘1 Comment’, ‘% Comments’；这些都一一翻译成中文就可以了。这里特别说明一点，’No Comments’, ‘1 Comment’, ‘% Comments’这分别要翻译成：没有评论,1条评论，条评论。
另存为UTF-8格式就好。
其他翻译的地方也都类似，但要注意两点，一点是中英文的对照翻译，一点是另存为UTF-8格式。
大家在翻译的时候，可以尽量 ”非主流“一点，雷人一点，这样可以显出博客有自己的特点。
除了首页，还需要翻译单篇文章页面：single.php，归档页面：archive.php，搜索页面：search.php，等等页面。大家可以在翻译的时候自己搞定。
主题翻译中必然要翻译footer.php这个文件，但大家在很多时候打开这个文件都只能看到乱码，至于为什麽是乱码，我这里也说说，虽然主题多，但很多人在免费试用主题之后并不厚道，很多把主题作者的版权链接给去掉的，这方便好像国人特别喜欢去掉主题版权信息，所以很多主题作者在放出主题的同时，也就加密了，防止大家篡改这里的版权信息。所以如果遇到加密的，大家就不要修改了。
另外，为了体现对主题翻译者劳动的尊重，翻译者可以在Footer.php里加上翻译的信息，或者在CSS的最开始加上说明即可。
本来先整理一份中英文对照表，但是觉得大家应该各自发挥，所以就不给大家规范，大家自己来就好了。
最后说明一点，这里之所以介绍Topstyle这个CSS编辑器，是因为有些应为主题的字体在翻译成汉语之后会有点大，不太合适，这时候使用这个调整对应的CSS就可以了，但这只是极少数的情况。
基本上就这样了，大家可以自己尝试一下，Wopus主题站的很多主题都是没有中文版的，大家可以帮忙汉化一下，然后投稿给我们：tougao@wopus.org ,也算是对WordPress本地化的一种贡献。
有什么不明白的，欢迎留言，我会一一作答。
自己动手汉化WordPress模板
好的WordPress模板都源自国外，所以大家使用的模板，基本上都是英文的，今天交大家自己动手，把使用的模板翻译成中文的，继续WordPress本地化！
今天我们就拿WordPress默认的模板作为例子。
在教程开始之前，首先想大家介绍一个PHP文件的编辑软件，软件我在前面已经介绍过了，点击查看！
首先介绍一下WordPress的基本模板文件：
view source
print?
1.style.css
: CSS(样式表)文件
view source
print?
1.index.php
: 主页模板
view source
print?
1.archive.php
: Archive/Category模板
view source
print?
1.404.php
: Not Found 错误页模板
view source
print?
1.comments.php
: 留言/回复模板
view source
print?
1.footer.php
: Footer模板
view source
print?
1.header.php
: Header模板
view source
print?
1.sidebar.php
: 侧栏模板
view source
print?
1.page.php
: 内容页(Page)模板
view source
print?
1.single.php
: 内容页(Post)模板
view source
print?
1.searchform.php
: 搜索表单模板
view source
print?
1.search.php
: 搜索结果模板
这些模板文件都会被调用，所以要把这些文件中显示的部分，都翻译成中文。
默认模板首页中的header.php是不需要我们翻译的。我们主要翻译内容部分，侧边栏部分和页尾部分，现在我们开始一一翻译。
index.php文件的翻译：
图片中需要翻译的部分，我已经分别标记出来了。
一，使用Editplus打开：index.php，复制”Read the rest of this entry”，在”index.php”里搜索，会找到这样的一行代码：
<code><?php the_content(‘Read the rest of this entry »’); ?></code>
把“<?php the_content(‘Read the rest of this entry »’); ?>”替换成“阅读全文”。
二，再搜索”Tags”,会搜索到两个”Tags”，根据上面的经验，需要修改的是括号里的”Tags”。替换成”标签”。
三，搜索”Posted in”,修改成”发表在”。
四，搜索”Comments”，会搜索到3个”Comments”,而另外一个”Comment”被跳过，需要修改括号内的两个加S的，和一个不加S的，都修改为”条评论”。
至此，图片中需要翻译的地方，我们已经翻译完了，但当你的日志超过数量在一个页面显示不完时，就会到第二个页面，这是会在首页的日志下面看到这样的一个超链接：Older Entries，在最后一页展示日志的下面会看到这样的超链接：Newer Entries。在中间的页面，可以同事看到这两个超链接，翻译成中文就是”较早日志”和”较新日志”。
然后另存文件，选择编码为：UFT-8格式，覆盖原来的index.php，效果就出来了。
侧边栏(sidebar.php)的翻译：
节省资源。相应需要翻译的也已经标注出来了。
使用Editplus打开sidebar.php，搜索”Pages”,改成”页面”。About的修改需要到后台–管理–页面管理，把About修改成”关于”就可以了，以后新建的页面，也会在这里显示，记得标题都使用中文就可以了。
搜索”Archives”，修改的是”<h2>Archives</h2>”这个，修改成”归档”。
搜索”Categories”，修改成”日志分类”。
搜索”Blogroll”,修改成”友情链接”。
搜索”Meta”,修改成”管理”.
“Site Admin”显示的是登陆的状态，如果没登陆，显示的则是”Log in”,在没登陆的状态下，”Log out”是看不到的。他们的翻译需要设计.po语言包，我们以后再讲。
页尾(footer.php)的翻译：
默认模板的页尾相当简单，不需要翻译什么。
后记：
相信大家已经明白了，模板的翻译其实是很容易的，可以自己尝试下，在翻译模板的时候，需要注意两个方面：第一，找对显示出来的英文在代码中的正确位置；第二，找到合适的对应中文。
其他的页面，我就不一一翻译了，有兴趣的朋友可以自己尝试着翻译。如果在翻译的过程中遇到了什么问题，请直接留言。
用Photoshop设计一个旅行布局
In this Photoshop tutorial I will show you how to create a travel template. If you are an affiliate marketer, right now is the best time to create such a website, because you will see a lot of offers for you. This layout could be changed very easy into a travel blog.
Preview full size layout
Apply [...]
CSS文字排版终极指南
译自：The Ultimate Guide to CSS Typography
中文：CSS文字排版终极指南
请尊重版权，转载请注明来源！多谢。
在今天的设计中，排版常常被忽视，特别是被网页设计师忽视。这真是件遗憾的事情因为CSS可以做很多事情来控制我们的排版。也就是说，我们被局限于某些“网络安全”排版，但是我们不应该限制我们自己的创造性。本文整理了一些用于在网页上排版的CSS技巧。
Font属性
CSS提供了font属性，它允许我们在我们的页面中调整文字。这是一系列的关于语法和如何使用CSS调整文字的概述。
Font-size
使用font-size可以修改你的文字的大小。
1
2
3
font-size: 1.2em;
font-size: 12px;
font-size: 10pt;
预览
文字大小为1.2em.
文字大小为12px.
文字大小为10pt.
PS:关于font-size，推荐一下码头写的《http://www.css88.com/archives/821》
Font-weight
该属性用来改变你的文字的粗细(比如bold, bolder)
1
2
3
4
font-weight: normal;
font-weight: bold;
font-weight: bolder;
font-weight: lighter;
预览
font-weight设置为normal
font-weight设置为bold
font-weight设置为bolder
font-weight设置为lighter
font-weight属性还可以使用100,200,300,400,500,600,700,800,900等数字值，数字越大，文字越粗。400等效于normal，700等效于bold。
Text-transform
text-transform属性允许你应用uppercase(大写), lowercase(小写), 以及capitalize(首字母大写)等效果到你的文字。当然，该属性不能用于中文。
1
2
3
4
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: inherit;
预览
Capitalizes the first letter in every word
Allows your html to be lower case the converts it all to uppercase characters
ALLOWS YOUR HTML TO BE UPPERCASE THEN CONVERTS IT TO LOWERCASE, THIS WAS TYPED IN ALLCAPS
inherits the [...]
用Photoshop制作一个受大自然启发的布局
In this tutorial I will show you how to create an unusual website layout inspired by nature. If you have the right photos you will need less than 30 minutes to complete this layout. This type of tutorial was requested by Grafpedia Members.
If you want to download this layout you need to apply for a [...]
一个简单的布局是如何混合图案、图片和背景图片
Step 1 – Creating the Basic Layout
So our first task is to design a layout for our page. We’re not going to do anything too fancy because the tutorial is about backgrounds more than layouts. Still it should look good and be an actual workable layout. So in the image above you can see my [...]