Fórum
как изменить расположение кнопок?
Johnny JK, modificado 9 Anos atrás.
как изменить расположение кнопок?
New Member Postagens: 12 Data de Entrada: 12/08/14 Postagens Recentes
Есть необходимость изменить расположение кнопки "войти" в правом верхнем углу и переместить туда где располагается основное меню "welcomе" и тд. Пробовал делать через css не очень красиво получается. Так же хочу чтобы логотип был в меню,но не понятно как правильно делать перемещение модулей.
в общем я хочу получить тоже самое что на картинке или меню данного форума
в общем я хочу получить тоже самое что на картинке или меню данного форума
Anexos:
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
Все это необходимо заменить
Далее через админку лиферея вставляю стили
заходим Управления => стринцы
и в самом низу код для CSS
Помните любой промах или некорректное редактирование может привести к ошибкам и получить ошибки загрузки страницы. Поэтому заранее делайте бэкап этих 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>li>a {
margin: 0 6px 0 0;
padding: 7px 10px;
}
.aui #navigation .nav li.active>a {
background-color: #6BBF62;
}
.aui #navigation .nav>.active>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 файлов.
В общем получаем меню на фото
Anexos: