国外主机指南

提供国外虚拟主机评测,VPS主机,国外主机托管租用,优惠码信息,域名注册信息及优惠活动。

导航

WordPress友链插件WP Render Blogroll Links

友情链接,是博主之间友谊的维系,当你的友情链接越来越多的时候?首页侧栏中不能再继续添加友链的时候?当你的友情链接严重影响到你博客的美观的时候?你会怎么办呢?毋庸置疑,想必你会新建一个页面来放置这些友情链接。

而放置这个友情链接的页面,虽然,之间新建就OK了,但是,每个链接你都需要自己亲手添加,DIY的话,估计就有点麻烦了,而且,每当你添加新的链接的时候,就需要同时更新这个页面,让人烦不胜烦,所以,你就有必要看看这款插件了WP Render Blogroll Links,它可以使你不必创建自定义模板,而且使用非常的方便。

More...

Fast-CGI VS SuPHP

今天中午一个同事问这2个是什么东西,其实很早以前就接触过这2个模块,也只是知道点概念。今天再找了些文章读了下这方面的东西。也引出来很多东西,比如mod_php,dso。。。。现总结下。具体测试过的朋友可以看看到底以哪种情况运行PHP最佳。。。[wiki]FastCGI[/wiki]和 [wiki]SuPHP[/wiki] 概念。mod_php嵌入在Apache进程空间中运行,而mod_fastcgi则将PHP脚本请求传递到独立于Apache进程之外的PHP fastcgi服务器中。

More...

美国主机JustHost与HostMonster的Uptime –2010/05

hostmonsterjusthost根据pingdom对北山的JustHost主机演示网站–review-justhost.com和HostMonster主机演示网站-review-hostmonster.com的监测,下面贴出这两个美国主机JustHost与HostMonster在2010年5月份的uptime。

More...

2010南非世界杯WordPress插件

2010南非世界杯昨日正式揭开序幕, 我相信会有很多相关报道文章都是通过WordPress发布,这本来与WordPress没什么相关,不过如此好的一个吸引流量的机会,如果不想错过的话,你完全可以在自己的WordPress网站上添加一些2010世界杯元素。这里给大家推荐几个插件以及一个2010南非世界杯主题。

2010南非世界杯插件

  • 英格兰世界杯倒计时插件此插件会显示英格兰在本届世界杯下一场比赛的倒计时,在倒计时的侧边栏有一个非常漂亮的英格兰图片。每一场比赛开始之后它会自动转到下一场比赛。如果你是英格兰的球迷的话可以从这里下载插件
  • 世界杯预测 此插件是专门为了收集用户对2010南非世界杯每场比赛的预测而专门设计的。用户预测小组赛、淘汰赛的成绩并根据预测的精确度来给予积分。使用这个插件也可以显示比赛结果。下载World Cup Predictor插件。
  • wp-football 通过这个插件,你可以管理世界杯各个球队。这是一个完整的2010南非世界杯赛程表,杯赛以及部分赛程都可以通过小程序或页面展示出来。这款插件可以根据分组规则、以及相互比赛结果进行自动计算排名。点击下载wp-football插件。

2010南非世界杯主题

有人甚至已经为这届世界杯开发了专门的主题,茵茵绿草地上的足球呈现在你的面前。目前我还没有测试过这个主题,感兴趣的同学想点击这里了解更多的信息。

原文

More...

WordPress网站宕机,祸及数百万的博客

WordPress网站(WordPress.com)以及数百万在此托管的博客今天早上出现宕机,不仅是在WordPress.com上托管的博客遭受影响,就连WordPress VIP博客也难逃此劫。

WordPress所托管的博客目前都只有下面的提示信息:“WordPress.com一会就回来!”

包括VIP用户 TechCrunchGigaOm在内的数百万名博客都中断服务, WordPress.com早在二月份的时候也经历宕机

More...

Lunarpages说QQ邮箱上黑名单了

Lunarpages最近北山(www.xiao4ren.com)为一个朋友弄网站的时候,被Lunarpages主机的企业邮箱搞得有点麻烦,用LunarPages主机搞了个企业邮箱,用自己域名做后缀的邮箱用途还是蛮多的。可是这个企业邮箱在面对QQ邮箱的时候,遇上了麻烦。

More...

CSS跨浏览器开发原则

在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。

虽然我也同意每个项目都实现浏览器的完全兼容性,即所有web浏览器(暂且不考虑手机浏览器)用户都能体验相同的完美设计效果是永远都不可能的,但是,我相信大多数情况下近乎完全兼容性却是可以实现的。作为开发人员,我们的目标不应该仅仅停留在让项目在每个浏览器都能运作,而应该尽可能用最少的代码让项目在每个浏览器中都能实现尽善尽美,让今后网站的维护更加轻松。

