Fórum

как изменить расположение кнопок?

Johnny JK, modificado 9 Anos atrás.

как изменить расположение кнопок?

New Member Postagens: 12 Data de Entrada: 12/08/14 Postagens Recentes
Есть необходимость изменить расположение кнопки "войти" в правом верхнем углу и переместить туда где располагается основное меню "welcomе" и тд. Пробовал делать через css не очень красиво получается. Так же хочу чтобы логотип был в меню,но не понятно как правильно делать перемещение модулей.
в общем я хочу получить тоже самое что на картинке или меню данного форума
Johnny JK, modificado 9 Anos atrás.

RE: как изменить расположение кнопок?

New Member Postagens: 12 Data de Entrada: 12/08/14 Postagens Recentes
В итоге делается очень просто нужно поправить файл navigation.vm расположенный по следующему пути
/opt/liferay/tomcat-7.0.42/webapps/welcome-theme/templates
в файле navigation.vm заменяем следующие строки начало и конец помечены жирным слоем

начало


Для правильно работы необходимо еще поправить файл portal_normal.vm расположенный в тоже папке
правим файл portal_normal.vm

начало
#dockbar()
<header id="banner" role="banner"> <div id="heading"> #if ($has_navigation || $is_signed_in) #parse ("$full_templates_path/navigation.vm") #end </div> </header> <div id="content"> конец </div>

Все это необходимо заменить
Далее через админку лиферея вставляю стили
заходим Управления => стринцы
и в самом низу код для CSS

.test-title{
 display:none;
}
.aui #navigation .navbar-inner {
  background: #003b3b;
  min-height: 44px;
  display: -webkit-box;
}
.aui li {
  line-height: 37px;
}
.aui .site-title .site-name {
  display: none;
  font-size: 30px;
}

.aui .logo, .aui .logo:hover {
  color: #fff;
  line-height: 20px;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.aui .dockbar.navbar .nav&gt;li&gt;a {
  margin: 0 6px 0 0;
  padding: 7px 10px;
}

.aui #navigation .nav li.active&gt;a {
  background-color: #6BBF62;
}

.aui #navigation .nav&gt;.active&gt;a {
  background-color: #6BBF62;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#6BBF62),color-stop(47%,#6BBF62),color-stop(100%,#2B8413));
  background-image: -webkit-linear-gradient(#6BBF62; 0,#6BBF62; 47%,#2B8413 100%);
  background-image: -moz-linear-gradient(#118ade 0,#118ade 47%,#2B8413 100%);
  background-image: -o-linear-gradient(#118ade 0,#118ade 47%,#2B8413 100%);
  background-image: linear-gradient(#6BBF62 0,#6BBF62 47%,#2B8413 100%)

filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#6BBF62',endColorstr='#2B8413');
}


Помните любой промах или некорректное редактирование может привести к ошибкам и получить ошибки загрузки страницы. Поэтому заранее делайте бэкап этих VM файлов.
В общем получаем меню на фото