2012-11-22 271 views
0

我想用一種背景顏色製作網頁。 例如:1背景顏色

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xc="http://www.ibm.com/xsp/custom" 
    style="background-color:rgb(0,85,165)" disableTheme="true"> 
</xp:view> 

結果是具有從淡藍色在頂部的oneui V2顏色要白色,此後指定爲背景顏色的顏色的頁面。 我怎樣才能得到我想要的結果? 順便說一句,爲什麼他們的選項爲xpage的背景顏色,當它不適用這種顏色?

編輯: 在Chrome中,我發現這一點: servername/xsp/.ibmxspres/.mini/css/@Da & @Ib & 2Tdcore.css & 2TdcoreLTR.css & 2TddefaultTheme.css & 2TddefaultThemeLTR.css & 2Tdxsp.css & 2TdxspLTR.css & 2TdxspSF.css.css

體{ 顏色:RGB(34,34,34);

background-image:url(/domjava/xsp/theme/oneui/images/background.png); }

當我取消標記此背景圖像時,所有內容都顯示爲應該顯示。 但我不知道如何讓這個工作。

順便說一下,我的「網頁」的其餘部分是在一個白色背景的面板中,我使用的是oneui。 這個想法是爲了在網頁上獲得一個藍色邊框。 頁面有固定的大小。屏幕的其餘部分只是藍色(藍色的數量取決於屏幕分辨率) 也許有更好的方法來做到這一點?

回答

2

OneUI佈局由許多部分組成,每個部分都在相當複雜的一組CSS中定義自己的格式。所以你必須找出正確的選擇器和你自己的CSS來爲每個元素定義背景顏色。 第一步應該是在Chrome/IE或Firefox中的Firebug中使用開發工具來識別未正確格式化的組件。

+0

在鉻我看到背景圖像應用:背景圖像:url(/domjava/xsp/theme/oneui/images/background.png) ;當我取消標記時,該頁面應該是它應該的。我嘗試了不同的方式來完成這個在CSS中完成,但我無法得到它的工作。 –

+1

匹配選擇器並重新定義背景圖像。 http://stackoverflow.com/questions/1461077/how-do-i-remove-background-image-in-css –

2

您需要設置背景色,至少以下內容(甚至更多)

.lotusContent .lotusMainContent .lotusColLeft .lotusColRight .lotusMain .lotusTitleBar .placeBar .lotusBanner

不要使用OneUI - 如果你想使用背景

1):

我建議兩兩件事。它創建時考慮到了主題,並且對主題的實現方式非常挑剔 - 與OneUI主題相混淆非常困難。

2)如果你打算把文本頁面上不要使用顏色作爲背景 - 任何文本對比色將是難以閱讀,併爲困難的用戶體驗。看看這個鏈接的一些幫助使用顏色,以幫助可讀性 - http://www.1stwebdesigner.com/design/improve-website-readability-through-colors/

+0

我嘗試了你的建議(蓮花內容等),但無法讓它的工作(見我的編輯上面也) –