成都学网页设计

2022-07-05    分类: 网站建设

成都学网页设计 创新互联  13518219792

定制组件是很常见的。内容管理系统中的模块或插件(或您选择调用的CMS)将需要进行一些其他CSS编辑,以使其按预期的方式显示或运行。内容管理系统比使用HTML和CSS构建的传统网站具有更多的工作部件,并且可能需要一些其他技巧才能完成工作。下面显示的方法应对此有所帮助。 


1.使用显示:无隐藏元素
我经常使用CMS插件/扩展/模块,这些插件提供的功能比我的项目所需的功能更多,而且并不总是有打开/关闭开关来管理某些功能。

示例:假设我们在CMS中使用日历应用程序。在此示例中,我正在为Joomla使用JEvents扩展。日历在日历顶部显示当前的月,日和年,但是我希望组件不显示该信息。

日历扩展

使用Firebug,我将鼠标悬停在元素上以找到ID为“ cal_title”

标题

然后,将下面的代码插入到我的css文件中-在这种情况下,我使用的是模板框架Gantry,该模板框架具有名为template.css的模板替代文件。

displaynone

元素现在被隐藏:

 titleremoved

请记住,仅当您隐藏不重要的信息时才应使用此选项。如果您隐藏了不希望向公众发布的信息,那么我建议您进入扩展,应用程序或模块的实际文件,并删除一些代码行。


2.使用!IMPORTANT设置CSS属性的优先级
您安装到CMS中的第三方应用程序始终具有其自己的CSS文件或内联CSS代码。曾经尝试将CS??S应用于不同的HTML元素,但没有效果吗?这可能是因为该元素已经应用了CSS属性,而您的新元素刚刚被覆盖。幸运的是,有一种解决方法-使用!important属性将使您的新规则覆盖现有规则。这仅适用于您创建的属性。例如,如果您仅应用新的border属性,则它将仅覆盖边框,而不会覆盖其他属性,例如字体,background-color等。 

从前面的示例继续,这是将!important属性应用于CSS的方法:

displaynonecode

仅当您用尽了所有其他方法来应用CSS时才应使用!important。通常,您可以轻松找到原始CSS属性并进行修改。


3.使用CSS生成器
 通过在线使用CSS生成器来创建诸如圆形边框,按钮,渐变,阴影等效果,可以节省大量时间。我通常根据需要使用不同的生成器,因此我建议尝试不同的选项,而不要总是使用相同的选项,因为它们通常具有不同的配置。

那么如何找到它们呢?只需使用您喜欢的搜索引擎,然后输入“ CSS generators”!


4.切换网站的移动版本的样式表
 我遇到过几种情况,在这些情况下,我只想修改移动版本的CSS,而无需更改完整的桌面版本。如果您使用的是具有内置移动功能的模板,或者使用jQuery Mobile之类的工具单独构建了移动网站,那么这可能不是问题。但是,在某些情况下,需要此小技巧将派上用场。

本文  提供了出色的教程,可根据您的浏览器宽度切换样式表。
成都学网页设计

网站题目:成都学网页设计
新闻来源:https://www.cdcxhl.com/news/174666.html

成都网站建设公司_创新互联,为您提供移动网站建设全网营销推广营销型网站建设定制网站自适应网站手机网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司