资讯

手机用华为 • 推广找展为

十年专注 提供有品质的服务 13933871212

石家庄学网页设计

专注:石家庄网站制作 | 咨询 13933871212(同微信) 2019-09-26 22:09:41

石家庄学网页设计   展为网络   13933871212
 

定制组件是很常见的。内容管理系统中的模块或插件(或您选择调用的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之类的工具单独构建了移动网站,那么这可能不是问题。但是,在某些情况下,需要此小技巧将派上用场。
 
本文  提供了出色的教程,可根据您的浏览器宽度切换样式表。
石家庄学网页设计

10年建站推广经验

让您每一分投入都有更多回报!

联系展为,马上获得专属免费推广方案

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:13933871212   固定电话:0311-80836913   微信:9196389