Войти
Введите цифры и буквы
<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>
{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>
/** * 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' => 'Скачать',
{hook run='html_head_begin'}
12 комментариев
Находим файл /templates/skin/ваш_скин/header_top.tpl
Там добавляете div блок(-и):
Пример отсюда:
Ничего не менял, просто копипаст. Ну и css-стили
Этот код:
Далее, находим какой нибудь css файл, допустим, base.css
И вставляем стили:
Не стал мелочиться, забрал всё. (может что пропустил).
Потом находим языковые файлы. Добавляем после
Эти строчки:
Вроде ничего не забыл :) Не знаю кода лайвстрит.
получилось такое(
после
почему пункт демо может дублироватся?
www.dropbox.com/s/cw0qyww4x8cyfwc/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-06-24%2009.13.03.png