由本站制作的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换成你使用的模板)

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

除特殊标明文章转自第三方网站,文章均由JOOMLASK.COM原创提供
欢迎友情转载,请务必保留本文出处并引用本文链接: 给JK Links添加自定义样式

支付宝官方话费充值

淘宝充值