<![CDATA[7mBlue'Blog - by www.7mblue.com]]> http://www.7mblue.com/help/ zh-cn PBlog2 v2.4 7mBlue'Blog - by www.7mblue.com http://www.7mblue.com/help/images/logos.gif http://www.7mblue.com/help/ 7mBlue'Blog - by www.7mblue.com http://www.7mblue.com/help/default.asp?id=1326 <![CDATA[几个经典的css技巧]]> hhq1338@163.com(7mblue) Wed,22 Oct 2008 17:28:28 +0800 http://www.7mblue.com/help/default.asp?id=1326

使用 line-height 垂直居中

line-height:24px;

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。

清除容器浮动

#main {
    overflow:hidden;
}

期前也提到过这样的问题，更多信息可以看这里。

不让链接折行

a {
    white-space:nowrap;
}

上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方面的讨论，参看圆心的记录）。

始终让 Firefox 显示滚动条

html {
    overflow:-moz-scrollbars-vertical;
}

更多的 Mozilla/Firefox 私有 CSS 属性可以参考这里。需跨浏览器的支持，也可以使用

body, html {
    min-height:101%;
}

使块元素水平居中

margin:0 auto;

其实就是

margin-left: auto;
margin-right: auto;

这个技巧基本上所有的 CSS 教科书都会有说明，别忘记给它加上个宽度。Exploer 下也可以使用

body{
    text-align: center;
}

然后定义内层容器

text-align: left;

恢复。

隐藏 Exploer textarea 的滚动条

textarea {
    overflow:auto;
}

Exploer 默认情况下 textarea 会有垂直滚动条（不要问我为什么）。

设置打印分页

h2 {
    page-break-before:always;
}

page-break-before 属性能设置打印网页时的分页。

删除链接上的虚线框

a:active, a:focus {
    outline:none;
}

Firefox 默认会在链接获得焦点（或者点击时）加上条虚线框，使用上面的属性可以删除。

最简单的 CSS 重置

* {
   margin: 0; padding: 0
}

]]> http://www.7mblue.com/help/default.asp?id=1325 <![CDATA[Jmail组件发送asp页表单到邮箱]]> hhq1338@163.com(7mblue) Tue,08 Jul 2008 14:53:38 +0800 http://www.7mblue.com/help/default.asp?id=1325
准备：服务器必须装有jmail组件（我用的是jmail4.5），有一个接收邮箱（我的是163的）

方法：

下面是填写表单页面代码：

程序代码 程序代码
<html>

<head>

<title>在线发送邮件</title>

<meta http-equiv="content-type=" content="text/html; charset=gb2312">

</head>

<body>

<form method="post" action="sendmail.asp">

发件人名称：<input type="text" name="fname">
<br>
<br>

发件人邮箱：<input type="text" name="femail"><br>
<br>

邮件标题：<input type="text" name="title">
<br>
<br>

邮件内容：<textarea rows="9" cols="40" name="content"></textarea><br>

<div align="center"><input type="submit" name="submit" value="发送"></div>

</form>

</body>

</html>


下面是sendmail.asp接收表单及发送到邮箱页面代码：

程序代码 程序代码
<%
dim jmail

set jmail=server.createobject("Jmail.message")

jmail.silent=true

jmail.charset="gb2312"

jmail.fromname=request("fname") '这里是发件人名称，可以从数据库或表单中取值

jmail.from="你的163邮箱" '这里是发件人邮箱，可以从数据库或表单中取值，但格式一定要正确

Jmail.AddRecipient("邮件接收邮箱地址")

jmail.subject=request("title") '这是邮件标题，该值可以从数据库或表单中取值

jmail.Body =request("content")&vbLf&"邮件来自："&request("femail") '这是邮件内容

jmail.mailserverusername="你的163的邮箱用户名"

jmail.mailserverpassword="你的163邮箱用户登陆密码"

jmail.maildomain="smtp.163.com" '邮件发送服务器域名

sendok=jmail.send("smtp.163.com") 'smtp服务器名称


if sendok then

response.write "恭喜您，邮件发送成功"

else

response.write "对不起，邮件发送失败，可能由于服务器登录设置配置不当造成或填写的信息有误，请确认正确后再进行发送！"

end if

%>


所有的邮件都是以你的163邮箱作为发件人发送到指定的邮箱的，因此，我在邮件内容里，加了提交表单的联系邮箱，当然也可以接收其他的联系信息，比如电话等。]]> http://www.7mblue.com/help/default.asp?id=1324 <![CDATA[用shtml来include网页文件]]> hhq1338@163.com(7mblue) Wed,21 May 2008 11:28:53 +0800 http://www.7mblue.com/help/default.asp?id=1324
　　除frame与iframe之外，常用的调用文件的方法还有采用js。这与include概念倒是很接近，但可以需要客户端js的支持，而且修改也不很方面，因为被包括的js是通过document.write来输出html代码，这样虽然能达到效果，可js毕竟执行客户端动态效果更好，比如现在较流行的AJAX。所以无论是frame/iframe还是js都与include不太一样(倒是Dreamweaver中的library与 include很像，可惜只能用在Dreamweaver中)，而我们有时页面有很多静态页面，内容不是动态的且没有规律可循，更不好做到数据库里去。如新浪的新闻之类的，这时我们可以采用shtml的方式来做这些页面。--JarryLi in BeiJing

