eCommerce - Webmaster Resource- 电子商务 » Web Design http://blog.toplistweb.com Sun, 20 Jun 2010 09:28:02 +0000 http://wordpress.org/?v=2.8.1 en hourly 1 Webpage looks good in IE, but has problem in FireFox http://blog.toplistweb.com/2009/12/webpage-looks-good-in-ie-but-has-problem-in-firefox/ http://blog.toplistweb.com/2009/12/webpage-looks-good-in-ie-but-has-problem-in-firefox/#comments Mon, 07 Dec 2009 07:46:10 +0000 webmaster http://blog.toplistweb.com/2009/07/webpage-looks-good-in-ie-but-has-problem-in-firefox/

I just wrote a webpage. It looked good in IE, but had problem in FireFox

The title was down lower in the page.

After checked the HTML code, I find it’s because follow code:

<td valign=”top”>

VALIGN set in TD is invalid in FireFox.

Changed to:

<td style=”vertical-align:top”>

Then the problem is fixed.

]]> http://blog.toplistweb.com/2009/12/webpage-looks-good-in-ie-but-has-problem-in-firefox/feed/ 0 How to protect articles and images on your website http://blog.toplistweb.com/2009/10/how-to-protect-articles-and-images-on-your-website/ http://blog.toplistweb.com/2009/10/how-to-protect-articles-and-images-on-your-website/#comments Tue, 20 Oct 2009 09:35:21 +0000 webmaster http://blog.toplistweb.com/2009/05/how-to-protect-articles-and-images-on-your-website/ How to protect articles and images on your wesite from being copyed and pasted? Following methods can make it harder for web content theft.

Method 1: disable right click，disable any paste and copy。

<body topmargin=”0″ leftmargin=”0″ bgcolor=”#ffffff” oncontextmenu=’return false’ ondragstart=’return false’ onselectstart =’return false’ onselect=’document.selection.empty()’ oncopy=’document.selection.empty()’ onbeforecopy=’return false’ onmouseup=’document.selection.empty()’>

Explain:
oncontextmenu=’return false’ <!–disable right click –>
ondragstart=’return false’ onselectstart =’return false’ onselect=’document.selection.empty()’ oncopy=’document.selection.empty()’ onmouseup=’document.selection.empty()’<!–//disable select –>
onbeforecopy=’return false’ <!–disable copy–>
Method 2: disable “save image as” function, without disable right click

In “HEAD” section, add following code:
<meta http-equiv=”imagetoolbar” content=”no”>

In”BODY”section, add following code:

<script language=”javascript”>
function Click(){
if(window.event.srcElement.tagName==”IMG”)
{
window.event.returnValue=false;
}
}
document.oncontextmenu=Click;
</script>

Method 3: only disable copy and paste function .

<body self.event.returnValue=false onselectstart=”return false”>

Method 4：disable image toolbar and right click on a image.

Disable image toolbar：<img src=”EXAMPLE.jpg” width=”300″ height=”300″ galleryimg=”no”>
Disable right click：<img src=”EXAMPLE.jpg” width=”300″ height=”300″ oncontextmenu=”return false”>

Method 5: disable web cache.

First in “HEAD” section add following code:
<!– MICROSOFT/NETSCAPE/MOZILLA BROWSERS all add following tag –>
<meta http-equiv=”Pragma” content=”no-cache”>

<!– MICROSOFT BROWSERS add following tag –>
<meta http-equiv=”Expires” content=”-1″>

Second between</body>and </html> insert following code:
</body>
<!– add additional HEAD code –>
<head><meta http-equiv=”Pragma” content=”no-cache”></head>
</html>

Method 6: disable web browser.

For example, to disable: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Opera 7.54
You can add following code in “JAVA” setting in “HEAD” section:
if(navigator.userAgent.match(/Opera/ig)) {
location.replace(”opera-not-supported.html”);
}

Method 7: always use frame to hide your real URL.

<script language=”javascript”><!–
if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页
// –></script>

Method 8：protect your page from being framed into otherone’s webpage.

