阅读:3474回复:0
给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换成你使用的模板) 清空缓存,刷新前台即可。 |
|