　　那什么是shtml呢?

　　使用SSI(Server Side Include)的html文件扩展名，SSI(Server Side Include)，通常称为"服务器端嵌入"或者叫"服务器端包含"，是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。

　　什么是SSI?

　　SSI是英文Server Side Includes的缩写，翻译成中文就是服务器端包含的意思。从技术角度上说，SSI就是在HTML文件中，可以通过注释行调用的命令或指针。SSI具有强大的功能，只要使用一条简单的SSI命令就可以实现整个网站的内容更新，时间和日期的动态显示，以及执行shell和CGI脚本程序等复杂的功能。网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中(模板)，以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。

　　如何使你的Apache服务器支持SSI?

　　Apache(如何在windows以及linuc下安装apache请参见另两篇文章)默认是不支持SSI的，需要我们更改 httpd.conf来进行配置。我这里以windows平台的Apache 2.0.x为例(在linux平台下与之相同)，打开conf目录下的httpd.conf文件，搜索“AddType text/html .shtml”，找到：

　　以下是引用片段：

　　# AddType text/html .shtml
　　# AddOutputFilter INCLUDES .shtml

　　把这两行前面的#去掉 。

　　然后搜索“Options Indexes FollowSymLinks”

　　在搜索到的那一行后面添加“ Includes”

　　即将该行改变为 Options Indexes FollowSymLinks Includes

　　熟悉apache manual的可能会觉得比较容易。

　　保存httpd.conf，重起apache即可

　　到此我们就完成了对Apache SSI的设置。

　　如何让你的IIS服务器支持SSI

　　windows 2000:

　　IIS里添加一个应用程序扩展名映射

　　可执行文件:C:\WINDOWS\system32\inetsrv\ssinc.dll

　　扩展名:shtml/shtm

　　windows 2003 2003默认已经支持SSI(shtml文件),只需在IIS的"Web服务扩展"里设置"在服务器端的包含文件"为"允许" 即可IIS6.0对于SSI进行了一些改进，以前IIS5.0的一些程序迁移过后可能无法运用。

　　一个经常的出现问题是出现如下错误：

　　"处理 SSI 文件时出错 - Error processing SSI file"

　　经过测试，以下做法会导致这个错误：

　　1、服务器物理路径使用中文名。

　　2、包含文件中使用中文名。

　　3、包含文件不存在。

　　4、被包含的文件再次包含使用中文名的文件。

　　该错误在Unicode编码时依旧，属于IIS的问题。

　　解决方法：对于使用SSI的站点物理和URL地址都全部使用英文。

　　shtml文件测试?

　　主体文件，比如命名为test.shtml，内容为(把head.html与foot.html文件包进来，与asp,jsp,php中的include相同)

　　以下是引用片段：

<!--#include file="head.html"--><hr><b>你好，这是中间的内容</b><hr><!--#include file="foot.html"-->

　　页首文件,比如命名为head.html，内容为

　　以下是引用片段：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><div style="background-color:#00CC66;boder:1px groove orange ">我是页首导航栏的公共信息</div>

　　页尾文件,比如命名为foot.html，内容为

　　以下是引用片段：

　　我是页尾版权信息</body></html>

　　然后运行web server，在地址栏中打开test.shtml文件，就会得到一个完整的页面，包括头与尾文件。

　　shtml中简单的SSI命令

　　SSI具有强大的功能，只要使用一条简单的SSI命令就可以实现整个网站的内容更新，时间和日期的动态显示，以及执行shell和CGI脚本程序等复杂的功能。比如我们修改上面提及的test.shtml文件，加入以下代码，将会显示服务器日期以及客户端IP等：

　　以下是引用片段：

<font color=red> 本文档名称: <br> <!--#echovar="DOCUMENT_NAME"--> <br> 时区：<br> <!--#echovar="DATE_LOCAL"--> <br> 你的IP地址是: <br> <!--#echovar="REMOTE_ADDR"--><br> 今天是： <!--#config timefmt="%A, %B %d, %Y"--> <!--#echovar="LAST_MODIFIED" --> <br> </font>

　　SSI指令基本格式

　　程序代码:

以下是引用片段：
<!-– 指令名称="指令参数">
<!--#include file="head.htm"-->

　　说明:

　　1.<!-- -->是HTML语法中表示注释，当WEB服务器不支持SSI时，会忽略这些信息。

　　2.#include 为SSI指令之一。

　　3.file 为include的参数, info.htm为参数值，在本指令中指将要包含的文档名。

　　注意:

　　1．<!--与#号间无空格，只有SSI指令与参数间存在空格。

　　2．上面的标点=""，一个也不能少。