<SCRIPT LANGUAGE=javascript><!–
if (top.location != self.location)top.location=self.location;
// –></SCRIPT>

Method 9：encode your webpage and watermark your images.

1-8 methods can only make trouble to web theaf who know little about computers. A more effective method to protect your website content is to encode your webpage and water mark your images.

]]> http://blog.toplistweb.com/2009/10/how-to-protect-articles-and-images-on-your-website/feed/ 0 FIREFOX中TD用VALIGN不能上对齐的解决办法 http://blog.toplistweb.com/2009/07/firefox%e4%b8%adtd%e7%94%a8valign%e4%b8%8d%e8%83%bd%e4%b8%8a%e5%af%b9%e9%bd%90%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/ http://blog.toplistweb.com/2009/07/firefox%e4%b8%adtd%e7%94%a8valign%e4%b8%8d%e8%83%bd%e4%b8%8a%e5%af%b9%e9%bd%90%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/#comments Tue, 07 Jul 2009 04:32:26 +0000 webmaster http://blog.toplistweb.com/2009/07/firefox%e4%b8%adtd%e7%94%a8valign%e4%b8%8d%e8%83%bd%e4%b8%8a%e5%af%b9%e9%bd%90%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/

在IE浏览器中显示正常的网页，在FIREFOX中文字却掉到下面，不能上对齐。

经检查发现是以下一段代码:

<td valign=”top” >

TD的VALIGN设置在FIREFOX中不起作用。

修改为：

<td style=”vertical-align:top;” valign=”top” >

即可在FIREFOX中正常显示。

Technorati :
Del.icio.us :
Zooomr :
Flickr :

]]> http://blog.toplistweb.com/2009/07/firefox%e4%b8%adtd%e7%94%a8valign%e4%b8%8d%e8%83%bd%e4%b8%8a%e5%af%b9%e9%bd%90%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/feed/ 0 3 simple steps to recover your wordpress admin password http://blog.toplistweb.com/2009/05/3-simple-steps-to-recover-your-wordpress-admin-password/ http://blog.toplistweb.com/2009/05/3-simple-steps-to-recover-your-wordpress-admin-password/#comments Thu, 07 May 2009 02:43:45 +0000 webmaster http://blog.toplistweb.com/2009/04/3-simple-steps-to-recover-your-wordpress-admin-password/ When you lost your wordpress password, just use following method to recove it.

1.Login you cpanel, use phpmyadmin to edit your database/userdata, set a email to receive the password.

2.Go to ***.com/wp-login.php, click “lost your password” and then input your username or email.

3.Check your email, you’ll get your password then.

You can login your wordpress blog now.

]]> http://blog.toplistweb.com/2009/05/3-simple-steps-to-recover-your-wordpress-admin-password/feed/ 0 How to add php code in html files http://blog.toplistweb.com/2009/05/how-to-add-php-code-in-html-files/ http://blog.toplistweb.com/2009/05/how-to-add-php-code-in-html-files/#comments Tue, 05 May 2009 02:43:00 +0000 webmaster http://blog.toplistweb.com/?p=128 To insert php code in a html file, just use the following method:

1. in your html file use
html Code:
<script src=”/script.php” type=”text/javascript”></script>

2. then in the php file, make sure you use
php Code:
<?phpheader(”content-type: application/x-javascript”);?>

]]> http://blog.toplistweb.com/2009/05/how-to-add-php-code-in-html-files/feed/ 0 怎样加密你的网页代码 http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e5%8a%a0%e5%af%86%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e4%bb%a3%e7%a0%81/ http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e5%8a%a0%e5%af%86%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e4%bb%a3%e7%a0%81/#comments Fri, 01 May 2009 07:34:21 +0000 webmaster http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e5%8a%a0%e5%af%86%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e4%bb%a3%e7%a0%81/ 当你设计好一个网页或模版提供出售或免费分享时， 你可能需要保持你的版权信息和链接不被未经许可移除。网页代码加密能为此提供一个很好的解决办法。

