存档

作者存档

喜欢网易的原因

2011年9月13日 admin 没有评论

这是网民总结的喜欢网易的原因之一，其实个人喜欢5点之后的总结，这也是为什么至今都在坚持将道州网办下去的原因之一——坚持，并且有所为：

早上起床和晚上上床之前必做的事就是打开网易看新闻看评论，作用如下：
1、早上看完之后，会让我上班的时候精力充沛斗志昂扬，努力升职赚钱好移民。
2、晚上看完，唏嘘感叹道：我还活着，真幸福。这个能大幅度提升我的睡眠质量，让我彻底告别失眠。

以下为转发的总结原文：

喜欢网易的原因：
1、打开网易的界面平均每次只需半秒到一秒不到。可打开新浪、搜狐、腾讯需3到5秒以上，后三位还是广告大户。
2、网易的界面整洁干净，没有花花绿绿的字体，没有像堵车之后的混乱不堪的新闻，白底黑字，简洁明了。
3、只有在网易才能看到真真的新闻。
4、网易真真做到了“我虽然不赞同你的观点，但誓死捍卫你说话的权利。”，虽然小编删帖很凶残，但比起这个社会，小编只是很辛苦。
5、来网易最主要的原因是：看网易评论，长人生阅历。网易的网友不是很有才，是太有才啦。
现在早上起床和晚上上床之前必做的事就是打开网易看新闻看评论，作用如下：
1、早上看完之后，会让我上班的时候精力充沛斗志昂扬，努力升职赚钱好移民。
2、晚上看完，唏嘘感叹道：我还活着，真幸福。这个能大幅度提升我的睡眠质量，让我彻底告别失眠。
PS：我不是托，信不信由你，反正我信了。如果我真是托，我只能说：他就是发生了，这是个奇迹。

分类: 未分类 标签: ,

批量清除网页代码中空白行

2011年9月12日 admin 没有评论

在GD空间、HM空间的网站后台编辑过代码的模板，用FTP下载回来后全部会产生多余的空白行，相当难看。如何清批量清除网页代码中空白行，有绝招：

绝招一：

使用DW的“清理Word生成的HTML”命令

用Dreamweaver打开文件，选择菜单中“命令”-> “清理Word生成的HTML”，在弹出的对话框中，把所有的选项都取消打勾，然后在“详细”选项页，选择“移除样式中空的段落和标记”，确定就行了。这种方法对普通html网页可以，优点是可以清除全站的html空白行，但页面中的JS代码空白行无法清除，必须手工清除一遍，有点麻烦。

使用Word批量替换空白行

将代码复制到Word中，使用Ctrl+H快捷键，在弹出的替换对话框中的查找内容中输入^p^p，在替换为中输入^p，点击全部替换，如果有连续两三个空白行的，就重复替换操作，最后会提示完成0处替换， 

使用Word批量替换空白行

用Dreamweaver打开html页面，会看到间断连续的空白行，全选然后将代码复制到Word中，使用Ctrl+H快捷键，在弹出的替换对话框中的查找内容中输入^p^p，在替换为中输入^p，点击全部替换，如果有连续两三个空白行的，就重复替换操作，最后会提示完成0处替换，这种办法最有效，一步到位就能完全清除网页代码中空白行，缺点是只能清理一个页面，不能全站清理。

分类: 网页技巧 标签: , , ,

textarea,input添加“单击鼠标，清除默认字”功能

2011年4月3日 admin 没有评论

由于道州网设计新版时，用到了textarea,input添加“单击鼠标，清除默认字”功能，经过搜索，找到了2种可用的方法，现参考网上详细介绍如下：

第一种
<head>
<script type=”text/javascript”>
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = “”
}
</script>
</head>

如果是输入栏（Input），在其中添加一个onfocus参数，如：

    <input type=”text” id=”input_email_address” name=”email” class=”input” value=”Your Email Address”
    onfocus=”clearDefault(this)” />

如果是文本域，添加的onfocus参数如下：

    <textarea name=”comment” id=”input_comment” rows=”10″ class=”input textarea”
    onfocus=”this.value=”; this.onfocus=null;” >Type your comment here</textarea> 前提是没有控制多少字符串

第二种：主要是可以兼容textare框对字符数限制
<head>
<script type=”text/javascript”>
var onclick_text=0;
var onclick_email=0;
var onclick_tel=0;
function doc(){
if(onclick_text==0){
onclick_text=1;
document.getElementById(“Memo”).value=”";
}
}
function cl_email(){
if(onclick_email==0){
onclick_email=1;
document.getElementById(“email”).value=”";
}
}
function cl_tel(){
if(onclick_tel==0){
onclick_tel=1;
document.getElementById(“tel”).value=”";
}
}

