当前位置:首页 > 站长资讯 >

PageAdmin cms 局部样式设置的用法

2021-01-11 16:15:30

很多时候我们网站上有多个模块或导航,我们需要对其中一个模块或导航进行一些风格的独立定义,这时候如果修改css文件中公共样式会导致所有模块或导航样式发生变化,针对这种需求,系统后台提供了局部样式设置这个功能来解决这种个性化需要,下面以模块样式设置为例说一下设置方法:

PAgeAdmin cms 进入局部样式设置,我们新建几个样式,如下图:

2、以灰色背景这个样式为例,点击设置进入如下界面:

我们需要单独给模块定义一个灰色背景,我们只需要在内层容器样式(在内容区样式中也可以)中重写css的背景属性即可,语法采用标准css语法,大家看到上图有很多输入框,每个输入框控制模块的不同部分,大家可以在每个框中定义不同样式,然后看前台实际效果,这样能帮助你快速明白每个输入框的作用范围。

3、设置好样式后,我们进入我们需要进行修改的模块的设置界面,如下图在模块风格处选择我们新建的样式即可,如下图:

进入以上设置后,这个模块在前台打开会后模块的内容区div标签中就会加上style="background-color:#cccccc",这个功能也是利用页面中style样式会覆盖公用的css文件中的同名样式的原理。


找租房 c21.com.cn
桔子生活网