新聞中心
無憂主機(jī)原創(chuàng):Drupal 主題如何自定義添加CSS樣式
作者 / 無憂主機(jī) 時間 2012-08-03 04:01:05
無憂主機(jī)(www.love62.cn)今天給大家?guī)淼氖侵黝}如何增添自定義CSS文件的設(shè)置方法和設(shè)置過程中要注意的問題。我們添加額外的css文件,一般是為了方便我們調(diào)試drupal主題的時候更方便、而且通過自定義增加的css文件,而讓主題變幻出不同的樣式輸出。
Css層疊樣式表想必站長們對這個并不陌生,在開發(fā)主題的時候,CSS也是必須要涉及到的。在drupal 6.x中,當(dāng)在drupal主題的.info文件中沒有定義其它的.css文件的時候,默認(rèn)使用的是style.css這個樣式文件來控制樣式輸出。而在drupal 7.x中并不是這樣,我們只有在主題下的.info文件定義后才能使用。.Info文件所在目錄有兩種情況:
1、系統(tǒng)默認(rèn)主題路徑:...\themes\主題名 2、第三方主題路徑:…\sites\all\themes\主題名 找到我們現(xiàn)在所要用的主題后,我們就可以連接php虛擬主機(jī)ftp,把.info文件下載到本地,然后我們用文檔編輯器(dreamweaver等)開發(fā)這個文件,找到如下圖中所在的區(qū)域。 從上圖中我們看到這樣的代碼:Stylesheets[all][] =css/normalize.css,這是什么意思類?這讓無憂主機(jī)(www.love62.cn)小編來給你解釋一下這段代碼的含義: "stylesheets"是鍵值,第一個[]中是媒體屬性,"="后面的就是您要加入的自定義.css文件了。你可以任意定義、添加你寫好的css文件。 注釋:推薦子目錄只有一級,也就是說css的路徑為 css/mycss.css,而最好不要是css/foo/mycss.css。這樣做只是為了避免模版上路徑文件夾的層過多,讓路徑更加簡明,同時也為了避免一些錯誤。所以我們要加一個額外的CSS作為補(bǔ)丁打上去的時候,我們只要在;Then we add our own stylesheets下加入一行stylesheets[all][] = css/my_hackcss.css。當(dāng)然這個時候我們要在您所在主題css文件夾里添加一個my_hackcss.css文件,然后我們就可以安心的自己的頁面的CSS打個HACK,而不用再擔(dān)心造成修改過多而把以前已經(jīng)寫好的代碼改亂。當(dāng)然還有一種是擴(kuò)展的CSS加入方法,可以參考官方技術(shù)文檔教程:http://drupal.org/node/171209。 純Linux環(huán)境下高端免備案【香港獨(dú)立IP地址】 php空間,僅僅只需199元一年起。商務(wù)中國域名核心代理直銷50元注冊國際頂級域名本文地址:http://www.love62.cn/drupal/6973.html