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

phpBB 3 Style Support
討論的範圍包含版面排列、樣式、配置;外掛問題,請到相關版面依發問格式發表!
(發表文章請按照公告格式發表,違者砍文)

版主: 版主管理群譯文組

版面規則
請注意!您的提問必須遵守發問格式,違者砍文。
主題已鎖定
Barlos
星球公民
星球公民
文章: 56
註冊時間: 2009-06-18 11:24

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

文章 Barlos »

●主機作業系統: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
附加檔案
phpbb_profile.jpg
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8510
註冊時間: 2004-04-30 01:54
來自: Taiwan

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

文章 心靈捕手 »

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

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

我嘗試在 styles\prosilver\theme 修改 content.css
您的需求必須修改以下檔案:
  • styles\prosilver\theme\colours.css

    代碼: 選擇全部

    /* Poster profile block
    ----------------------------------------*/
    .postprofile {
    	color: #666666;
    	border-left-color: #FFFFFF;
    }
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
Barlos
星球公民
星球公民
文章: 56
註冊時間: 2009-06-18 11:24

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

文章 Barlos »

先感謝回覆.

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

代碼: 選擇全部

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
	background-color: #ff0000;
}
背景顏色的部份, 無法全部下拉涵蓋, 請看附加圖檔.

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

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

預計改成:
第一篇文章顏色用淺灰色, 個人資訊用稍微深一點的灰色
第二篇文章顏色用比第一篇的個人資訊更深灰色一點, 第二篇個人資訊用比第二篇文章的顏色更深一點.
第三篇用第一篇的顏色, 第四篇用第二篇的顏色, 這樣循環.
附加檔案
phpbb_profile_color.jpg
Barlos
星球公民
星球公民
文章: 56
註冊時間: 2009-06-18 11:24

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

文章 Barlos »

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 語法的網友, 可以說明一下嗎?
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8510
註冊時間: 2004-04-30 01:54
來自: Taiwan

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

文章 心靈捕手 »

Barlos 寫: 背景顏色的部份, 無法全部下拉涵蓋, 請看附加圖檔.
當然「無法全部下拉涵蓋」。
會員填的個人資訊多或少,自然會影響整個區塊的高或低。
事實上,在 Prosilver 風格架構下,根本無法全部下拉涵蓋。
Barlos 寫: 另一問題, Prosilver & Prosilver SE 的風格, 第一篇文章跟第二篇文章的顏色有深淺差異, 用以區分, 包括個人資訊; 如果依照上面的改, 變成個人資訊都是單一顏色, 請問是哪邊可以做顏色調整?
您必須先認同上一個問題的回覆內容,再去深究這個(不同的背景顏色)問題。
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
Barlos
星球公民
星球公民
文章: 56
註冊時間: 2009-06-18 11:24

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

文章 Barlos »

事實上,在 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;
}
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8510
註冊時間: 2004-04-30 01:54
來自: Taiwan

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

文章 心靈捕手 »

Barlos 寫: 看到個偷吃步,

代碼: 選擇全部

.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
	background-color: #ff0000;
	min-height:500px;
}
min-height:???px; <= 指定要顯示的高度, 用像素來顯示, 數值可以加大點, 增加凸顯感.
這個作法,失去定義「min-height」的用意,可說是多此一舉。

文章內容少時,顯得有點誇大;文章內容多時,一樣原形畢露。
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
主題已鎖定

回到「[3.0.x] 風格問題討論」