Как изменить цвет панели навигации и панели навигации в Liferay 6.2

Я работаю над проектом, в котором мне нужно разработать тему, в которой мне нужно настроить навигацию, панель навигации и многое другое. Основная часть - как изменить цвет панели навигации. Liferay 6.2 tomcat 7 windows 7


liferay-theme liferay-6
person asifaftab87    schedule 29.01.2014    source источник
comment
Вы можете переопределить css, отвечающий за css, связанный с навигацией. Правила css см. В файле navigation.css.   -  person Pankaj Kathiriya    schedule 29.01.2014
comment
6.2 включает файлы .scss вместе с другими CSS-стилями, которые можно использовать, когда вы хотите обновить цвета любых компонентов портала (фон, навигация, док-панель, кнопки, портлеты и т. Д.), Но только цвет .. Для других стилей css вы можете найти соответствующий класс в файлах * .css и обновите его в своей теме ..   -  person Ankit P    schedule 30.01.2014

Ответы (2)


arrow_upward
1
arrow_downward

Чтобы изменить цвет панели навигации, я использовал маленькое изображение и повторил это изображение. В

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;
}
person asifaftab87    schedule 03.02.2014

arrow_upward
0
arrow_downward

Включите следующее в 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» должно иметь желаемый вами цвет. Отредактируйте изображение в краске и замените изображение в папке изображений. Путь: / portal-liferay / tomcat / webapps / ROOT / html / themes / classic / images / navigation

person KGDK    schedule 30.01.2014
comment
Спасибо за ваш ответ. - person asifaftab87; 03.02.2014
comment
Да, но ваш ответ мне пригодился - person asifaftab87; 04.02.2014