虽然网页加密对于了解某个加密方法的人来说，很容易解开。但是争对于大部分不懂加密的用户，这种方法还是有效的。所以你还是可以对大部分用户，用这种方法保护你的版权。

步骤1：完成你需要加密的那部分网页代码。
步骤2：选取你要的加密方法。比如base64 encoder at Motobit。拷贝你要加密的代码到加密器中，得到加密后的结果。
例如源代码：
<table cellpadding=”6″ cellspacing=”0″ border=”0″ width=”100%” class=”page” align=”center”>
加密后的结果：
PHRhYmxlIGNlbGxwYWRkaW5nPSI2IiBjZWxsc3BhY2luZz0iMCIgYm9yZGVyPSIwIiB3aWR0aD0i
MTAwJSIgY2xhc3M9InBhZ2UiIGFsaWduPSJjZW50ZXIiPg0K

步骤3：现在你可拷贝加密后的结果回来， 用以下形式代替原网页中的代码：
<?php $str = ‘xxxx’ ;echo base64_decode($str);?>

网页加密完成。现在你再看你的网页，在浏览器中和平常一样显示。但源代码部分已被加密。

]]> http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e5%8a%a0%e5%af%86%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e4%bb%a3%e7%a0%81/feed/ 0 怎样防止图片被盗链 http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%9b%be%e7%89%87%e8%a2%ab%e7%9b%97%e9%93%be/ http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%9b%be%e7%89%87%e8%a2%ab%e7%9b%97%e9%93%be/#comments Fri, 01 May 2009 06:39:21 +0000 webmaster http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%9b%be%e7%89%87%e8%a2%ab%e7%9b%97%e9%93%be/ 图片盗链往往占用你的很大部分网站流量，而不会带给你网站实际的访问者。以下方法可有效防止图片被盗链。

1、在Cpanel里设置HotLinkProtection
设置你允许直接链的站点(URLs to allow access)，可加入你自己所有的站点。除此之外的其他网站盗链过来的请求都会被拒绝。
设置防盗链的文件类型(Block direct access for these extensions) ，比如jpg,jpeg,gif,png,bmp,png,exe,rar,zip
设置重定向的网址(Redirect request to this URL)，这项可设可不设。设定的话，别人盗链时即显示的是这个地址。
点击Submit启用即可。

2、使用Url Rewrite功能, 在httpd.ini中加入Rewrite语句检查REFER，如果REFER的信息来自其他网站则禁止访问所需要的资源。
RewriteCond Host: (.+)

RewriteCond Referer: (?!http://\1.*).*

RewriteRule .*\.(?:gif|jpg|jpeg|png|bmp|exe|rar|zip) /block.gif [I,O]

这时重启服务器，防盗链即开始起作用，其他网站过来的请求都会被视为盗链而拒绝。
3、如果WEB服务器用的是APACHE的话，那么可以很方便地使用APACHE自带的Url Rewrite功能。如果WEB服务器用的是IIS的话，ISS本身不支持UrlRewrite。但是可以通过安装第三方服务器扩展让IIS支持，比如ISAPI_Rewrite（下载地址在： http://www.helicontech.com/download/）。
ISAPI Rewrite的有个免费的LITE版本，其它都是trial版本。ISAPI Rewrite Lite的版本功能不支持虚拟站点配置，元数据监测和自动缓存清理。 不过基本的UrlRewrite功能都支持。

]]> http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%9b%be%e7%89%87%e8%a2%ab%e7%9b%97%e9%93%be/feed/ 0 怎样防止别人盗用你的网页和图片 http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%88%ab%e4%ba%ba%e7%9b%97%e7%94%a8%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%92%8c%e5%9b%be%e7%89%87/ http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%88%ab%e4%ba%ba%e7%9b%97%e7%94%a8%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%92%8c%e5%9b%be%e7%89%87/#comments Fri, 01 May 2009 05:48:27 +0000 webmaster http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%88%ab%e4%ba%ba%e7%9b%97%e7%94%a8%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%92%8c%e5%9b%be%e7%89%87/ 怎么样防止你的网站文章和图片被非法复制，保存，拷贝？ 用以下方法，可以一定程度上对窃取者造成麻烦，防止别人轻易不劳而获抄袭你的网页内容。

