给JK Links添加自定义样式

由本站制作的JK Links模块，是支持自定制样式的，不过需要朋友们简单的动一下手，模块本身自带了样式如演示二（附带链接简介），有朋友问及如何制作成本站底部样式，特此制作使用说明，以下以演示一为例：（原创文章转载请标明出处，请引用本文地址）

演示一效果（需自定制样式，此样式效果，需要关闭模块中的链接简介）

----------------------------------------------------------------/

一、首先解释一下模块本身自带样式CSS文件位于：/modules/mod_jk_links/assets/style.css。就是说当模板中的样式CSS文件 /templates/jk_Joomla178/css/jk.links.css 不存在的时候，就会调用前者。（将jk_Joomla178换成你使用的模板）

二、制作自定制样式，用CSS编辑器（Dreamweaver、记事本均可）创建一个新的文件，命名为jk.links.css，输入内容为：

.jk_links{     
  display:block;     
  overflow:hidden;}
 .jk_links ul{     
  display:block;     
  overflow:hidden; 
  width:100%;}
 .jk_links ul li{     
  float:left;     
  overflow:hidden;} 
.jk_links ul li a{     
  display:block;     
  overflow:hidden;     
  padding:4px;     
  font-size:12px; 
  line-height:20px;}
 .jk_links ul li a:hover{     
  background:#2C97D5; 
  color:#fff; }

将创建好的CSS文件上传至网站目录/templates/jk_Joomla178/css/ 中（将jk_Joomla178换成你使用的模板）

清空缓存，刷新前台即可。