道州网推出首页快速投稿功能
经过网站优化和调整,细心的网友会发现,道州网首页多了一个广告横幅提示,这是道州网于2012年1月8日推出的首页快速功能,网页轻点鼠标,将会在30秒内快速完成投稿,真正实现了“道州网内容由你做主”的宣传口号。
点击图片投稿,弹出对话框,选择你要投稿的栏目,填入内容即可实现30秒投稿!
赶快试试“道州网内容由你做主”的感觉吧>>>
经过网站优化和调整,细心的网友会发现,道州网首页多了一个广告横幅提示,这是道州网于2012年1月8日推出的首页快速功能,网页轻点鼠标,将会在30秒内快速完成投稿,真正实现了“道州网内容由你做主”的宣传口号。
点击图片投稿,弹出对话框,选择你要投稿的栏目,填入内容即可实现30秒投稿!
赶快试试“道州网内容由你做主”的感觉吧>>>
在网页设计中,有很多关于浏览器兼容的问题,特别是CSS应用到padding和margin时,你会发现Google Chrome浏览器火狐浏览器对margin-top不起作用,有什么办法能解决这个问题吗?本文告诉你Google Chrome浏览器火狐浏览器对margin-top不起作用的解决办法。
很多人在遇到Google Chrome浏览器火狐浏览器对margin-top不起作用时,习惯用padding-top来解决这个问题,但随着使用的进一步深入,特别是页面应用到margin-top越来越多时,你会发现padding-top遗留的问题让让非常纠结,嘿嘿~~
其实,解决Google Chrome浏览器火狐浏览器对margin-top不支持的方法很简单:
在在你需要加margin-top的标签中再加上float样式,比如float:clear;这样,再刷新浏览器,你会发现Google Chrome浏览器火狐浏览器也支持margin-top了!
怎么样?Google Chrome浏览器火狐浏览器对margin-top不起作用的问题解决了吧?
好的CSS书写习惯让人减少很多工作,这个问题希望以后不要再碰到。
众所周知帝国的友情链接调用标签生成出来的代码是Table的,不符合标准,所以我们用灵动标签调用友情链接,本文介绍了应用于道州网用灵动标签调用文字友情链接、图片友情链接的方法,供各位参考(版本通用)。
这是文字连接的调用:
提示:你可以先修改部分代码再运行。
这是图片链接的调用:
提示:你可以先修改部分代码再运行。
这个可以实现友情链接顺序按照后台的“显示顺序”来显示:
提示:你可以先修改部分代码再运行。
下拉菜单式的“友情链接”
代码如下:
提示:你可以先修改部分代码再运行。
这是网民总结的喜欢网易的原因之一,其实个人喜欢5点之后的总结,这也是为什么至今都在坚持将道州网办下去的原因之一——坚持,并且有所为:
早上起床和晚上上床之前必做的事就是打开网易看新闻看评论,作用如下:
1、早上看完之后,会让我上班的时候精力充沛斗志昂扬,努力升职赚钱好移民。
2、晚上看完,唏嘘感叹道:我还活着,真幸福。这个能大幅度提升我的睡眠质量,让我彻底告别失眠。
以下为转发的总结原文:
喜欢网易的原因:
1、打开网易的界面平均每次只需半秒到一秒不到。可打开新浪、搜狐、腾讯需3到5秒以上,后三位还是广告大户。
2、网易的界面整洁干净,没有花花绿绿的字体,没有像堵车之后的混乱不堪的新闻,白底黑字,简洁明了。
3、只有在网易才能看到真真的新闻。
4、网易真真做到了“我虽然不赞同你的观点,但誓死捍卫你说话的权利。”,虽然小编删帖很凶残,但比起这个社会,小编只是很辛苦。
5、来网易最主要的原因是:看网易评论,长人生阅历。网易的网友不是很有才,是太有才啦。
现在早上起床和晚上上床之前必做的事就是打开网易看新闻看评论,作用如下:
1、早上看完之后,会让我上班的时候精力充沛斗志昂扬,努力升职赚钱好移民。
2、晚上看完,唏嘘感叹道:我还活着,真幸福。这个能大幅度提升我的睡眠质量,让我彻底告别失眠。
PS:我不是托,信不信由你,反正我信了。如果我真是托,我只能说:他就是发生了,这是个奇迹。
在GD空间、HM空间的网站后台编辑过代码的模板,用FTP下载回来后全部会产生多余的空白行,相当难看。如何清批量清除网页代码中空白行,有绝招:
绝招一:
用Dreamweaver打开文件,选择菜单中“命令”-> “清理Word生成的HTML”,在弹出的对话框中,把所有的选项都取消打勾,然后在“详细”选项页,选择“移除样式中空的段落和标记”,确定就行了。这种方法对普通html网页可以,优点是可以清除全站的html空白行,但页面中的JS代码空白行无法清除,必须手工清除一遍,有点麻烦。
将代码复制到Word中,使用Ctrl+H快捷键,在弹出的替换对话框中的查找内容中输入^p^p,在替换为中输入^p,点击全部替换,如果有连续两三个空白行的,就重复替换操作,最后会提示完成0处替换,
用Dreamweaver打开html页面,会看到间断连续的空白行,全选然后将代码复制到Word中,使用Ctrl+H快捷键,在弹出的替换对话框中的查找内容中输入^p^p,在替换为中输入^p,点击全部替换,如果有连续两三个空白行的,就重复替换操作,最后会提示完成0处替换,这种办法最有效,一步到位就能完全清除网页代码中空白行,缺点是只能清理一个页面,不能全站清理。
由于道州网设计新版时,用到了textarea,input添加“单击鼠标,清除默认字”功能,经过搜索,找到了2种可用的方法,现参考网上详细介绍如下:
第一种
<head>
<script type=”text/javascript”>
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = “”
}
</script>
</head>
如果是输入栏(Input),在其中添加一个onfocus参数,如:
如果是文本域,添加的onfocus参数如下:
第二种:主要是可以兼容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>
半个月前,道州网服务器数据库出现问题,服务器网管在修复、优化数据库时,不小心把道州网官方博客的数据表给弄坏了,怎么都恢复不了。
没办法,只好重装道州网官方博客数据库,导入了2010年11月中旬的数据,而11月中旬以后的数据竟然完全丢失。
幸好,有百度,用百度快照,找到了几个月来记录下的重要数据,图片路径还在,只是数据要重复发一次而已,因此只好重新发表日志。
2011年3月8日,道州网官方博客数据恢复,在此记录下来。
在给道州网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调用上下篇缩略图的详细方法:
找到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的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的大小显示,如果小于的话,那么图片就按照原有尺寸显示,效果确实不错。