各位好:
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
看這頁:
看這頁: http://nbalive.tw/video
它有一個 div 的 class id 是: view-content view-content-videolist
所以你只要在 CSS 裡使用 .view-content-videolist
就可以控制這個 div 裡面的 class!
可是.....
謝謝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
試試打: .view-field-nod
試試打:
.view-field-node_title{
XXXXXXXX
}
或
.view-field{
XXXXXX
}
--迎著風,線放鬆,風箏自然上天空--
CSS class裡的空格,代表同時套用多個類別
CSS class裡的空格,代表同時套用多個類別
例如
<div class="view-field view-field-node_title">Test
代表要同時套用 view-field 以及 view-field-node_title 兩個CSS類別,並不是名稱中間有空格。
謝謝york的幫助! 果然
謝謝york的幫助!
果然打「.view-field-node_title」就可以了!
TKY一直不知道同時套用兩個class的元素,在火狐的web developer裡頭會顯示成「.view-field view-field-node_title」,一直在懷疑是TKY看錯、還是原作者寫錯。(問題是寫錯又怎麼能套用成效果呢?:p)
現在又多知道了一些東西,謝謝你了,york。
TKY(該睡了*o*)
看到 views
看到 views 的討論,很興奮跳進來看,原來是在問 css 怎麼寫 @@;