function datacheck(){
if(document.getElementById(“c1″).value==0){
alert(“请选择产品”);
return false;
}
if(document.getElementById(“c2″).value==0){
alert(“请选择问题类型”);
return false;
}
if(document.getElementById(“Memo”).value.replace(/\s+/g, ”)==”" || document.getElementById(“Memo”).value==”如果意见被采纳，将会有金币奖励！”){
alert(“内容不能为空”);
return false;
}
}
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = “”
}
</script>
</head>

<input type=”text” value=”邮箱地址” name=”email” id=”email” onclick=”cl_email();”/>
<textarea id=”Memo” name=”Memo” wrap=”physical” rows=”10″ onclick=”doc();”></textarea>

分类: 网页技巧 标签: , , ,

感谢百度，道州网官方博客数据顺利恢复

2011年3月8日 admin 没有评论

半个月前，道州网服务器数据库出现问题，服务器网管在修复、优化数据库时，不小心把道州网官方博客的数据表给弄坏了，怎么都恢复不了。

没办法，只好重装道州网官方博客数据库，导入了2010年11月中旬的数据，而11月中旬以后的数据竟然完全丢失。

幸好，有百度，用百度快照，找到了几个月来记录下的重要数据，图片路径还在，只是数据要重复发一次而已，因此只好重新发表日志。

2011年3月8日，道州网官方博客数据恢复，在此记录下来。

分类: 网站记事 标签: , ,

帝国CMS6.5灵动标签在首页调用信息

2011年3月8日 admin 没有评论

在给道州网www.daozhou.net改进首页时，多次用到了灵动标签，为方便有需要的朋友，现在此记录一下帝国CMS6.5灵动标签在首页调用使用方法，转载请注明出处。

以下是帝国CMS6.5灵动标签在首页调用信息实例：

[e:loop={192,3,0,0}]
<ul>
<li><a href=”<?=$bqsr[titleurl]?>” target=”_blank” title=”<?=$bqr[title]?>”><img src=”<?=$bqr[titlepic]?>”></a>
<h3><a href=”<?=$bqsr[titleurl]?>” target=”_blank” title=”<?=$bqr[title]?>”><?=$bqr[title]?></a></h3><?=esub($bqr[smalltext],42)?>…
</li></ul>
[/e:loop]

说明一下：

[e:loop={192,3,0,0}]意即开始灵动标签调用，192代表栏目ID，3指调用数量，第一个0指栏目属性（普通0、点击1、推荐2、评论9、头条12之类），第二个0指信息属性（普通0，是否有缩略图）；

<?=$bqsr[titleurl]?>指调用信息URL链接地址；

<?=$bqr[title]?>”>指调用完整的信息标题；

<?=$bqr[titlepic]?>指调用信息缩略图；

<?=esub($bqr[smalltext],42)?>指调用信息简介，42指简介字数。

分类: 网页技巧 标签: , , , ,

帝国CMS、ECMS6.5调用上下篇缩略图的方法

2011年3月8日 admin 没有评论

在给道州网设计图片道州时，遇到了调用上一篇、下一篇缩略图的问题，经过几个小时的摸索解决了问题，以下是解决帝国CMS、ECMS6.5调用上下篇缩略图的详细方法：

找到e/class/functions.php
将原始的上一篇，下一篇代码复制（因为是独立出来另外用的），然后修改。
//下一篇
if(strstr($newstemptext,’[!--info.next--]‘))
{
$next_r=$empire->fetch1(“select titleurl,groupid,classid,newspath,filename,id,title from {$dbtbpre}ecms_”.$class_r[$add[classid]][tbname].” where id>$add[id] and classid=’$add[classid]‘ and checked=1 order by id limit 1″);
if(empty($next_r[id]))
{
$infonext=$fun_r['HaveNoNextLink'];
}
else
{
//链接
$nexttitleurl=sys_ReturnBqTitleLink($next_r);
$infonext=”<a href=’”.$nexttitleurl.”‘>”.$next_r[title].”</a>”;
}
$newstempstr=str_replace(‘[!--info.next--]‘,$infonext,$newstempstr);
}
//上一篇
if(strstr($newstemptext,’[!--info.pre--]‘))
{
$next_r=$empire->fetch1(“select titleurl,groupid,classid,newspath,filename,id,title from {$dbtbpre}ecms_”.$class_r[$add[classid]][tbname].” where id<$add[id] and classid=’$add[classid]‘ and checked=1 order by id desc limit 1″);
if(empty($next_r[id]))
{
$infonext=$fun_r['HaveNoNextLink'];
}
else
{
//链接
$nexttitleurl=sys_ReturnBqTitleLink($next_r);
$infonext=”<a href=’”.$nexttitleurl.”‘>”.$next_r[title].”</a>”;
}
$newstempstr=str_replace(‘[!--info.pre--]‘,$infonext,$newstempstr);
}

