各位版上的高手大家好
我目前接到一個網站的管理,之前的人是用drupal製作的
而我對drupal是完全沒接觸過
現在已經開始惡補一些知識...
不過目前我想先做的是把整個網頁變得更寬
http://www.owltale.org.tw/
這是我目前所接手的網頁
目前整體看起來左邊的first sidebar 加 右邊content 的寬度就是整個網頁的寬度
但是當我把first sidebar拿掉後
content的寬度竟然會變成大於原本頁面的寬度
我想知道有哪邊可以設定content的寬度嗎?
不然整個網頁看起來只有細細的一條
PS.我對於製作網頁的知識只有基礎的html,還希望大家指導時能提供詳細一點的內容
謝謝大家
Re: 設定網頁整體寬度
我想你需要的應該是 CSS 排版相關的知識
建議你先從修改版型的 CSS 檔案開始
Re: 設定網頁整體寬度
除非客戶給很多時間摸索. 不然以drupal多元分工.沒接觸過.會很吃力
不太建議你現階段接手這樣的案子
若你會使用firebug~就可得知要改哪一個部分的CSS
#page-wrapper, .region-page-closure {
margin-left: auto;
margin-right: auto;
width: 800px;
}
我看網頁本身的CSS似乎寫在某個區塊中.
另外Panel裡也有設定頁寬的地方
Re: 設定網頁整體寬度
http://www.owltale.org.tw/ 此站寬度寫在某個css檔裡,不過檔案被壓縮看不出來是哪個檔。
可去網站設定 > 效能 (admin/settings/performance) 裡暫時把最佳化css檔案關掉,然後用瀏覽器內建的開發器查看是寫在哪個css檔裡,進而修正之。
※ 較新版的 IE9/Firefox/Chrome/Opera 皆有內建網站開發器,IE9/Chrome 按F12,Firefox/Opera 按Ctrl+Shift+I
寬度是設定在以下列出的選擇器裡
主要頁面
#page-wrapper, .region-page-closure { width: 800px; }
內容
.sidebar-first #content { width: 650px }
左欄
.region-sidebar-first { width: 150px; }
拿掉first sidebar後content會變寬是因為當first sidebar有內容時,body內會多了.sidebar-first這個class,導致原本content width被覆蓋掉
原本的content:
#content { width: 960px }
建議page-wrapper設定960px為佳,因為還是要考量到舊螢幕使用者 (1024x768)
CSS教學可參考:http://www.w3schools.com/css/
Re: 設定網頁整體寬度
謝謝樓上三位大大!
我順利找到從何處修改寬度了
他藏在資料庫的css/layout-fixed.css裡面
謝謝你們的指導!