账号通
    

账号  

密码  

127815

查看

170

回复
主题:【原创JS教程】让文章内容中出现的链接在新窗口打开的JS代码! [收藏主题] 转到:  
newbee 当前离线

1

主题

0

广播

0

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

用户积分:25 分
登录次数:1 次
注册时间:2009/8/22
最后登录:2009/8/22
newbee 发表于:2009/8/22 7:56:00   | 只看该作者 查看该作者主题 11楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
facklong 当前离线

1

主题

0

广播

0

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

用户积分:25 分
登录次数:1 次
注册时间:2009/8/17
最后登录:2009/8/17
facklong 发表于:2009/8/17 11:42:00   | 只看该作者 查看该作者主题 12楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
韩川雪 当前离线

43

主题

0

广播

0

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

用户积分:225 分
登录次数:13 次
注册时间:2009/7/20
最后登录:2009/10/8
韩川雪 发表于:2009/8/10 16:13:00   | 只看该作者 查看该作者主题 13楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
gyxin123 当前离线

1204

主题

0

广播

0

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

用户积分:9198 分
登录次数:441 次
注册时间:2007/12/23
最后登录:2012/10/16
gyxin123 发表于:2009/8/2 22:36:00   | 只看该作者 查看该作者主题 14楼 
。。。。。。。。。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zanzhen 当前离线

1

主题

0

广播

0

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

用户积分:25 分
登录次数:1 次
注册时间:2009/8/2
最后登录:2009/8/2
zanzhen 发表于:2009/8/2 21:46:00   | 只看该作者 查看该作者主题 15楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zlxmw 当前离线

10

主题

0

广播

0

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

用户积分:10 分
登录次数:7 次
注册时间:2009/7/31
最后登录:2009/8/2
zlxmw 发表于:2009/7/31 10:47:00   | 只看该作者 查看该作者主题 16楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部




在没有写样式去控制daohang的时候我们在前台看到的效果类似下面这种效果:



首页
焦点
福建
社会
体育
教育
文化
娱乐
生活
时尚
校园
两性
财经
科技
美食
健康
笑吧
我们点击查看源文件,找到系统生成的代码如下:





      
  • 首页
  •   
  • 焦点
  •   
  • 福建
  •   
  • 社会
  •   
  • 体育
  •   
  • 教育
  •   
  • 文化
  •   
  • 娱乐
  •   
  • 生活
  •   
  • 时尚
  •   
  • 校园
  •   
  • 两性
  •   
  • 财经
  •   
  • 科技
  •   
  • 美食
  •   
  • 健康
  •   
  • 笑吧
  •   

  




然后控制样式如下,大家可以根据自己的需要进行控制大小



