2012-11-22 272 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

我尝试了你的建议(莲花内容等),但无法让它的工作(见我的编辑上面也) –