您在這裡

首頁 » Forums » 疑難雜症 » 版型/Themes

garland 的HEADER高度

cstony0917's 的頭像
由 cstony0917 在 2011-01-26 (三) 17:43 發表

我用的主題跟drupal TAIWAN一樣是garland

CONTENT跟HEADER的部分靠太近了，我想要高一點

類似圖中這樣!

我用FIREBUG查了很久不知道要去哪改...@@

不知道有沒有人改過?

謝謝!

附加檔案大小
Image icon drupal2.png49.21 KB

這樣的話, 你需要改兩個地方:

1. 調整 CSS 設定，將 height 調成你需要的高度

#wrapper #container #header {
height: 80px;
}

2. 修改 /themes/garland/images/body.png 這張底圖
把他調整成你需要的高度

這樣應該就可以達到你的需求了

非常感謝，這樣的確可以做到我要的效果:D

但是我的配色不是原來的，請問該去改新配色裡面的圖片呢??

我不知道在drupal裡面板型的圖片是由程式產生的還是預先做好。

怕直接改了目前存取的圖片往後更新版型會出問題 囧..

謝謝!

剛剛稍微試了一下

換了顏色之後 應該是程式會去產生新的圖檔

相關圖檔及 CSS 會存放在 \sites\default\files\color\garland-xxxxxx\ (xxxxxx 由程式動態產生) 這個目錄裡面

這個時候 同樣再去修改該目錄內的 body.png 即可

只是 這樣每改一次顏色 就得改一次圖 感覺有些麻煩

應該會有更方便的做法, 像是直接修改產生圖片的那段程式

只是還沒時間去研究 XD

我剛剛測了一下...看來是不會偵測原來的圖片長怎樣...@@程式會自己跑出一張新配色的body

但是在THEME裡面又找不到有關原本body的高度CODE...搜尋280都沒東西@@..

不知道產生新檔案的程是到底寫在哪 Orz...因為連css更新也要重新改一次外觀才會生效..

這樣每次改css都要重複製一次body會很麻煩 囧

自己回 XD

我找到動態產生的 code 了：\themes\garland\color\color.inc


// Coordinates of all the theme slices (x, y, width, height)
// with their filename as used in the stylesheet.
'slices' => array(
'images/body.png' => array(0, 37, 1, 280),
'images/bg-bar.png' => array(202, 530, 76, 14),
'images/bg-bar-white.png' => array(202, 506, 76, 14),
'images/bg-tab.png' => array(107, 533, 41, 23),
'images/bg-navigation.png' => array(0, 0, 7, 37),
'images/bg-content-left.png' => array(40, 117, 50, 352),
'images/bg-content-right.png' => array(510, 117, 50, 352),
'images/bg-content.png' => array(299, 117, 7, 200),
'images/bg-navigation-item.png' => array(32, 37, 17, 12),
'images/bg-navigation-item-hover.png' => array(54, 37, 17, 12),
'images/gradient-inner.png' => array(646, 307, 112, 42),
'logo.png' => array(622, 51, 64, 73),
'screenshot.png' => array(0, 37, 400, 240),
),

將 array 的參數 (x, y, width, height) 梢做調整,
就可以設定產生後的圖片 size 了~

以 body.png 為例，
'images/body.png' => array(0, 37, 1, 280),

改成
'images/body.png' => array(0, 37, 1, 180),

這樣產生的圖片高度就會變成 180 px

WOW 真是太神奇了!居然藏在這!!

我修改後的高度應該是315才對，不過我發現把它改成315後顏色卻對不上XD

不知道X,Y分別代表什麼東西的XY@@? 顏色嗎??

是顏色的話又是哪一種顏色呢....我把Y的數值調成72跟2都跟我要的效果不一樣 Orz..

y=2的話下半部會對期.....但是上面的顏色卻會消失!!

y=72的時候底下的顏色又會往上縮!!

x,y 是裁切圖片的起始點，再依照width跟height裁出需要圖片的大小。
這是要用來把 base.png 這張圖片，從不同區塊裁出 Garland 要用的圖片。
這個應該不要亂動，才不會影響版面所裁取的圖片。

如果你要調整主題顏色，可以在上面的這段陣列資料裡面新增你的色系：
// Pre-defined color schemes.
'schemes' => array(
'#0072b9,#027ac6,#2385c2,#5ab5ee,#494949' => t('Blue Lagoon (Default)'),
'#464849,#2f416f,#2a2b2d,#5d6779,#494949' => t('Ash'),
'#55c0e2,#000000,#085360,#007e94,#696969' => t('Aquamarine'),
'#d5b048,#6c420e,#331900,#971702,#494949' => t('Belgian Chocolate'),
'#3f3f3f,#336699,#6598cb,#6598cb,#000000' => t('Bluemarine'),
'#d0cb9a,#917803,#efde01,#e6fb2d,#494949' => t('Citrus Blast'),
'#0f005c,#434f8c,#4d91ff,#1a1575,#000000' => t('Cold Day'),
'#c9c497,#0c7a00,#03961e,#7be000,#494949' => t('Greenbeam'),
'#ffe23d,#a9290a,#fc6d1d,#a30f42,#494949' => t('Mediterrano'),
'#788597,#3f728d,#a9adbc,#d4d4d4,#707070' => t('Mercury'),
'#5b5fa9,#5b5faa,#0a2352,#9fa8d5,#494949' => t('Nocturnal'),
'#7db323,#6a9915,#b5d52a,#7db323,#191a19' => t('Olivia'),
'#12020b,#1b1a13,#f391c6,#f41063,#898080' => t('Pink Plastic'),
'#b7a0ba,#c70000,#a1443a,#f21107,#515d52' => t('Shiny Tomato'),
'#18583d,#1b5f42,#34775a,#52bf90,#2d2d2d' => t('Teal Top'),
),

每一個 #000000 都是一組 rgb 的色碼。

我現在把code改成這樣
//'images/body.png' => array(0, 37, 1, 280),
'images/body.png' => array(0, 2, 1, 315),
就變成現在這樣了@@" http://waaagh.ws/

上面沒顏色!??

x,y 是裁切圖片的起始點，再依照width跟height裁出需要圖片的大小。
這是要用來把 base.png 這張圖片，從不同區塊裁出 Garland 要用的圖片。
這個應該不要亂動，才不會影響版面所裁取的圖片。

感謝解說這部分!終於知道drupal怎麼產生圖片了!

這樣的話是不是要修改base.png來達到我要的效果呢...@@"

------------------------------------------------------
發表後才看到kurotanshi的回覆@@"

感謝各位的幫忙!，我再去試試看!

所以說，如果要改的 header 長度比 base.png 原先的設定還要長的話

變成你必須要先去改 base.png 這張圖

然後再依照你的需求去調整 color.inc 裡面的 x, y, width, height ，

這樣他裁出來的圖才會是你要的樣子。

色碼的部分上面 amouro 有說了，你可以在程式裡做增減，當然也可以從版型內的介面去自訂。