200912271311Firebug:Drupal改版型、theme必備工具

Firebug:Drupal改版型、theme必備工具:2009年12月22日星期二

適用於:Drupal初學者,想更改Drupal theme外觀 的人。

(一)安裝Firebug:

firebug是firefox的一個附加元件,打開firefox後(在安裝前需先升級Firefox,我已升級至Firefox/3.5.6) ,Click 工具/ 附加元件/取得元件,並在<搜尋所有附加元件>欄鍵入firefox,再Click搜尋放大鏡,就會出現firebug及drupal for firebug兩個元件,下載安裝後,再Click 工具/ 附加元件/擴充套件,就會看到已安裝的Firebug 1.4.5及DrupalForFirebug 0.0.5。如下圖:

(二)使用Firebug:

Firebug最好用之處在於找到theme內style.css中id及class的名稱,如下圖,這是drupaltaiwan,我們想看看drupaltaiwan右欄css的名稱是什麼?先Click<工具/Firebug/開啟Firebug到新視窗>,就會出現螢幕正中的<Firebug視窗>,接著Click <body ...>左方的+號,會出現一排div,試著將滑鼠移至某個div的id=...或class=...,會發現drupaltaiwan網站的畫面會跟著反白,而右欄則是相對於id="sidebar-right" class="sidebar" 的那個div ,這時候到style.css(以我的網站為例,我用garland theme,style.css在c:/xampp/htdocs/drupal/themes/garland內),再找到id sidebar-right及class sidebar,更改css,即可改變右欄的外觀。有關如何改css,可以參考css文件及JohnAlbin講Drupal版型(節譯)

 

回應
嬰兒潮退休指南





Powered by Xuite
    沒有新回應!
關鍵字
部落格的朋友們