这篇文章将向大家介绍一些最为重要的CSS 开发原则和技巧,希望能够帮助前端开发的新手和老生用最少的CSS代码实现跨浏览器体验的一致性。

CSS盒模型( Box Model)

CSS盒模型是网页布局的基础,如果你想要实现跨浏览器布局的一致性,这是第一个必需透彻学习的对象。好在,它并不难掌握而且通常在所有浏览器上的效果都是一样的,除了某些情况下会与IE的版本相关(这个后面会详细谈到)。

CSS盒模型负责计算:

  • 一个块级(block-level)元素占用多少空间。
  • 边框(border)和/或外边距(margins)是否重叠或崩溃。
  • 一个盒的尺寸大小。
  • 从某种程度上说,它可决定一个盒与页面中的其他内容的相对位置。

CSS盒模型的基本规则如下:

  • 块级(Block-level )元素基本上是矩形。
  • 块元素的尺寸是通过宽、高、填充、边框和外边距来计算的。
  • 如果没有指定高度,块元素将会依据它所包含的内容来显示高度加上填充 (除非设置了浮动 floats,见下文)。
  • 如果没有指定宽度,就会出现一个非浮动 non-floated盒并以适应父盒的宽度显示,减去填充(下文有更多介绍)。

关于块级元素,需要切记以下几个要点:

  • 如果某个盒子(box)的宽度设定为“100%”,它就不能有任何外边距、填充或边框,否则它就会溢出父盒子。
  • 垂直相邻外边距可能会导致复杂的崩溃问题而最终造成布局出问题。
  • 相对位置的元素和绝对位置的元素是有区别的,这个涉及的东西比较多,这篇文章就不介绍。

在Firefox中使用Firebug显示的盒模型( box model )

块级元素Block和内联元素 Inline的区别

经验丰富的开发人员可能觉得这没什么好说的,不过,我觉得这个一个非常重要的问题,要是能够做到透彻理解,你就会说“啊,原来如此” 很多头疼的问题就会迎刃而解,以后对创建跨浏览器布局信心也会大大增强。

下面的图片说明了块级元素block和内联元素inlin的区别:

  • Block元素默认情况下会自然横向扩展来填充父容器,因此没有必要设置宽度为“100%”。
  • Block元素默认情况下会从父盒的最左边开始低于以往任何块元素(除非使用漂浮或定位元素,见下文)。
  • Inline元素无视宽度和高度的设置。
  • Inline元素会与文本一起流动,并受排版属性如空格、字体大小和字母间距的影响。
  • Inline元素可以使用垂直对齐属性对齐,而block 元素不能。
  • Inline元素的下方会自然留出一些空间以容纳破行掉下的文本元素。
  • inline元素如果设置为漂浮可以变成块元素。

浮动和清除元素

为了让队列布局相对易于维护,最佳的办法就是使用漂浮(floats) 。因此,想要实现跨浏览器体验的一致性,对float是如何运作的是否有扎实的理解就成为了另一个非常重要的因素。

一个浮动元素可以向左或是向右浮动, 使用浮动的结果是,浮动元素会依据指定的方向漂流直到它的边缘碰到其父容器或是另一个浮动元素的边缘。所有非浮动,出现在浮动元素下方的内联内容将会朝浮动的相反方向沿着它的边缘流动。

关于浮动和清除元素,需要切记以下几个要点:

  • 浮动元素时从其他块级元素、非浮动元素上移动出来的,换句话说,如果你将一个盒元素向左侧浮动,那么非浮动的尾随段落(块级别元素)将会出现在浮动元素的后面,段内的任何文本 (内联级别元素)将会围绕浮动元素流动。
  • 想要让内容围绕着一个浮动元素流动,需要确保它是属于内联元素或与浮动元素的方向一致。
  • 如果浮动元素没有指定宽度,将会压缩至内容的宽度,因此,通常最好还是给浮动元素设定一个宽度。
  • 如果块元素包含了浮动的子元素,就会造成块元素“崩溃” , 需要进行修复

从IE开始着手开发

到现在为止,这篇文章还主要讲CSS代码和布局的原则。是否先从IE开始着手更多是与设计师的习惯和偏爱有关联的。虽然在日常上网我们可能很讨厌使用IE6和 IE7,但是为客户开发项目时,在开发初期首先要做的就是 在这些浏览器中测试页面布局。一开始就确保它在IE6、IE7上的兼容性,以后再对其他浏览器进行测试和可能需要的修改,会比反过来简单得多。要是等到开发后期才检查IE6、IE7的兼容性可能会造成下面的问题:

  • 需要用到更多的hacks,不同的IE版本需要单独的样式文件,代码变得臃肿,维护起来麻烦,网站速度更慢。
  • 某些地方的布局可能需要重做,开发时间大大增加。
  • 测试时间增加,其他重要任务的时间就越少了。
  • 其他浏览器中的布局效果可能会与IE6、IE7不同。

