Joomla css类后缀

在模块设置界面和菜单项设置界面有【模块类后缀】【自定义模块名称CSS类】和【菜单项链接CSS类】【目标页面CSS类】，如下图：

这里说的CSS类是指CSS的class类选择器，Joomla的这个功能允许我们在不修改源文件的情况下为模块和菜单添加额外的class，以方便我们灵活的控制网页的样式。

这样我们就可以在CSS文件里面使用.red或者.well.red来单独为login模块定义样式了。很多Joomla商业模板内置了很多样式，允许用户通过添加预设的class来激活。

不过要注意class前面有可能需要添加空格，因为不同的模板开发商可能会有不同的处理方式，只需要查看网页生成的class就知道是否需要添加空格了，毕竟well red和wellred是完全不同的。

时间： 2024-10-13 23:28:17

Joomla css类后缀的相关文章

CSS系列（7）CSS类选择器Class详解

这一篇文章,以笔记形式写. 1, CSS 类选择器详解 http://www.w3school.com.cn/css/css_selector_class.asp 知识点: (1) 使用类选择器的前提是给标签添加上类属性,比如<p class="important"></p> (2) 类选择器的语法为:*.important {color:red;},不过一般省略前面的通配符选择器,写成 .important {color:red;},这样就会给所

jQuery 获取并设置 CSS 类

通过 jQuery,可以很容易地对 CSS 元素进行操作. 切换 CSS 类 jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子: .important{font-weight:bold;

css类选择器

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="K

js操作css类

经常会使用js动态设置css类,两种方法. 1.className className是包含所有类的字符串,所以添加删除类就像操作字符串一样就好. 添加类的话比较简单,直接 obj.className += ' active'; 记得加空格. 移除类,需要使用字符串replace函数. obj.className.replace(' active', ''); 如果直接这样写,你会发现没用!!!! 后来才发现,replace不改变原值,而返回值是替换后的值,所以需要这样: obj.classNa

JQuery：JQuery操作CSS类

JQuery:CSS类jQuery - 获取并设置 CSS 类,通过 jQuery,可以很容易地对 CSS 元素进行操作.jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 1.jQuery addClass() 方法实例1:下面的例子

jQuery添加/改变/移除CSS类

转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或者移除CSS类,hasClass判断是否已经存在CSS.改变页面元素样式使用Javascript也可实现,但有没有更简洁的办法,答案是肯定的,现在有了jQuery,似乎让Js代码瘦身了不少,应验了那句话:“jQuery让JavaScript代码变得简洁!”,言归正传,来看jquery如何添加.移除C

angular学习笔记(九)-css类和样式3

再来看一个选择li列表的例子: 点击li中的任意项,被点击的li高亮显示: <!DOCTYPE html> <html ng-app> <head> <title>6.3css类和样式</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="scri

angular学习笔记(九)-css类和样式2

在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名: 我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框. 错误框的类名是.err,警告框的类名是.warn: <!DOCTYPE html> <html ng-app> <head> <title>6.2css类和样式</title> <

深入理解脚本化CSS系列第三篇——脚本化CSS类

前面的话在实际工作中,我们使用javascript操作CSS样式时,如果要改变大量样式,会使用脚本化CSS类的技术,本文将详细介绍脚本化CSS类 style 我们在改变元素的少部分样式时,一般会直接改变其行间样式 <div id="test" style="height:100px;width:100px;background-color:blue;"></div> <script> test.onclick = functio