账号通
    

账号  

密码  

333345

查看

587

回复
主题:◆科讯7.0◆超级清爽留言本效果◆DIV+CSS布局◆需要留言本的请进啦◆ [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2010/10/29 16:42:00   | 只看该作者 查看该作者主题 楼主 
科汛智能建站系统

科讯官方的留言本效果极差,因此修改了留言本效果。在此放出来与大家共享。



首先上效果图:



点击查看原图

怎么样?很清爽的效果吧?



下面是发表留言的效果图。



点击查看原图



想要的话,继续往下看喽。



首先下载本插件。



以下内容只有回复后才可以浏览,请先登录!



下面是CSS:



  1. #GuestList {width:690px; margin:0 auto; clear:both; padding:10px 0;}

  2. #club_link { width:690px; overflow:hidden; height:38px;}
  3.   #club_link a { display:block; width:110px; float:right; height:30px; background-image:url(/image/club_linl.png); text-indent:-999em; padding:0 10px 0 0; background-repeat:no-repeat}
  4.   #club_link .a { background-position:0 -30px;}
  5. #Content { width:550px; height:200px;}
  6. .club_list{ width:690px; overflow:hidden; border-top:1px solid #B9D8F9; clear:both; padding:0 0 10px;}
  7. .club_left { width:120px; float:left; height:120px; background:#E8F2FD}
  8.   .club_123 { font-family:"Arial Black", Gadget, sans-serif; font-size:60px; display:block; width:120px; height:90px; text-align:center; color:#1074D8}
  9.   .club_name { width:120px; display:block; height:30px; text-align:center; font-weight:bold; color:#f60;}
  10. .club_right { width:560px; float:right}
  11.   .club_top { height:30px; line-height:30px; overflow:hidden; width:560px; border-bottom:1px solid #B9D8F9}
  12.    .club_title { float:left; font-size:14px; color:#f60;}
  13.   .club_con { line-height:22px; color:#666; text-indent:2em; padding:5px 0;}
  14.   .club_date { height:30px; line-height:30px; text-align:right; color:#1074D8; float:right}
  15.   .club_huifu { width:538px; background:#f7fbff; padding:10px; border:1px dashed #B9D8F9; float:right}
  16.    .club_huifu_title { font-size:14px; color:#f00;}
  17.    .club_huifu_con { line-height:22px; color:#666; text-indent:2em; padding:5px 0;}
  18.    .club_huifu_date { height:20px; line-height:20px; color:#1074D8; float:right}



CSS中用到的图片已经放在了压缩包内。请自行调整图片的路径。



留言本的宽度为690px,是标准的宽度,如果你的网页不是这个标准,那么请自行调整。



下面是留言本首页模版代码:请将代码自行复制到你的模版中。



  1. <div id="GuestList">

  2. <div id="club_link"><a href="post.asp" class="b">发布留言</a><a href="guestbook.asp" class="a">留言首页</a></div>
  3. {$GetGuestList}
  4. </div>



下面是留言本发布留言模版代码:请将代码自行复制到你的模版中。



  1. <div id="GuestList">

  2. <div id="club_link"><a href="post.asp" class="b">发布留言</a><a href="guestbook.asp" class="a">留言首页</a></div>
  3. {$WriteGuestForm}
  4. </div>



此外,发布留言的模版的head区域还需要JS,可自行从科讯默认的模版中复制。



算了,我还是写上来吧,省得麻烦。



  1. <script src="{$GetInstallDir}ks_inc/jquery.js"></script>

  2. <script src="{$GetInstallDir}{$GetClubInstallDir}/images/club.js"></script>
  3. <script src="{$GetInstallDir}ks_inc/kesion.box.js"></script>
  4. <script type="text/javascript">
  5. function checkform()
  6. {
  7.   if (jQuery("#SelectCategoryId").val()==1){
  8.    if (myform.CategoryId.value=='0'){
  9.     alert('主题分类必须选择!');
  10.     return false;
  11.    }
  12.   }
  13.    if (myform.Subject{$RndID}.value==""){
  14.    alert("主题一定要填写!");
  15.        myform.Subject{$RndID}.focus();
  16.     return false;
  17.   }
  18.   if (myform.boardid.value=="")
  19.   { alert("请选择要发布的版面!");return false;
  20.   }
  21.   
  22. {IF:KS.Setting(59)="1"}
  23.   if (myform.Name.value==""){
  24.      alert("你好像还忘了填昵称哦!");
  25.      myform.Name.focus();
  26.      return false;
  27.   }
  28.      
  29.   if (myform.Email.value==""){
  30.      alert("电子邮件一定要填写哦!");
  31.      myform.Email.focus();
  32.      return false;
  33.    }
  34.    haha=myform.Email.value
  35.    if(haha.length>0)
  36.    {
  37.       i=haha.indexOf("@");
  38.       if(i==-1)
  39.       {
  40.        alert("哇!您输入的电子邮件有错误哦!")
  41.        myform.Email.focus();
  42.        return false;
  43.       }
  44.         ii=haha.indexOf(".")
  45.       if(ii==-1)
  46.       {
  47.        alert("哇!您输入的电子邮件有错误哦!")
  48.        myform.Email.focus();
  49.        return false;
  50.       }
  51.      }
  52.      else
  53.      {
  54.       alert("能告诉我您的有效电子邮件吗?");
  55.       myform.Email.focus();
  56.       return false;
  57.      }
  58.   {/IF}
  59.   if (Editor.getEditorContents()=='')
  60.   {
  61.        alert("主题内容不能留空!");
  62.        return false;
  63.    }
  64.   {$CheckCode}
  65.    return true;
  66. }
  67. </script>



最后,再一次提醒,如果你发现在浏览器中里面变形,请检查你的模版的第一行代码是否如下:



  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml">



采用XHML 1.0 宽松版的标准。



此清爽留言本效果由菏泽网站建设地方网络工作室提供。本工作室不对使用该插件造成的任何损失负责。

 
  支持(9) | 反对(0) 回到顶部顶端 回到底部底部
liulin 当前离线

5

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:32 分
登录次数:34 次
注册时间:2010/10/18
最后登录:2013/7/17
liulin 发表于:2010/10/29 17:24:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
ndhcom 当前离线

35

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:13 分
登录次数:10 次
注册时间:2010/10/17
最后登录:2010/11/21
ndhcom 发表于:2010/10/29 19:43:00   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
superb 当前离线

148

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:623 分
登录次数:92 次
注册时间:2010/3/30
最后登录:2012/8/5
superb 发表于:2010/10/29 21:29:00   | 只看该作者 查看该作者主题 板凳 
科汛在线商城系统(NET)
以下是引用 liulin在2010-10-29 17:24:00的发言:

顶了

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
otbbs 当前离线

1605

主题

12

广播

2

粉丝
添加关注
级别:高一年

用户积分:8980 分
登录次数:1225 次
注册时间:2006/8/7
最后登录:2023/11/29
otbbs 发表于:2010/10/30 13:32:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
dx123456 当前离线

154

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:447 分
登录次数:65 次
注册时间:2010/4/11
最后登录:2011/10/16
dx123456 发表于:2010/10/30 22:38:00   | 只看该作者 查看该作者主题 地板 
科汛智能建站系统
插件在哪里下啊?
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
shenbingyu 当前离线

1

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:204 分
登录次数:2 次
注册时间:2008/11/6
最后登录:2010/11/8
shenbingyu 发表于:2010/10/30 23:35:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hzx88888 当前离线

33

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:527 分
登录次数:63 次
注册时间:2006/12/12
最后登录:2013/3/17
hzx88888 发表于:2010/10/31 0:42:00   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
发不了贴 当前离线

215

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:2792 分
登录次数:541 次
注册时间:2007/8/8
最后登录:2014/1/10
发不了贴 发表于:2010/10/31 15:19:00   | 只看该作者 查看该作者主题 9楼 
 
专业网站设计制作,价格优惠、设计精良——网建科技[www.internet168.cn]
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hbqlyf 当前离线

38

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:35 分
登录次数:9 次
注册时间:2010/10/25
最后登录:2010/11/30
hbqlyf 发表于:2010/10/31 23:14:00   | 只看该作者 查看该作者主题 10楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.42188秒 powered by KesionCMS 9.0