你如何改变黑色横幅栏的颜色?

时间:2012-03-13 09:39:34

标签: xpages

我想匹配我公司徽标中的一种颜色,但我不确定它需要改变什么。那里至少有4个div。我改变哪一个?还是我改变了所有这些?有什么地方可以查找需要更改的内容吗?

1 个答案:

答案 0 :(得分:11)

请查看此网站:Oneui v2.1 documentation。在组件树中,您将找到“banner”组件。这是您需要更新/更改的控件。

默认实现具有以下样式:

.lotusBanner {
    background-color: #000000;
    background-image: -moz-linear-gradient(center top , #525252 0%, #000000 100%);
    padding: 0 10px;
}

您应该更改背景颜色和背景图像。最好的方法是创建一个新的主题,扩展默认的oneuiv2.1主题并添加你自己的css,它覆盖默认值:

<theme extends="oneuiv2.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd" >
    <!-- 
        Use this pattern to include resources (such as style sheets
        and JavaScript files that are used by this theme.
    -->

    <resource>
        <content-type>text/css</content-type>
        <href>your.css</href>
    </resource>


    <!--
        Use this pattern to define property name/value pairs for controls
    -->
    <!--
    <control>
        <name>[Control Name]</name>
        <property>
            <name>[property Name]</name>
            <value>[property Value]</value>
        </property>
    </control>
    -->
</theme>