在给道州网设计图片道州时，主要是新增了titlepic，在select titleurl,groupid,classid,newspath,filename,id,title from新增，成为：
select titleurl,groupid,classid,newspath,filename,id,title,titlepic from
上一篇、下一篇都要新增这个调用缩略图的字段

主要修改了：
info.next改为picinfo.next

$infonext=”<a href=’”.$nexttitleurl.”‘>”.$next_r[title].”</a>”;
改正其为：
$infonext=”<a href=’”.$nexttitleurl.”‘ target=’_self’ class=’nph_btn_nset’ id=’nextSet’><img src=’”.$next_r[titlepic].”‘><span>下一图集 ></span></a>”;
这里根据自己需要去调整。
因为单独调用了上下篇图片缩略图，所以在实际调用时，要替换
info.pre改为picinfo.pre
及
info.next改为picinfo.next

末尾是我新增调用上下篇缩略图代码，插入在——
//链接
$titleurl=sys_ReturnBqTitleLink($add);
$newstempstr=str_replace(‘[!--titleurl--]‘,$titleurl,$newstempstr);
$newstempstr=str_replace(‘[!--page.stats--]‘,$onclick,$newstempstr);
后面即可：

//图集下一篇
if(strstr($newstemptext,’[!--picinfo.next--]‘))
{
$next_r=$empire->fetch1(“select titleurl,groupid,classid,newspath,filename,id,title,titlepic from {$dbtbpre}ecms_”.$class_r[$add[classid]][tbname].” where id>$add[id] and classid=’$add[classid]‘ and checked=1 order by id limit 1″);
if(empty($next_r[id]))
{
$infonext=$fun_r['HaveNoNextLink'];
}
else
{
//链接
$nexttitleurl=sys_ReturnBqTitleLink($next_r);
$infonext=”<a href=’”.$nexttitleurl.”‘ target=’_self’ class=’nph_btn_nset’ id=’nextSet’><img src=’”.$next_r[titlepic].”‘><span>下一图集 ></span></a>”;
}
$newstempstr=str_replace(‘[!--picinfo.next--]‘,$infonext,$newstempstr);
}
//图集上一篇
if(strstr($newstemptext,’[!--picinfo.pre--]‘))
{
$next_r=$empire->fetch1(“select titleurl,groupid,classid,newspath,filename,id,title,titlepic from {$dbtbpre}ecms_”.$class_r[$add[classid]][tbname].” where id<$add[id] and classid=’$add[classid]‘ and checked=1 order by id desc limit 1″);
if(empty($next_r[id]))
{
$infonext=$fun_r['HaveNoNextLink'];
}
else
{
//链接
$nexttitleurl=sys_ReturnBqTitleLink($next_r);
$infonext=”<a href=’”.$nexttitleurl.”‘ target=’_self’ class=’nph_btn_pset’ id=’prevSet’><img src=’”.$next_r[titlepic].”‘><span>< 上一图集</span></a>”;
}
$newstempstr=str_replace(‘[!--picinfo.pre--]‘,$infonext,$newstempstr);
}

分类: 网页技巧 标签: , , ,

CSS控制正文图片大小，让大的固定宽度，小的原始显示

2011年3月8日 admin 没有评论

用css的expression方法能CSS控制正文图片大小，让大的固定宽度，小的原始显示。具体来说，只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示。通过实践，道州网daozhou.net真正实现了控制正文图片大小，让大的固定宽度，小的原始显示。

以前我们习惯固定图片大小，但这种方法往往不奏效，如果把图片的宽度写死，比如 img{width:500px;} ，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，这样就得不偿失了。
其实CSS控制正文图片大小，让大的固定宽度，小的原始显示，方法很简单。一样是在CSS里面控制，请看下面的代码：
img{width:expression(this.width>500?”500px”:this.width+”px”);}

只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示，效果确实不错。

分类: 未分类 标签: , , , ,

利用css的clear搞定google广告三面环绕

2011年3月8日 admin 没有评论

利用css的clear搞定gg广告三面环绕如此简单，仅仅需要你明白CSS的clear属性即可。主要是利用一个宽为1px的空白层，利用该层的高度控制广告层上下的位置。

这里是道州网在设计网站google广告三面环绕使用到的代码：

