12 комментариев

avatar
Если дружите с html, то очень легко:
Находим файл /templates/skin/ваш_скин/header_top.tpl
Там добавляете div блок(-и):
Пример отсюда:
<div class="ls-nav-global-wrapper">
	<nav class="ls-nav-global clearfix">
		<ul class="ls-nav-global-items">
			<li><a href="http://livestreetcms.ru" rel="nofollow">CMS</a></li>
			<li class="active"><a href="http://livestreet.ru" rel="nofollow">Сообщество</a></li>
			<li><a href="https://catalog.livestreetcms.com" rel="nofollow">Каталог расширений</a></li>
			<li><a href="http://docs.livestreetcms.com" rel="nofollow">Разработчикам</a></li>
			<li><a href="http://job.livestreetcms.com" rel="nofollow">Работа</a></li>

			<li class="ls-nav-global-download">
				<a rel="nofollow" href="http://livestreetcms.ru/download/"><i class="icon-ls-nav-global-download"></i> Скачать</a>
			</li>
		</ul>
	</nav>
</div>


Ничего не менял, просто копипаст. Ну и css-стили
avatar
А более развернутую инструкцию?
avatar
Я как понял, вы не знаете html и css?
avatar
Неа
avatar
Берёте файл header_top.tpl, и вставляете после
{hook run='header_banner_begin'}

Этот код:
<div class="ls-nav-global-wrapper">
	<nav class="ls-nav-global clearfix">
		<ul class="ls-nav-global-items">
			<li><a href="http://livestreetcms.ru" rel="nofollow">{$aLang.header_text_1}</a></li>
			<li><a href="http://livestreet.ru" rel="nofollow">{$aLang.header_text_2}</a></li>
			<li><a href="https://catalog.livestreetcms.com" rel="nofollow">{$aLang.header_text_3}</a></li>
			<li><a href="http://docs.livestreetcms.com" rel="nofollow">{$aLang.header_text_4}</a></li>
			<li><a href="http://job.livestreetcms.com" rel="nofollow">{$aLang.header_text_5}</a></li>

			<li class="ls-nav-global-download">
				<a rel="nofollow" href="http://livestreetcms.ru/download/"><i class="icon-ls-nav-global-download"></i> {$aLang.header_text_6}</a>
			</li>
		</ul>
	</nav>
</div>


Далее, находим какой нибудь css файл, допустим, base.css
И вставляем стили:
/**
 * Nav global
 */

.ls-nav-global-wrapper { background: #fff; }

.ls-nav-global { 
	width: 1008px;
	margin: 0 auto;
	height: 32px;
	font: 13px/1em Verdana;
	border-bottom: 1px solid #f1f1f1;
	color: #7a7a7a;
	background-color: #fff;
}

.ls-nav-global-items             { padding: 0 0 0 18px; }
.ls-nav-global-items li          { float: left; margin-right: 34px; }
.ls-nav-global-items li a        {
	text-decoration: none;
	color: #7a7a7a;
	float: left;
	height: 31px;
	line-height: 32px;
	border-bottom: 2px solid transparent;
}
.mozilla .ls-nav-global-items li a { line-height: 31px; }
.ls-nav-global-items li a:hover    { color: #000; }
.ls-nav-global-items li.active a   { color: #000; border-color: #d1d1d1; }
.ls-nav-global-items li.ls-nav-global-download { float: right; margin-right: 18px; }
.ls-nav-global-items .icon-ls-nav-global-download {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 6px;
	height: 8px;
	background: url(http://livestreet.ru/templates/ls/images/icons/ls-nav-global-download.png) 0 0 no-repeat;
}
.mozilla .ls-nav-global-items .icon-ls-nav-global-download { top: 0; }

/*
.ls-nav-global-items li.ls-nav-global-auth          { float: right; margin-right: 18px; }
.ls-nav-global-items li.ls-nav-global-login         { float: right; margin: 0; font-weight: bold; }
.ls-nav-global-items li.ls-nav-global-login a       { color: #000; float: left; max-width: 150px; overflow: hidden; }
.ls-nav-global-items li.ls-nav-global-login a:hover { color: #f00; }
.ls-nav-global-items .dropdown-toggle               { float: left; height: 31px; }
.ls-nav-global-items .dropdown-toggle:after         { border-top-color: #7a7a7a; }
*//**
 * Nav global synio
 */

.ls-nav-global-wrapper {
	background: #333;
	z-index: 10;
	position: relative;
	border-bottom: 1px solid #555;
}

.ls-nav-global {
	width: auto;
	max-width: 1100px;
	min-width: 976px;
	color: #fff;
	border-color: transparent;
	background-color: transparent;
}
.ls-nav-global-items li a        { color: #aaa; line-height: 36px; }
.mozilla .ls-nav-global-items li a { line-height: 33px; }
.ls-nav-global-items li a:hover    { color: #eee; }
.ls-nav-global-items li.active a   { color: #eee; border-color: #fff; }

Не стал мелочиться, забрал всё. (может что пропустил).

Потом находим языковые файлы. Добавляем после
return array(

Эти строчки:
'header_text_1' => 'CMS',
	'header_text_2' => 'Сообщества',
	'header_text_3' => 'Каталог',
	'header_text_4' => 'Разрабам',
	'header_text_5' => 'Работа',
	'header_text_6' => 'Скачать',


Вроде ничего не забыл :) Не знаю кода лайвстрит.
avatar
Не забудьте чистить cache
avatar

получилось такое(
avatar
вставил в header.tpl
после
{hook run='html_head_begin'}
avatar
К случаю, мне самому такое надобным стало. Сейчас реализую, потом напищу ;)
avatar
У меня все получилось, только как сделать чтоб при переходе в раздел он подчеркивался, чтоб человек не путался где именно он находится.
avatar

почему пункт демо может дублироватся?
avatar
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.