竹貓星球

發表於 : **2011-08-05 11:47**

●主機作業系統：Linux
●快速架站程式：內網 NAS
●您的 phpBB 版本：phpBB 3.0.9
●風格: Prosilver

請問如何把文章顯示的"個人資料背景顏色"變換, 兩者顏色不要一樣, 用以區分區塊.

文章與使用者資訊區塊中間的白線, 變換大小與顏色.

我嘗試在 styles\prosilver\theme 修改 content.css

代碼: 選擇全部

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-right: 1px solid #FFFFFF;
	width: 22%;
	float: left;
	display: inline;
}

加入 background-color: #ff0000;

重新整理風格, 一樣沒有作用.

Best Regards

發表於 : **2011-08-05 13:46**

Barlos 寫: 請問如何把文章顯示的"個人資料背景顏色"變換, 兩者顏色不要一樣, 用以區分區塊.

文章與使用者資訊區塊中間的白線, 變換大小與顏色.

我嘗試在 styles\prosilver\theme 修改 content.css

您的需求必須修改以下檔案：

styles\prosilver\theme\colours.css

代碼: 選擇全部

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
}

發表於 : **2011-08-06 10:27**

先感謝回覆.

用下面的 code, #FF0000 為紅色.

代碼: 選擇全部

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
	background-color: #ff0000;
}

背景顏色的部份, 無法全部下拉涵蓋, 請看附加圖檔.

另一問題, Prosilver & Prosilver SE 的風格, 第一篇文章跟第二篇文章的顏色有深淺差異, 用以區分, 包括個人資訊; 如果依照上面的改, 變成個人資訊都是單一顏色, 請問是哪邊可以做顏色調整?

現行:
第一篇(含個人資訊)顏色用淺灰色, 第二篇(含個人資訊)用稍微深一點的灰色.

預計改成:
第一篇文章顏色用淺灰色, 個人資訊用稍微深一點的灰色
第二篇文章顏色用比第一篇的個人資訊更深灰色一點, 第二篇個人資訊用比第二篇文章的顏色更深一點.
第三篇用第一篇的顏色, 第四篇用第二篇的顏色, 這樣循環.

發表於 : **2011-08-08 10:12**

phpbb 官網有人回應:
http://www.phpbb.com/community/viewtopi ... #p13034171

打開 colours.css

代碼: 選擇全部

.navbar {
background-color: #D1E5D7;
}

代碼: 選擇全部

li.row {
    border-top-color:  #FFFFFF;
    border-bottom-color: #097b00;
    background-color: #e2f0e1;
}

代碼: 選擇全部

.bg1    { background-color: #e9f8e8; }
.bg2    { background-color: #dbf3db;  }
.bg3    { background-color: #bfedc2; }

變更所有的 background-color.

我初步測試了一下, 並沒更換. 有瞭解 css 語法的網友, 可以說明一下嗎?

發表於 : **2011-08-09 16:03**

Barlos 寫: 背景顏色的部份, 無法全部下拉涵蓋, 請看附加圖檔.

當然「無法全部下拉涵蓋」。
會員填的個人資訊多或少，自然會影響整個區塊的高或低。
事實上，在 Prosilver 風格架構下，根本無法全部下拉涵蓋。

Barlos 寫: 另一問題, Prosilver & Prosilver SE 的風格, 第一篇文章跟第二篇文章的顏色有深淺差異, 用以區分, 包括個人資訊; 如果依照上面的改, 變成個人資訊都是單一顏色, 請問是哪邊可以做顏色調整?

您必須先認同上一個問題的回覆內容，再去深究這個（不同的背景顏色）問題。

發表於 : **2011-08-10 10:12**

事實上，在 Prosilver 風格架構下，根本無法全部下拉涵蓋。

看來這是先天架構, 個人資訊是屬於同個區塊.

看到個偷吃步,

代碼: 選擇全部

.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
	background-color: #ff0000;
	min-height:500px;
}

min-height:???px; <= 指定要顯示的高度, 用像素來顯示, 數值可以加大點, 增加凸顯感.

另一個討論區軟體, SMF, 的解套方式.
http://www.simplemachines.org/community ... c=445121.0

css 裡面, 先把整篇的背景顏色改過, 在下一個地方的 css, 把文章內容的背景顏色在改過.

代碼: 選擇全部

.post_wrapper {
    background-color: red;
    float: left;
    width: 100%;
}
.postarea, .moderatorbar {
    background: blue;
    margin: 0 0 0 16em;
    overflow: hidden;
}

發表於 : **2011-08-11 13:16**

Barlos 寫: 看到個偷吃步,
代碼: 選擇全部
.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
	background-color: #ff0000;
	min-height:500px;
}
min-height:???px; <= 指定要顯示的高度, 用像素來顯示, 數值可以加大點, 增加凸顯感.

這個作法，失去定義「min-height」的用意，可說是多此一舉。

文章內容少時，顯得有點誇大；文章內容多時，一樣原形畢露。

竹貓星球

Prosilver 個人資料 - 變更背景顏色

Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色

Re: Prosilver 個人資料 - 變更背景顏色