当然对于个人项目、web应用或其他非客户的工作,开发人员可以不使用IE。但对于用户群主要使用IE的企业客户,优先从IE上着手开发可以避免很多头疼的问题,这无疑会使得跨浏览器一致性变得更有可能。

有时候一味地将 IE的问题认定为“恼人的bug”会给自己带来不必要的消极情绪,会妨碍开发和今后的维护工作。设计和开发人员应面对这个现实,把IE的问题当成普通的CSS问题一样看待,从IE上开始项目的开发才是正道。

IE最常见的问题

如果你打算从IE开始项目的开发,或者至少在项目的初期就在IE上检查布局,那么你应该知道IE(通常是6.7)都有哪些问题或者说它局限性在哪里。

关于IE浏览器上每一个可能出现的问题,这篇文章有详细列出。这里就挑选几个最为重要的问题:

  • 如果过度使用浮动元素,IE6就会出现问题,内容消失内容重复(两个极端)。
  • IE6上浮动元素与浮动方向同一个方向的外边距会加倍。
  • IE6和IE7如果一个元素没有布局会导致一系列问题,包括背景无法显示,边缘凸出等等
  • IE6不支持基于min- 和max- CSS 属性,如min-height或max-width。
  • IE6不支持背景图片固定位置。
  • IE6和 IE7不显示很多属性的预备值 (如, inline-table, table-cell, table-row, 等)。
  • IE6上的任何元素,除了锚文本(<a>)之外,不能使用hover 伪类。
  • 某些IE版本对CSS选择器的支持非常有限 (如,属性选择器、子选择器等)。
  • IE 6-8对CSS3的支持比较少,不过也有一些变通的方法

当然IE上还会很多bugs和问题以及不一致性,上面这些是最常见和最普通的,如果想要实现跨浏览器上完全相同的用户体验务必切记以上的几点,并 对这些问题进一步研究,更准确地理解这些问题和应对办法。

一些永远不可能一样的东西

如前面所说,想要在每个不同的浏览器上实现同样的视觉体验和功能体验是可能的,但并非易事。你可以使布局和元素的位置精确到每个像素,但是也有一些事情是开发人员无法控制的。

表单往往会不一样

如果要把表单元素在不同浏览器上的区别都讲述清楚可能需要单独花上一篇文章来说,这里就不再详谈。通过看下面的图,相信应该会非常直观地看出这些不同。

下图显示的Facebook主页上<select> 元素在5个不同浏览器版本上的截图 (截图来自 Adobe’s Browserlab):

More...

Wordpress博客表情插件Custom Smilies

wordpress正文或留言中插入表情,是不是很生动呢?也会让访客感到更有乐趣的,实现这个功能很简单,可以直接安装插件或添加代码,那么,就看看Custom Smilie这款插件吧。

Custom Smilies的安装使用:

  1. 下载Custom Smilies插件,解压后,上传到plugin目录;
  2. 登录wordpress后台控制面板,在plugins中找到Rustom Smilies插件,激活插件后既可使用了插件。
  3. 在“Settings”中找到“Smilies”,设置插件即可,出现如下图页面:

More...

IXwebhosting无限制的主机数据库连接问题收集

我购买了IXwebhosting的无限制主机(3个免费域名,15个IP那种)不到一个月,我已经两次发现数据库连接不上,而且一旦出现这问题就会好几个小时打不开我的网站,不知道各位有没有碰到类似问题?是我程序有异常?还是IXwebhosting主机的数据库不太稳定?

More...

如何给WordPress博客添加Google Buzz按钮

相信大家都比较熟悉Google buzz 吧,它是一种社交服务工具,你可以通过它与朋友分享你更新的文章、照片、视频。现在很多新闻发布机构、站长、互联网痴迷者都离不开它。你也想在WordPress博客中使用它,向更多的用户来分享和传播你的日志吗?那么这篇文章将会教大家两个简单的方法来实现这个功能。

手动添加Google Buzz

1. 登录WordPress博客。

More...

网友发文揭穿IPv9奥秘 称域名转换类似DNS劫持