<div>
<div style=”float:left;height:300px;width:1px;”>一个宽为1的空白层，利用该层的高度控制广告层上下的位置</div>
<div style=”float:left;height:250px;width:250px;clear:left;”>广告代码</div>
</div>
关键在于clear:left的作用，clear有3个属性：clear:both，clear:left，clear:right，分别表示清除两边，左边，右边的浮动块。在广告层加上clear:left，那么就表示该层相对于空白层来说不浮动了，就往下移动了，太妙了，哈哈。
我们来比较一下：
<div>
<div style=”float:left;height:300px;width:100px;background:#CCC;”>给他加上宽度和背景便于观察效果</div>
<div style=”float:left;height:250px;width:250px;”>去掉了清除浮动，你就明白了它的意义</div>
</div>
如果再加上这样一条：
<style>.news img,.news table{clear:both;}</style> //让内容里面的图片和表格不会遮到广告
很遗憾，上面的测试发现只有ie可行，firefox和opera还有不同的结果，ie的效果是图片遇到广告层自动下移，firefox是不会下移，但是不会遮住广告层，因为广告层在最前，opera是图片不会下移，会遮住广告层，搞笑啊。
再次改进：
<style>.news img,.news table{clear:both;position:relative;z-index:-1;}</style>//让图片和表格自动处于最底层

<div><div style=”float:left;height:300px;width:0″>一个宽为0的空白层，利用该层的高度控制广告层上下的位置</div><div style=”float:left;height:250px;width:250px;clear:left;”>广告代码</div></div>关键在于clear:left的作用，clear有3个属性：clear:both，clear:left，clear:right，分别表示清除两边，左边，右边的浮动块。在广告层加上clear:left，那么就表示该层相对于空白层来说不浮动了，就往下移动了，太妙了，哈哈。
我们来比较一下：
<div><div style=”float:left;height:300px;width:100px;background:#CCC;”>给他加上宽度和背景便于观察效果</div><div style=”float:left;height:250px;width:250px;”>去掉了清除浮动，你就明白了它的意义</div></div>如果再加上这样一条：
<style>.news img,.news table{clear:both;}</style> //让内容里面的图片和表格不会遮到广告很遗憾，上面的测试发现只有ie可行，firefox和opera还有不同的结果，ie的效果是图片遇到广告层自动下移，firefox是不会下移，但是不会遮住广告层，因为广告层在最前，opera是图片不会下移，会遮住广告层，搞笑啊。
再次改进：
<style>.news img,.news table{clear:both;position:relative;z-index:-1;}</style>//让图片和表格自动处于最底层

OK，大功告成！

分类: 网页技巧 标签: , , ,

网页设计：css div 高度自适应

2011年3月8日 admin 没有评论

在css中让div高度自适应针对IE6/IE7相对容易，但很多初学者经常会不理解在foxfir 与ie下同时让div高度自适应，碰到css中让div高度自适应，其实很简单，最近有几位初学CSS的朋友就问及：有什么办法在foxfir 与ie下同时让div高度自适应？本文《网页设计：css div 高度自适应》为你解决这个难题：

拿道州网(www.daozhou.net)最新版应用举例：

#c_2011{width:958px;clear:both;position:relative;overflow:auto;height:auto;margin:0 auto;border:solid 1px #dcdddd;}

上面的width:958px;指div宽度，因为后面有border:solid 1px #dcdddd;定义了上下左右表格样式，因此，要去掉左右的2像素，所以用958px;

clear:both;position:relative;overflow:auto;height:auto;很重要，清除两侧对齐、位置相对，隐藏也是自动的拓展，结合高度自动，因此才能做到css div 高度自适应；

margin:0 auto;指的是相对于网页居中，这是自适应居中。

分类: 网页技巧 标签: , ,

2011年元旦，道州网daozhou.net新版首页上线！

2011年3月8日 admin 没有评论

2011年元旦，道州网daozhou.net新版首页上线！全新的道州网首页集中突出道县本地资讯和分类信息，包括且不限于道县房屋租售、跳蚤市场交易、同城旅游活动、道县居民生活服务、交友征婚等，尤其是新增的道县楼盘推荐，这是道州网daozhou.net的拓展栏目，未来优势明显，可以为道县人购房提供贴身的信息指南。道州网daozhou.net新版首页突出了道县旅游、道县风物、道县景点景区、道县知名人物，考虑到道县的知名度和经济发展态势，未来道县旅游也是地方特色，因此道州网daozhou.net新版首页还新增了旅行社推荐，对道县旅游有一个很少的指引作用。

道州网daozhou.net新版首页将网友互动的道州论坛与主站结合，时事直通、企业资讯、游戏快报、健康资讯、女性女士频道对于用户浏览都提供了一个很好的选择。

以下是道州网daozhou.net新版首页截图：

2011年元旦，道州网daozhou.net新版首页上线！

分类: 网站记事 标签: , , ,