太原星河湾三号院楼王:Joomla教程:为页面和模块添加独立的自定义Class
来源:百度文库 编辑:中财网 时间:2024/05/04 19:46:34
Joomla教程:为页面和模块添加独立的自定义Class
周二, 2011年 10月 25日 07:32 redtop
在Joomla的菜单项和模块设置中,页面Class后缀(Page Class Suffix)和模块Class后缀(Module Class Suffix)这两个参数允许你为Joomla生成的HTML页面增加自定义的class,使我们可以通过CSS为一些页面或模块设定独特的样式。
在添加自定义class时,我们可以在class名称前增加一个空格,例如“ myNewClass”(即“空格+myNewClass”),这样该class名称就是一个我们希望得到的独立的class。例如,原本的HTML
将变为:
注意,如果在新class名称前没有加空格,那么HTML会变为:
通过增加空格的方式为元素添加class后缀之后,我们的目标元素div就有两个class名称了。现在元素的样式没有任何变化,因为“componentheading”这个class依然在起作用。想要改变元素的样式,我们必须为新的class增加一些CSS代码。
例如,我们希望class中包含“myNewClass”的元素有一种特殊的背景色,那么可以在CSS文件中增加如下代码:
.componentheading.myNewClass { background-color: #FFE4E1; /* mistyrose */}
因为我们在CSS选择器中采用了连缀的方式,所以只有某元素同时拥有“componentheading”和“myNewClass”这两个class时,该样式才会被使用。
需要注意的是,在通过设定Class后缀参数的方式来增加HTML元素的class名称时,要确保新的class不会与原有的重名。
周二, 2011年 10月 25日 07:32 redtop
在Joomla的菜单项和模块设置中,页面Class后缀(Page Class Suffix)和模块Class后缀(Module Class Suffix)这两个参数允许你为Joomla生成的HTML页面增加自定义的class,使我们可以通过CSS为一些页面或模块设定独特的样式。
在添加自定义class时,我们可以在class名称前增加一个空格,例如“ myNewClass”(即“空格+myNewClass”),这样该class名称就是一个我们希望得到的独立的class。例如,原本的HTML
将变为:
注意,如果在新class名称前没有加空格,那么HTML会变为:
通过增加空格的方式为元素添加class后缀之后,我们的目标元素div就有两个class名称了。现在元素的样式没有任何变化,因为“componentheading”这个class依然在起作用。想要改变元素的样式,我们必须为新的class增加一些CSS代码。
例如,我们希望class中包含“myNewClass”的元素有一种特殊的背景色,那么可以在CSS文件中增加如下代码:
.componentheading.myNewClass { background-color: #FFE4E1; /* mistyrose */}
因为我们在CSS选择器中采用了连缀的方式,所以只有某元素同时拥有“componentheading”和“myNewClass”这两个class时,该样式才会被使用。
需要注意的是,在通过设定Class后缀参数的方式来增加HTML元素的class名称时,要确保新的class不会与原有的重名。
如何在现有的asp网站页面中添加新栏目(模块)
如何把Joomla和Discuz4整合??
如何在百度空间添加自定义独立模块?
要求完成首页(名称为index.htm或index.asp)和“新闻中心”子页面的设计,请自行添加新闻条目,页面尺寸不限
为什么给QQ空间添加模块后保存他确到了支付页面,添加模块也要钱么?
如何在live space上添加html模块,好像和旧的的space上的添加方法不同
如何添加一个天气预报的模块?
怎么添加QQ空间模块的图片
为什麼我在我的QQ空间里面,添加了一个模块后,就会把原来的模块覆盖了?怎麼解决?
256内存的最大页面文件和最小页面文件到底应该设为多少合适
怎样在新浪博客中添加背景音乐和一张音乐的页面?
如何在网页中添加按钮控制页面字体的颜色和大小呢?
怎样将模块设计成独立的插件形式?
有没有人知道在中国blog网上如何为自己的页面添加背景音乐?谢谢了
MSN SPACE上怎么添加音乐和其他模块?
求暴风影音添加字幕的教程
为自己的电脑添加黑名单和白名单
怎么添加网站模块?
如何添加CAD模块
添加免费QQ模块
vTigerCRM 5.0B 简体中文抢先体验!--目标--和JOOMLA良好整合
进站页面制作教程?!
共享显存和谁共享呢?要升级为独立的怎么弄?
如何隐藏QQ空间里面自己添加的模块?
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网