0

我正在做一个项目，我必须开发一个主题，在该主题中我必须自定义导航和面包屑栏以及许多其他内容。主要部分是如何改变导航栏的颜色。Liferay 6.2 tomcat 7 Windows 7

4

2 回答 2

1

要更改导航栏的颜色，我使用了一个小图像并重复该图像。在

custom .css 
.navbar-inner {
    background: url("../images/navigation/nav_bg.gif") repeat-x;
/*added by me for navigation bar*/        
/*background: #404041;
 /*added asif ##141415 and hence this will change the background of navigation bar color */
border-width: 0;
    min-height: 36px;
    li a {
    color: #FFF;
          }
    }

通过使用

background: url("../images/navigation/nav_bg.gif") repeat-x;

我们可以改变颜色。这里 nav_bg.gif 是一个非常小的图像，我使用它作为背景颜色，我只是重复那个。

background: #404041;

我们也可以改变颜色。

webdoctor 是我创建的一个 .css 文件，位于 color_schemes 文件夹中。在 webdoctor.css 中

.webdoctor    #navigation {

background: url("nav_bg.gif") repeat-x scroll 0 0 #404041;  /* change the corner color of navigation bar */
clear: both;
margin: 0 auto 5px;
min-height: 2.2em;
padding: 0 5px;
position: relative;
z-index: 1;
}
于 2014-02-03T18:03:13.917 回答
0

在您的主题文件夹中找到的 navigation.css 或 custom.css 中包含以下内容 - 路径：portal-liferay/tomcat/webapps/ROOT/html/themes/classic/css

 #navigation {
background: #414445 url(portal-liferay/tomcat/webapps/ROOT/html/themes/classic/images/navigation/bg.png)repeat-x 0 0;
 }

png 图像“bg.png”必须是您想要的自定义颜色。在paint中编辑图像并替换图像文件夹中的图像。路径：/portal-liferay/tomcat/webapps/ROOT/html/themes/classic/images/navigation

于 2014-01-30T09:46:37.427 回答