Liferay 6.2에서 내비게이션 막대와 탐색 경로 막대의 색상을 변경하는 방법 6.2

Question

나는 내비게이션 및 탐색 경로 막대 및 기타 많은 것들을 사용자 정의해야하는 테마를 개발해야하는 프로젝트에서 작업 중입니다. 주요 부분은 탐색 막대의 색상을 변경하는 방법입니다. 을 Liferay 6.2 바람둥이 7 창

Answer 1

7 테마 폴더에 navigation.css 또는 custom.css에 다음을 포함 - 경로 : 포털을 Liferay/바람둥이/웹 어플리케이션/ROOT/HTML/테마/클래식/CSS를

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

png 이미지 'bg.png'는 원하는 맞춤 색상이어야합니다. 페인트로 이미지를 편집하고 이미지 폴더에있는 이미지를 교체하십시오. 경로 :/portal-liferay/tomcat/webapps/ROOT/html/themes/classic/images/navigation

Answer 2

내비게이션 막대의 색상을 변경하려면 작은 이미지를 사용하고 그 이미지를 반복하십시오.

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

를 사용하여

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

중 하나에서 우리는 색상을 변경할 수 있습니다. 여기 nav_bg.gif는 매우 작은 이미지이며 배경색으로 그 이미지를 사용하고 있습니다.

background: #404041; 

색상을 변경할 수도 있습니다.

webdoctor는 나를 만든 .css 파일이며 color_schemes 폴더 안에 있습니다. in 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; 
}