成都学网页设计

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/news16/174666.html

成都网站建设公司_创新互联,为您提供ChatGPT静态网站小程序开发品牌网站制作用户体验网页设计公司

广告

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

成都网站建设公司