Question

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

Answer 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;
}

Answer 2

在主题文件夹中找到的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'必须是您想要的自定义颜色。在绘画中编辑图像并替换images文件夹中的图像。路径：/ portal-liferay / tomcat / webapps / ROOT / html / themes / classic / images / navigation

如何在Liferay 6.2中更改导航栏和面包屑栏的颜色

2 个答案: