Joomla/利用CSS给文章标题添加图片
来自站长百科
我们在利用Joomla程序建设网站时,经常会有在一个文章标题前上一个个性化图片的想法,本条目就来简单介绍下实现方法:
具体方法[ ]
1。查看文章显示页面,找到
文章标题
我们只要在模板调用的css文件template_css.css文件中定义类.contentheading就可以了
2、打开template_css.css文件,找到类.contentheading,如果没有这个类的定义,就自己加上
3、修改好的.contentheading类如下
.contentheading { font-family: "宋体"; font-size:9pt; width:250; height:20px; vertical-align:bottom; color:#FF0000; text-indent:12px; /*(标题文字缩进12个象素,调多大看你的图片大小)*/ background-image:url(../images/arrow.gif); background-repeat:no-repeat; /*(背景不重复)*/ background-position:left center; /*(背景位置)*/ }
总结[ ]
这个功能很简单,用CSS实现也方便,主要就是利用CSS来做背景及文字的缩进。同样也可以调整标题的水平方向上的位置等。
这样调的好处就是和joomla无关,模板不用改,只要改CSS文件。
同理,要改其它的页面,也用这个方法。如果在joomla生成的页面中,没有类似.contentheading类,可以自己在相应的joomla文件中加上自己的类(如mydotter),然后在CSS文件中定义好相应的类就行了,如果没有定义好,也不会对joomla有影响
定义了标题,可能有就有需要定义在分类中的文章标题列表的显示样式,打开文件components/com_content/content.html.php,找到相应的内容,在对应的内容上加入class=”你的类”.修改前记得做这个文件的备份。
参考来源[ ]
http://www.joomlagate.com/article/joomla10-tutorial/add-picture-to-joomla-article-title-by-css/