　　3．SSI指令是大小写敏感的，因此参数必须是小写才会起作用。详细可以查看SHTML详细教程 ，通过SHTML可以减轻许多工作负担哦。另外：shtml文件在网页服务器下运行才有效，直接用ie打开将被当作是文本文件。 ]]> http://www.7mblue.com/help/default.asp?id=1323 <![CDATA[父容器高度自适应的问题]]> hhq1338@163.com(7mblue) Wed,21 May 2008 10:16:56 +0800 http://www.7mblue.com/help/default.asp?id=1323 内DIV 高度大于 父DIV的高度时 你DIV就适应该内DIV的高度

解决方法：在父窗口上这样定义height:auto!important; height:150px; min-height:150px;
这样写在各个浏览器上都不会有问题了.

HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.7mblue.com/help/default.asp?id=1321 <![CDATA[清除系统淤塞的垃圾]]> hhq1338@163.com(静一) Sun,18 May 2008 16:08:33 +0800 http://www.7mblue.com/help/default.asp?id=1321
新建一个记事本并输入以下的内容：
@echo off
echo 正在清除系统垃圾文件，请稍等......
del /f /s /q %systemdrive%\*.tmp
del /f /s /q %systemdrive%\*._mp
del /f /s /q %systemdrive%\*.log
del /f /s /q %systemdrive%\*.gid
del /f /s /q %systemdrive%\*.chk
del /f /s /q %systemdrive%\*.old
del /f /s /q %systemdrive%\recycled\*.*
del /f /s /q %windir%\prefetch\*.*
rd /s /q %windir%\temp & md %windir%\temp
del /f /q %userprofile%\recent\*.*
del /f /s /q "%userprofile%\Local Settings\Temporary Internet Files\*.*"
del /f /s /q "%userprofile%\Local Settings\Temp\*.*"
del /f /s /q "%userprofile%\recent\*.*"
echo 清除系统LJ完成！
echo. & pause

最后将它保存，然后更名为“Slim_system.bat”(记得要把后缀.txt也改掉哦)！ok！你的LJ清除器就这样制作成功了！
以后只要双击运行该文件，当屏幕提示“清除系统LJ完成！就还你一个“苗条”的系统了！！到时候再看看你的电脑，是不是急速如飞呢？可别忘了回帖喔！

PS：运行该文件的最好条件是在刚刚开机，没打开什么程序的前提下运行。这样清理得比较干净点。而最最好就是重启到安全模式底下运行，这样可能会更加彻底。

]]> http://www.7mblue.com/help/default.asp?id=1320 <![CDATA[IE6下为什么图片下方有空隙产生]]> hhq1338@163.com(7mblue) Fri,16 May 2008 17:03:03 +0800 http://www.7mblue.com/help/default.asp?id=1320 或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零，font-size:0

程序代码 程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
    border:1px solid red;
    background:orange;
    }
img {
    width:276px;
    height:110px;
    }
/*]]>*/
</style>
</head>
<body>
<div>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</div>
</body>
</html>
]]> http://www.7mblue.com/help/default.asp?id=1319 <![CDATA[ff下为什么父容器的高度不能自适应]]> hhq1338@163.com(7mblue) Fri,16 May 2008 17:00:26 +0800 http://www.7mblue.com/help/default.asp?id=1319
程序代码 程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
    width:200px;
    border:1px solid red
    }
p {
    float:left;
    width:100px;
    }
/*]]>*/
</style>
</head>
<body>
<div><p>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</p></div>
</body>
</html>
]]> http://www.7mblue.com/help/default.asp?id=1318 <![CDATA[IE6使用滤镜使PNG图片透明后，容器内链接失效的问题]]> hhq1338@163.com(7mblue) Fri,16 May 2008 16:58:59 +0800 http://www.7mblue.com/help/default.asp?id=1318
程序代码 程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
    width:401px;
    height:223px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://bbs.blueidea.com/attachments/2006/9/11/bg_nT9Vi2i45To0.png')
    }
/*]]>*/
</style>
</head>
<body>
<div><a href="#">27.IE6使用滤镜使PNG图片透明后，容器内链接失效的问题。</a></div>
</body>
</html>
]]> http://www.7mblue.com/help/default.asp?id=1317 <![CDATA[复制到系统剪贴板之IE,ff兼容版]]> hhq1338@163.com(7mblue) Fri,16 May 2008 16:57:15 +0800 http://www.7mblue.com/help/default.asp?id=1317
程序代码 程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<script type="text/javascript">
// <![CDATA[
function copy_clip(copy){
if (window.clipboardData){
window.clipboardData.setData("Text", copy);}
else if (window.netscape){
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext=copy;
str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid=Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans,null,clipid.kGlobalClipboard);}
alert("已复制"+copy)
return false;
}
// ]]>
</script>
<h1>请另存代码测试</h1>
<input type="text" id="ff" value="www.blueidea.com" /><button onclick="copy_clip(document.getElementById('ff').value)">复制
</button>
]]> http://www.7mblue.com/help/default.asp?id=1316 <![CDATA[通用的加入收藏夹代码]]> hhq1338@163.com(7mblue) Fri,16 May 2008 16:55:32 +0800 http://www.7mblue.com/help/default.asp?id=1316
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]>