网友发文揭穿IPv9奥秘 称域名转换类似DNS劫持来源:IT时报 2010年06月07日08:36我来说两句(0)复制链接打印大中小大中小大中小  IT时报记者 林斐  几年前曾经打着维护中国网络主权的IPv9技术(或者被称为十进制网络)现在已经悄无声息,当初其发明人谢建平、十进制网络标准工作组及其学术团队一直以“商业机密”为由,拒绝公开有关IPv9的技术细节,不过最近一位名叫yx9fun的网友发文揭穿IPv9背后的奥秘。

More...

说说美国主机代购的那点破事

美国主机关于美国主机代购,其实是和北山无关的事情,尽管现在市场很火。北山(www.xiao4ren.com)只是评论,不销售主机,也不代购美国主机。呵呵,说话还是留点余地,至少现在,以及可预见的一两年内是这样的。

More...

Outreach Child Theme - StudioPress WordPress Theme

主题名称: Outreach Child Theme商业版权: StudioPress详细内容: More Info演示地址: Live DemoCurrent version: 1.0 · Updated: 5/4/10 · Requires: WP 2.9.1 · BuddyPress compatible: NoTags: 2 or 3-columns, fixed-width, theme-options, threaded-comments

More...

Sparta - ThemeForest WordPress Theme

主题名称: Sparta商业版权: ThemeForest详细内容: More Info演示地址: Live DemoBehold Sparta, a simple and ultra-clean WordPress theme. Following the minimal trend in design, Sparta offers a no-nonsense and no-frills approach to theme design, inspired by the Spartans of yore. It’s a differentiated left-aligned two-column layout that makes it really easy to read and navigate. It has a Featured Post Slider using JQuery, and a topical navigation to give it a magazine style treatment. The versatile layout can be used for different purposes, such as an online magazine, a personal blog, or a professional blog for your business. Perfect for those stylish niches like design, fashion, lifestyle, culture, and art, but will work for anything if you simply like good, clean and minimal design.

More...

Luxury - ThemeForest WordPress Theme

主题名称: Luxury商业版权: ThemeForest详细内容: More Info演示地址: Live DemoLuxury Wordpress TemplateLuxury is a clean, feature packed Wordpress theme designed to make your life easier.luxury_v1.4.zip (4.52 MB)

More...

PureCorp - ThemeForest WordPress Theme

主题名称: PureCorp商业版权: ThemeForest详细内容: More Info演示地址: Live DemoPureCorpWP - WordPress promo themePureCorp is proffesional WordPress theme created for promoting any kind of application, desgined with blog, pricing subpages and more!

More...

博客和减肥

博客和减肥,这两者之间能有什么关系?

1. 两者都需要花费时间和精力

为了保证减肥成功,获取意见、制定可行的减肥计划是必要的。

同样的,制订一个通向成功的博客计划也是个不小的挑战。

而成功的最大捷径就是努力地付诸实践。 向一些成功人士取经,请他们提供意见,学习他们的成功经验。 为自己订制一个每日计划、每周计划、每月计划甚至年度计划。

More...

关于CN域名锁定(serverhold状态)说明

  最近一直有用户询问为何新注册的CN域名有加一个小锁,或者说为何解析了不能生效。这个其实已经有半年时间了,只是最近似乎有很多用户又提出疑问,所以统一说明一下。请用户查询whois,看是否有一个状态是serverhold。  原因:是因为域名没有备案的原因,此状态并非注册商添加,此状态是由CNNIC直接添加,是否所有没备案的域名都有这个状态,从目前的情况来看,09年12月14日以后注册的CN域名基本上都会有。

More...

Name.com: 你无语,我更无语

name.com一直就对Name.com非常凌乱的界面没有什么好感,不过也有些朋友喜欢name.com的简洁,包括管理后台也算简洁,而且没有GoDaddy那样经常发一些促销邮件,因此,name.com也曾经在吸引了不少的粉丝。

More...

WordPress最新留言插件Recent Comments

WordPress最近留言插件,可以提供一个高度定制的差距,用来显示您的访客在侧栏的最近评论,输出的样式完全可以根据你自己喜欢的样式进行自定义。

Recent Comments插件的特点:

  • widget样式:可以定义每个边栏放置的CSS规则
  • 评论过滤:过滤你要输出的评论,可以更加分类、页面来显示访客的评论
  • 评论类型:可以选择评论显示的类型
  • 自定义标签:混合使用定制HTML标签
  • Gravatar启用:支持WordPress的gavatar功能

More...

分页:[«][17]18[19][20][21][22][23][24][25][26][27][28][29][30][31][»]

Powered By Z-Blog 1.8   Theme By Bokezhuti

Copyright 国外主机指南 www.xiao4ren.com. Some Rights Reserved.