您在這裡

如何使用views模組的theme wizard功能?

tky's 的頭像
tky 在 2006-11-08 (三) 16:28 發表

各位好:

TKY最近在研究要怎麼改變views模組產生的頁面樣式,尤其是table的外觀。
TKY發現views產生的table都擠在一塊兒,很不好看,所以觀察這些table的CSS元素名稱,然後在預設版型的的style.css中做額外的設定。

一開始還蠻順利的,只是TKY發現table裡頭的內容,譬如文章標題title,一律都會取成類似 .view-field view-field-node_title這樣的CSS元素名稱。

CSS元素名稱名稱中間居然有空格?

由於它的名稱是這樣,TKY就不能在style.css中對它做額外的設定了。
(當然TKY的CSS功力也很淺)

但是TKY還是想要在外觀上強調文章標題title啊,views預定的樣子又小又擠。
TKY研究了一下views模組的theme wizard功能,但搞不太懂那是要怎麼用。
好像不是直接能在上頭做CSS的設定?
是把views產生的原始碼另外貼在其它的頁面上使用嗎(然後TKY可以針對那個頁面做CSS的額外設定)?

不曉得版上老手們有沒有人對views認識比較多的,可以針對這個問題給一點指教。
感激不盡

TKY

謝謝charlesc 的回應。

TKY知道charlesc所說的那個部分,不過TKY要的是更細部的設定。
以charlesc舉的網站來說,我要更改的是 .view-field view-field-node_title這個部分的CSS。也就是每個標題列表的CSS。

不曉得charlesc有沒發現,像每個標題列表這樣的元素,它們的class id都會有一個空格,我在CSS設定中照打進去的話,如:
.view-field view-field-node_title{
XXXXXX
}
元素都不會受到控制。

只打:
view-field-node_title{
XXXXXXXX
}
也沒用。

除了這個最基層元素的class id之外,其它元素的class id都沒有這個問題,所以都可以受到控制。

不曉得有沒有可以幫TKY解決這個問題?

TKY

tky

試試打:

.view-field-node_title{
XXXXXXXX
}

.view-field{
XXXXXX
}

--迎著風,線放鬆,風箏自然上天空--

--迎著風,線放鬆,風箏自然上天空--

CSS class裡的空格,代表同時套用多個類別

例如

<div class="view-field view-field-node_title">Test

代表要同時套用 view-field 以及 view-field-node_title 兩個CSS類別,並不是名稱中間有空格。

--迎著風,線放鬆,風箏自然上天空--

謝謝york的幫助!
果然打「.view-field-node_title」就可以了!
TKY一直不知道同時套用兩個class的元素,在火狐的web developer裡頭會顯示成「.view-field view-field-node_title」,一直在懷疑是TKY看錯、還是原作者寫錯。(問題是寫錯又怎麼能套用成效果呢?:p)

現在又多知道了一些東西,謝謝你了,york。

TKY(該睡了*o*)

tky