网页防盗用的方法之一:禁止右键，禁止任何被选中拷贝和粘贴。

<body topmargin=”0″ leftmargin=”0″ bgcolor=”#ffffff” oncontextmenu=’return false’ ondragstart=’return false’ onselectstart =’return false’ onselect=’document.selection.empty()’ oncopy=’document.selection.empty()’ onbeforecopy=’return false’ onmouseup=’document.selection.empty()’>

说明
oncontextmenu=’return false’ 禁止鼠标右键
ondragstart=’return false’ onselectstart =’return false’ onselect=’document.selection.empty()’ oncopy=’document.selection.empty()’ onmouseup=’document.selection.empty()’禁止选取
onbeforecopy=’return false’ 禁止拷贝


网页防盗用的方法之二是:不禁止右键,只是禁止右键图像另存为。

在HEAD区加
<meta http-equiv=”imagetoolbar” content=”no”>

在BODY区加

<script language=”javascript”>
function Click(){
if(window.event.srcElement.tagName==”IMG”)
{
window.event.returnValue=false;
}
}
document.oncontextmenu=Click;
</script>

网页防盗用的方法之三：只在网页上禁止拷贝和粘贴功能。

<body self.event.returnValue=false onselectstart=”return false”>

网页防盗用的方法之四：只在某幅特定图片上禁止使用图片工具/右键功能。

禁止使用图片工具：<img src=”EXAMPLE.jpg” width=”300″ height=”300″ galleryimg=”no”>
禁止右键功能：<img src=”EXAMPLE.jpg” width=”300″ height=”300″ oncontextmenu=”return false”>

网页防盗用的方法之五：禁止浏览器缓存。

先在HEAD区加入以下代码
<!– MICROSOFT/NETSCAPE/MOZILLA BROWSERS 都需加入以下标签G –>
<meta http-equiv=”Pragma” content=”no-cache”>

<!– MICROSOFT BROWSERS 还需加入以下标签 –>
<meta http-equiv=”Expires” content=”-1″>

再在</body>和</html>加入以下代码
</body>
<!– 加入额外的HEAD代码 –>
<head><meta http-equiv=”Pragma” content=”no-cache”></head>
</html>

网页防盗用的方法之六：禁止某类浏览器访问你的网页。

例如禁止Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Opera 7.54
可在HEAD区的JAVA部分加入以下代码：
if(navigator.userAgent.match(/Opera/ig)) {
location.replace(”opera-not-supported.html”);
}

网页防盗用的方法之七：永远都会带着框架来隐藏你网页的真实地址。

<script language=”javascript”><!–
if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页
// –></script>

网页防盗用的方法之八：防止被人frame嵌入别的网页中。

<SCRIPT LANGUAGE=javascript><!–
if (top.location != self.location)top.location=self.location;
// –></SCRIPT>

网页防盗用的方法之九：网页加密及图像加水印。

前面几种方法都只能对付不太精通电脑的人。更有效的保护你的网页的办法还是对你的网页加密及图像加水印。

]]> http://blog.toplistweb.com/2009/05/%e6%80%8e%e6%a0%b7%e9%98%b2%e6%ad%a2%e5%88%ab%e4%ba%ba%e7%9b%97%e7%94%a8%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%92%8c%e5%9b%be%e7%89%87/feed/ 0 几款好用的离线写博客软件 http://blog.toplistweb.com/2009/04/%e5%87%a0%e6%ac%be%e5%a5%bd%e7%94%a8%e7%9a%84%e7%a6%bb%e7%ba%bf%e5%86%99%e5%8d%9a%e5%ae%a2%e8%bd%af%e4%bb%b6/ http://blog.toplistweb.com/2009/04/%e5%87%a0%e6%ac%be%e5%a5%bd%e7%94%a8%e7%9a%84%e7%a6%bb%e7%ba%bf%e5%86%99%e5%8d%9a%e5%ae%a2%e8%bd%af%e4%bb%b6/#comments Mon, 27 Apr 2009 10:21:55 +0000 webmaster http://blog.toplistweb.com/2009/04/%e5%87%a0%e6%ac%be%e5%a5%bd%e7%94%a8%e7%9a%84%e7%a6%bb%e7%ba%bf%e5%86%99%e5%8d%9a%e5%ae%a2%e8%bd%af%e4%bb%b6/ 大家都知道博客软件如WordPress等自带的博客编辑器功能很少，且发布速度很慢。通过离线博客编辑软件可以很轻松快捷的随时写博，批量发布。