.daohang{}
.daohang ul li{float:left;padding-left:3px;letter-spacing:2px}/*控制成一行,左缩进3px,字间距2px*/
.daohang ul li a{font-size:14px;color:#333;text-decoration:none}/*控制字体大小,颜色和没有下划线*/
.daohang ul li a:link,.daohang ul li a:visited{color:#333} /*控制有链接和被访问过的文字颜色*/
.daohang ul li a:hover{color:#0066CC;text-decoration:underline}/*控制鼠标经过导航时的颜色并加下划线*/



再看左边的焦点新闻,我这边调用的只是文章列表,所以我们在后台建文章列表标签,指向栏目为焦点新闻,标签建立可以参考(    常用的系统函数标签参考教程:http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=55948)



和频道导航标签一样,选择div+css输出,并给标签定义一个样式如:


然后查看生成的源代码,控制代码如下:



#jiaodian{}
#jiaodian ul{ margin:0;padding:3px}
#jiaodian ul li{list-style:none; line-height:21px}
#jiaodian ul li a:link,#jiaodian ul li a:visited{font-size:12px;color:#0066CC; text-decoration:none}
#jiaodian ul li a:hover{color:#ff0000;text-decoration:underline}



再补充一下,之前有看到网友需要对列表后面的日期样式进行控制,我这边也顺便提一下吧~~~~



#jiaodian ul li span{font-size:12px;color:red}/*参数自己控制*/




看中间部份的头条,这个效果是调用一个自定义sql函数标签的,大家可以在论坛上看到很多有关sql标签的教程,我这边把代码帖上来吧



建标签命名为:首页头条



查询语句:select top 1 id,title,intro from KS_Article where verific=1 and strip=1 order by id desc



循环体:(调用一条)



[loop=1]
longwf 当前离线

1

主题

0

广播

0

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

用户积分:75 分
登录次数:6 次
注册时间:2009/7/26
最后登录:2009/8/5
longwf 发表于:2009/7/26 23:56:00   | 只看该作者 查看该作者主题 17楼 
科汛智能建站系统
[原创]手把手教你用科汛CMS打造门户网,实用基础案例教程(欢迎转载)   Post By:2008-9-23 13:52:00

HELLO,大家好!



        最近看论坛好些用户在问如何把科汛标签去结合CSS调用一些效果,最近本人利用业余时间随便做了个效果,发上来,如果你有疑问或者有更好的提议,可以跟帖提出,不要发站内短信.废话少说.



先看效果图:



网站首页:


此主题相关图片如下:index.gif





栏目页:



此主题相关图片如下:class.gif




列表页:




此主题相关图片如下:list.gif




内容页:







此主题相关图片如下:article.gif





(下载)科汛CMS免费提供各类模板,欢迎下载使用! 支持(0) 中立(0) 反对(0)  单帖管理 举报帖子
| 引用 | 回复 |   
CMS2007 小大  2楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC  





加好友  发短信





等级:超级版主

贴子:2473

积分:15386

威望:0

精华:1

注册:2007-8-7 16:05:00
     Post By:2008-9-23 13:54:00

占位编辑,会慢慢把制作步骤详细的用图文来说明  



V5.5最新评测报告,百万级数据载入只需0.25秒! 支持(0) 中立(0) 反对(0)  单帖管理 举报帖子
| 引用 | 回复 |   
CMS2007 小大  3楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC  





加好友  发短信





等级:超级版主

贴子:2473

积分:15386

威望:0

精华:1

注册:2007-8-7 16:05:00
     Post By:2008-9-23 13:54:00

    前期的工作:下载kesioncms软件并安装,参考教程:http://www.kesion.com/tech/V5/



   科汛cms建站总的来说就是做模板,加栏目,添信息,建标签,放标签,(发布信息)。



   比较常用的是系统函数标签,但有时候觉得如果用系统函数标签去结合CSS控制一下效果会更理想些。



   论坛好些用户不知道如何把科汛标签结合CSS去实现,今天我就这个问题说一下,废话少说,开始吧~~~~~~~~~~~~~~~~~~

   

   第一步:做模板


   

首先,做好一个html模板,然后把模板图片复制到科汛系统下的images,把html模板文件复制到template对应的目录下,比如我这边做了4个页面,



网站首页模板.html

频道首页.html

栏目页.html

内容页.html



我要做的是把我做的模板的图片复制到科汛系统下的images目录下,然后把网站首页模板.html复制到template根目录下,把



频道首页.html

栏目页.html

内容页.html



这三个模板复制到文章系统目录下.这边建议可以在做模板的时候把模板文件名命名与科汛自带的模板文件名一样的,这样直接覆盖上去后省得到后台重新绑定模板了.........



   第二步:登录系统后台建栏目



   点击添加栏目进行添加,无限级添加栏目,大家可以参考科汛手册进行添加栏目,这边不再讲述了



参考教程:http://www.kesion.com/tech/v5/1.html

   

   第三步:添加信息



   点击添加文章,选择文章所归属的栏目



   参考教程:http://www.kesion.com/tech/v5/2.html



   第四步:建标签



   系统有自带一些标签,不过,我们一般都建议自己建,要命名为什么自己都比较清楚,同时也方便后期管理.

   

    一般建议分目录,比如网站首页的标签都统一放在首页目录.



    常用的系统函数标签参考教程:http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=55948



    第五步:放标签



     放标签就是把我们建好的标签插入到模板要显示的位置



     我们可以用网页三剑客的DW打开模板,在要显示的位置插入对应的标签,也可以在科汛系统的后台模板管理中打开模板插入标签.





    最后,如果有启用生成静态的用户不要忘记要点击系统最底部的快速发布通道进行发布文章和栏目及网站首页.



    生成全静态的好处是利于被搜索引擎收录,打开的速度会比动态的快,不需要到数据库查询,缺点是比较麻烦,每次更新都要发布.




网站集成收款,建议使用财付通 支持(1) 中立(0) 反对(0)  单帖管理 举报帖子
| 引用 | 回复 |   
CMS2007 小大  4楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC  





加好友  发短信





等级:超级版主

贴子:2473

积分:15386

威望:0

精华:1

注册:2007-8-7 16:05:00
     Post By:2008-9-23 13:54:00

今天我们来看一下网站首页效果的制作



首先,把做好的网站首页模板.html模板复制到科汛系统目录的template目录下,如果命名与科汛默认的路径不同,需要到系统后台的基本信息设置--模板绑定,点击"选择"进行绑定模板.



按楼上的步骤,建栏目和添加信息



下面我们看一下标签的调用



可以用DW工具打开网站首页模板.html模板进行编辑,然后打开科汛系统整理的标签清单,很多地方都有得下载(http://www.kesion.com/tech/v5/53.html),可以根据自己网站布局需求和标签清单把标签直接复制粘贴到模板要显示的空白位置.如下图:




此主题相关图片如下:ks1.gif




建标签,我们的标签输出方式支持4种,不会div的用户可以选择table格式,如果会div的用户选择div+css输出,然后再对这个样式进行控制,效果会更完美的...



我们先看一下最终效果图:




此主题相关图片如下:ks2.gif




我们举例子说明:



首先看频道导航,我这边调用的是系统自带的导航标签:{LB_频道导航}



根据自己网站的需求选择导航所属范围,如果不限定范围我们选择整站导航,如果要显示频道下的二级栏目就可以指定到栏目的上一级,依此类推



我这边选择div输出,在右边输入样式名称,class="daohang",用id还是class大家可以去学习一下css基础教程.显示列数即每行显示多少个导航名称.



如下图:




此主题相关图片如下:ks3.gif



保存后在模板导航位置插入标签{LB_频道导航}



代码如下:

  
{LB_首页新闻导航}

   
   
   
  
  
   


{$Field(title,Text,0,...,0,)}
{$Field(intro,Text,200,...,0,)}

[/loop]



把标签{SQL_首页头条()}插入模板中要显示头条的位置,对样式indextt进行控制即可.



.indextt{color:#ff0000;font-size:16px;font-weight:bold;text-decoration:none;}


焦点幻灯片这是我之前提供过的一个幻灯效果,大家可以找一下我的帖子(http://bbs.kesion.com/dispbbs.asp?boardid=41&Id=54790)



也可以直接调用科汛系统自带的多种幻灯效果.



站内公告:



在子系统添加站内公告,然后建一个公告标签,公告标签也有多种显示方式,我这边选择的是横向滚动,并对公告内容进行样式控制.



调用标签:{LB_网站公告}



控制样式:

.annou a:link,.annou a:visited{color:#0066cc; text-decoration:none}
.annou a:hover{color:#ff6600; text-decoration:underline}




广告位可以直接在模板中插入广告图片,也可以利用科汛广告系统--子系统--广告管理新增广告,方便管理.



看右边的图片视觉



新建图片文章列表标签,输入样式




把标签插入模板后查看源文件,控制样式如下:



#shijue{}
#shijue ul{ margin:0;padding:3px}
#shijue ul li{list-style:none;float:left;padding:2px;}
#shijue ul li a:link,#shijue ul li a:visited{font-size:12px;color:#0066CC; text-decoration:none;font-weight:bold; text-align:center}
#shijue ul li a:hover{color:#ff0000;text-decoration:underline}
#shijue ul li img{border:#999999 1px solid;padding:1px;margin-bottom:7px}



教育培训与焦点新闻是一样的,这边就不重复了....









(推荐)KesionCMS V5.X在线手册及word文档下载 支持(0) 中立(0) 反对(0)  单帖管理 举报帖子
| 引用 | 回复 |   
CMS2007 小大  5楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC  





加好友  发短信





等级:超级版主

贴子:2473

积分:15386

威望:0

精华:1

注册:2007-8-7 16:05:00
     Post By:2008-9-23 13:54:00

最近很忙,没时间写,希望大家可以借鉴以上教程进行举一反三,科汛在易用性方面绝对是5星级的.



接下去讲



我们看接下来的位置放的是广告位,如果是常期不变的广告我们可以直接把图片插入到模板.但是为了方便管理,建议还是用科汛的广告系统进行管理,使用非常方便,可以参考官方站首页右上部的5.x使用手册广告系统的相关教程.



下边三行我是做成一样的风格.



这边讲一下社会新闻的做法.



模板中我们把这个表格分成两格,上部份用来放图片文章标签 {LB_社会图片新闻},下部份放文章列表 {LB_社会新闻}.



图片文章依旧用的是图片文章列表标签,系统后台建立的系统函数标签中选择div输出,然后在id后边输入tpxw,然后针对生成的代码对tpxw进行控制.



#tpxw{}
#tpxw ul{ margin:0;padding:3px}
#tpxw ul li{list-style:none;float:left;padding-left:5px}
#tpxw ul li img{padding:1px;border:#999999 1px solid;margin-bottom:5px}
#tpxw ul li a:link,#tpxw ul li a:visited{font-size:12px;color:#0066CC; text-decoration:none; text-align:center;font-weight:bold}
#tpxw ul li a:hover{color:#ff0000;text-decoration:underline}



文章列表是一样的道理,样式控制如下:

#shxw{}
#shxw ul{ margin:0;padding:3px}
#shxw ul li{list-style-type:none; line-height:21px}
#shxw ul li a:link,#shxw ul li a:visited{font-size:14px;color:#0066CC; text-decoration:none}
#shxw ul li a:hover{color:#ff0000;text-decoration:underline}


而文化,娱乐,生活,时尚的上半部份调用的也是图片文章列表,只是选择的样式不同,这边选择的样式三.



上半部调用的是系统函数标签 {LB_文化图片}



下半部的文章列表就是系统函数标签 {LB_文化}



看看科汛系统的标签,看到这里,相信很多人都会了.有的说是恍然大悟,说不是吧,怎么这么简单啊.没错啊,这就是科汛系统受到这么多用户的喜爱的又一个原因了,就是这么简单.



如何对这两种标签进行控制,图片文章这边我们用到的新的一招,这个点我控制了好长时间,想不出来,还要感谢小林的点津了...



样式如下:



#whtp{}
#whtp ul{ margin:0;padding:3px}
#whtp ul li{list-style:none;position:relative}
#whtp li h2{position:absolute;top:5px;right:26px;}
#whtp li p{position:absolute;width:250px;top:25px;right:6px;}
#whtp img{border:1px solid #999999;padding:2px}
#whtp ul li a:link,#whtp ul li a:visited{font-size:12px;color:#0066CC; text-decoration:none;padding:1px;}
#whtp ul li a:hover{color:#ff0000;text-decoration:underline}



文章列表样式:


#wenhua{}
#wenhua ul{ margin:0;padding:3px}
#wenhua ul li {list-style:none;}
#wenhua ul li a:link,#wenhua ul li a:visited{font-size:14px;color:#0066cc; text-decoration:underline; line-height:22px}
#wenhua ul li a:hover{color:#FF0000}






一样的我就不说了,再看一下"最新博客"这块的



总有网友问我如何控制导航图片与文章标签的距离,今天这边就有利用到了,一起讲了吧



这边调用的是个人空间里的标签,{LB_最新空间}



为了控制这个导航图片与文章标题之间的距离,为了让它看起来更完美,我还是选择div输出,id="space"



标签放入模板后,查看生成的代码控制样式如下:





#space{}
#space ul { margin:0;padding:3px}
#space ul li{ list-style-type:none;padding:2px;}
#space ul li img{ padding-right:5px}
#space ul li a:link,#space ul li a:visited{ font-size:14px; color:#0066CC; text-decoration:none;padding-left:5px}
#space ul li a:hover{ color:#ff0000; text-decoration:underline}




最后就是友情链接部份和网站版权了.



(这边顺便说一下,如果你用的是科汛的免费版程序,网站上的版权如果改动了,希望你在友情链接位置给科汛做上链接)



细心的站长会发现,友情链接标签没有div输出选项,那要如何控制呢?



我们在控制标签的表格里转置入一个id=flink,如下:



友情链接:
{LB_友情链接}



然后再对这个flink进行样式控制如下:



#flink{padding:5px;color:#555;}
#flink a:link,#flink a:visited{padding:5px;color:#333; text-decoration:none}
#flink a:hover{color:#ff0000; text-decoration:none}


网站版权信息科汛CMS是直接通过{$GetCopyRight}这个标签直接调用就行了.



如果需要更改版权信息的是在科汛系统后台的基本信息设置选项.
 
有课程 找生源 就上科汛课堂街
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
世纪懒虫 当前离线

88

主题

0

广播

0

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

用户积分:262 分
登录次数:9 次
注册时间:2009/7/12
最后登录:2009/9/2
世纪懒虫 发表于:2009/7/19 23:23:00   | 只看该作者 查看该作者主题 18楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
世纪懒虫 当前离线

88

主题

0

广播

0

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

用户积分:262 分
登录次数:9 次
注册时间:2009/7/12
最后登录:2009/9/2
世纪懒虫 发表于:2009/7/19 23:17:00   | 只看该作者 查看该作者主题 19楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
shuaixian 当前离线

5

主题

0

广播

0

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

用户积分:332 分
登录次数:12 次
注册时间:2009/7/1
最后登录:2009/11/14
shuaixian 发表于:2009/7/13 15:32:00   | 只看该作者 查看该作者主题 20楼 
科汛智能建站系统
怎么用呢  放在什么地方呢 ??
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.31250秒 powered by KesionCMS 9.0