您在這裡

用Drupal架站,放大admin menu字體

jesselue's 的頭像
jesselue 在 2009-12-27 (周日) 18:50 發表

用Drupal架站,放大admin menu字體:2009年12月27日星期日
適用於:Drupal初學者,想更改Drupal theme外觀 的人,對CSS有興趣的人。
用Drupal架站,依"水滴架站全機能攻略"步驟,下載了Administration Menu模組(如下圖上方黑框),十分好用,但是,字體太小,如何放大字體?
(一)以使用localhost為例,用firefox先打開http://localhost/drupal,Click<工具/Firebug/開啟Firebug到新視窗>(安裝及使用Firebug桉這裡),就會出現螢幕正中的<Firebug視窗>,接著Click <body ...>左方的+號,會出現一排div,試著將滑鼠移至id=admin-menu的div(如下圖星號處),會發現網站的Administration Menu模組(如下圖上方黑框)跟著反白,因此,知道Administration Menu模組的CSS id是admin-menu。
(二)我用的是garland theme,所以用dreamweaver打開c:/xampp/htdocs/drupal/themes/garland/style.css,並加入:

#admin-menu{font: 12px/170% Verdana, sans-serif; /* same as body tag */color: #494949; /* same as body tag */position:fixed;}

如此,Administration Menu的字體就會和版面body的字體大小、顏色都一樣了,因為font及 color均使用和body tag相同的設定,加上position:fixed;讓Administration Menu不會跟著捲動。