在使用离线写博客工具之前，先要对你的博客设置远程发布许可。例如WordPress，要到wp-admin/options-writing.php中，选取”Remote Publishing：XML-RPC Enable the WordPress, Movable Type, MetaWeblog and Blogger XML-RPC publishing protocols”，然后点击Save Change保存设置。

下面推荐一些好用的离线写博客软件:
1.Windows Live Writer
MicroSoft发布的很好用的一款小工具。
2.The Zoundry Blog Writer
The Zoundry Blog Writer™ 是一款功能完备，又简单易用的离线写博客软件。并且支持中文界面和PROXY。无论插入图片、选分类、加标签都十分方便。我这篇博客就是用Zoundry发布的。
3.BlogDesk
适用于WordPress,Drupal等的一款免费离线编辑器。
4.ScribeFire
如果你经常使用FIREFOX浏览器的话，不妨试一试安装ScribeFire。它和FIREFOX结合得挺好的。

以上这些是国外一些方便易用的离线写博客软件。支持发布到WordPress,blogger,blogroll,dotclear等多类博客。但是不一定适用于国内的BAIDU等博客。


下面是两款国内的离线博客编辑工具：

1、博客精灵
2、超级写手

这两款离线写博客工具同时都支持群发国内十二大知名博客，百度,新浪，和讯，搜狐,博客网, blogcn,blogbus,猫扑,tom,天涯,网易,myspace 。

]]> http://blog.toplistweb.com/2009/04/%e5%87%a0%e6%ac%be%e5%a5%bd%e7%94%a8%e7%9a%84%e7%a6%bb%e7%ba%bf%e5%86%99%e5%8d%9a%e5%ae%a2%e8%bd%af%e4%bb%b6/feed/ 0 找回你的WordPress管理密码 http://blog.toplistweb.com/2009/04/%e6%89%be%e5%9b%9e%e4%bd%a0%e7%9a%84wordpress%e7%ae%a1%e7%90%86%e5%af%86%e7%a0%81/ http://blog.toplistweb.com/2009/04/%e6%89%be%e5%9b%9e%e4%bd%a0%e7%9a%84wordpress%e7%ae%a1%e7%90%86%e5%af%86%e7%a0%81/#comments Mon, 27 Apr 2009 07:44:24 +0000 webmaster http://blog.toplistweb.com/2009/04/%e6%89%be%e5%9b%9e%e4%bd%a0%e7%9a%84wordpress%e7%ae%a1%e7%90%86%e5%af%86%e7%a0%81/ 如果WordPress管理员密码忘记/丢失了，该怎样找回呢？

用以下简单的方法即可：

步骤1、登陆 cpanel，使用phpmyadmin修改你数据库中的用户数据database/userdata，设定接收密码的邮箱email 。

步骤2、转入你的博客管理 ***.com/wp-login.php，点击”lost your password”，输入你的用户名或EMAIL，点击找回密码。

步骤3、登陆你的邮箱， 你已经收到包含密码信息的邮件。

现在你可以用这个密码登陆WordPress博客管理了。

]]> http://blog.toplistweb.com/2009/04/%e6%89%be%e5%9b%9e%e4%bd%a0%e7%9a%84wordpress%e7%ae%a1%e7%90%86%e5%af%86%e7%a0%81/feed/ 0