成都學(xué)網(wǎng)頁(yè)設(shè)計(jì) 創(chuàng)新互聯(lián) 13518219792
定制組件是很常見的。內(nèi)容管理系統(tǒng)中的模塊或插件(或您選擇調(diào)用的CMS)將需要進(jìn)行一些其他CSS編輯,以使其按預(yù)期的方式顯示或運(yùn)行。內(nèi)容管理系統(tǒng)比使用HTML和CSS構(gòu)建的傳統(tǒng)網(wǎng)站具有更多的工作部件,并且可能需要一些其他技巧才能完成工作。下面顯示的方法應(yīng)對(duì)此有所幫助。
1.使用顯示:無(wú)隱藏元素
我經(jīng)常使用CMS插件/擴(kuò)展/模塊,這些插件提供的功能比我的項(xiàng)目所需的功能更多,而且并不總是有打開/關(guān)閉開關(guān)來管理某些功能。
示例:假設(shè)我們?cè)贑MS中使用日歷應(yīng)用程序。在此示例中,我正在為Joomla使用JEvents擴(kuò)展。日歷在日歷頂部顯示當(dāng)前的月,日和年,但是我希望組件不顯示該信息。
日歷擴(kuò)展
使用Firebug,我將鼠標(biāo)懸停在元素上以找到ID為“ cal_title”
標(biāo)題
然后,將下面的代碼插入到我的css文件中-在這種情況下,我使用的是模板框架Gantry,該模板框架具有名為template.css的模板替代文件。
displaynone
元素現(xiàn)在被隱藏:
titleremoved
請(qǐng)記住,僅當(dāng)您隱藏不重要的信息時(shí)才應(yīng)使用此選項(xiàng)。如果您隱藏了不希望向公眾發(fā)布的信息,那么我建議您進(jìn)入擴(kuò)展,應(yīng)用程序或模塊的實(shí)際文件,并刪除一些代碼行。
2.使用!IMPORTANT設(shè)置CSS屬性的優(yōu)先級(jí)
您安裝到CMS中的第三方應(yīng)用程序始終具有其自己的CSS文件或內(nèi)聯(lián)CSS代碼。曾經(jīng)嘗試將CS??S應(yīng)用于不同的HTML元素,但沒有效果嗎?這可能是因?yàn)樵撛匾呀?jīng)應(yīng)用了CSS屬性,而您的新元素剛剛被覆蓋。幸運(yùn)的是,有一種解決方法-使用!important屬性將使您的新規(guī)則覆蓋現(xiàn)有規(guī)則。這僅適用于您創(chuàng)建的屬性。例如,如果您僅應(yīng)用新的border屬性,則它將僅覆蓋邊框,而不會(huì)覆蓋其他屬性,例如字體,background-color等。
從前面的示例繼續(xù),這是將!important屬性應(yīng)用于CSS的方法:
displaynonecode
僅當(dāng)您用盡了所有其他方法來應(yīng)用CSS時(shí)才應(yīng)使用!important。通常,您可以輕松找到原始CSS屬性并進(jìn)行修改。
3.使用CSS生成器