Нужен код анимации от strikearena для xenforo

Maestro454 · 15 Май 2016

Ребят,привет =)
Мне нужна помощь по форуму.
Дело в том,что я бы хотел вот такое навигационное меню и анимацию как тут (скрин ниже)
Знает кто,как сделать это? =(

Maestro454 · 15 Май 2016

Вот скрин

egoarka · 15 Май 2016

Нужен живой пример, так тебе навряд ли помочь смогут

Dead Master · 15 Май 2016

Maestro454 написал(а):
и анимацию как тут (скрин ниже)

ну на скриншоте анимация супер!
думаю в живую будет еще круче

LEGENDARY · 15 Май 2016

Живой пример я так понимаю - strikearena.ru . Правда не пойму причём тут xenforo.

Mirovinger · 15 Май 2016

Название темы приводим к информативному виду.

Maestro454 · 15 Май 2016

Изменил название темы.
Вот тебе живой пример - strikearena.ru
Нужен код анимации от блоков и код для панели навигации.

Kolya groza morey · 15 Май 2016

А что мешает взять код с этого сайта и адаптировать под свой?

Maestro454 · 15 Май 2016

Я не знаю как=(

Hope · 15 Май 2016

Про меню ладно, более-менее ясно, но какая нахрен ещё анимация? :O_o:

Maestro454 · 15 Май 2016

анимация блоков,как их туда поставить и сделать подсветку

Hope · 15 Май 2016

Меню:

Код:

<header class="sa-header-bar">
<div class="sa-wrapper">
<div class="sa-header-main-navigation">
<div class="sa-control-block">
<div class="sa-control-wrap">
<a href="javascript:void(0);" class="sa-logo sa-main-close-btn"></a>
<a href="javascript:void(0);" class="sa-main-close-btn"><i data-icon="p"></i></a>
</div>
</div>
<div class="sa-search-block">
<form action="http://strikearena.ru/forums/index.php?app=core&amp;module=search&amp;section=search&amp;do=search&amp;fromsearch=1" method="post">
<div class="sa-search-wrap">
<input type="text" class="sa-input light sa-search-input" name="NAME" placeholder="Например, 'администратор' или 'aby'">
<button class="sa-search-submit sa-btn"><i data-icon="k"></i></button>
</div>
</form>
</div>
<div class="sa-search-result" style="display: none;">
test
</div>
<ul class="sa-main-menu-block">
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-arena"></i></div>
<a href="/" title=""><i></i>Портал</a>
</h3>
<ul>
<li><a href="/we-are-in-progress" title="">О проекте</a></li>
<li><a href="/we-are-in-progress" title="">Партнерство</a></li>
<li><a href="/forums/shoutbox/" title="">Чат</a></li>
<li><a href="/forums/topic/35959-%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F-sa" title="">История</a></li>
<li><a href="/we-are-in-progress" title="">Реклама</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-forum"></i></div>
<a href="/forums/index" title=""><i></i>Обсуждения</a>
</h3>
<ul>
<li><a href="/forums/468-сервера-dayz/" title="Forum`s Dayz Standalone">Dayz</a></li>
<li><a href="/forums/550-arma-3/" title="Forum`s Arma 3 Epoch Mod">Arma 3</a></li>
<li><a href="/forums/404-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0-counter-strike-global-offensive/" title="">CS:GO</a></li>
<li><a href="/forums/255-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0-counter-strike-source/" title="">CS:S</a></li>
<li><a href="/forums/267-сервера-counter-strike-16/" title="">CS 1.6</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-news"></i></div>
<a href="/news" title=""><i></i>Новости и обзоры</a>
</h3>
<ul>
<li><a href="/news/c/portal-news/" title="">Новости проекта</a></li>
<li><a href="/our-dev-blog" title="">Блог</a></li>
<li><a href="/news/c/game-reviews" title="">Рецензии</a></li>
<li><a href="/news/c/game-news/" title="">Игровые новости</a></li>
<li><a href="/we-are-in-progress" title="">Что нового?</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-servers"></i></div>
<a href="#" title=""><i></i>Сервера</a>
</h3>
<ul>
<li><a href="/arma3.php" title="">ЛК Arma 3</a></li>
<li><a href="/dayz.php" title="">ЛК Dayz</a></li>
<li><a href="http://sourcebans.strikearena.ru/" title="">Баны CSS</a></li>
<li><a href="http://sourcebans.strikearena.ru/csgo/" title="">Баны CS:GO</a></li>
<li><a href="http://amxbans.strikearena.ru/" title="">Баны CS 1.6</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-support"></i></div>
<a href="/talk" title=""><i></i>Поддержка</a>
</h3>
<ul>
<li><a href="/talk" title="">Задать вопрос</a></li>
<li><a href="/dayz.php?ticket_nouid" title="">Задать вопрос DayZ/Arma3</a></li>
<li><a href="/sa/rules" title="">Правила</a></li>
<li><a href="/forums/topic/39556-%D0%B2%D0%B0%D0%BA%D0%B0%D0%BD%D1%81%D0%B8%D0%B8-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0/" title="">Вакансии</a></li>
<li><a href="/admins.php" title="">Администрация</a></li>
<li><a href="http://strikearena.ru/admins.php?cmd=add" title="">Заявки</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class=""></i></div>
<a href="/downloads" title="Скачать наши сетевые игры"><i></i>Загрузки</a>
</h3>
</li>
</ul>
</div>
<div class="sa-header-nav">
<nav class="sa-header-nav-list">
<a href="javascript:void(0);" class="sa-nav-logo sa-open-main-nav-btn"></a>
<ul class="sa-nav-sublist">
<li class="">
<a href="/" title=""><i></i>Портал</a>
</li>
<li class="">
<a href="/forums/index" title=""><i></i>Обсуждения</a>
</li>
<li class="">
<a href="/news" title=""><i></i>Новости и обзоры</a>
</li>
<li class="">
<a href="#" title=""><i></i>Сервера</a>
</li>
<li class="">
<a href="/talk" title=""><i></i>Поддержка</a>
</li>
<li class="">
<a href="/downloads" title="Скачать наши сетевые игры"><i></i>Загрузки</a>
</li>
</ul>
</nav>
</div>
<div class="sa-header-register">
<a class="sa-header-login-link" href="http://strikearena.ru/forums/index.php?app=core&amp;module=global&amp;section=login" title="Войти" id="sign_in">Войти</a>
<a class="sa-header-register-link" href="http://strikearena.ru/forums/index.php?app=core&amp;module=global&amp;section=register" title="Регистрация" id="register_link"><i data-icon="a"></i>Регистрация</a>
</div>
</div>
</header>

Код:

.sa-header-bar {
    top: 0;
    width: 100%;
    overflow: visible;
    position: absolute;
    z-index: 990;
    background-color: #22242e;
    box-sizing: border-box;
}

Maestro454 написал(а):
анимация блоков,как их туда поставить и сделать подсветку

Каких ещё блоков и куда поставить? Это Вам не XenForo, никакие блоки никуда поставить здесь нельзя.

Maestro454 · 15 Май 2016

Ладно xenforo,окей...
Можно сделать пустую страницу не зависимую от движка как эта(скрин внизу)
Как в нее поставить блоки?

Hope · 15 Май 2016

Это как относится к тематике нашего форума?
Учите HTML:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Maestro454 · 15 Май 2016

Hope написал(а):

Меню:

Код:

<header class="sa-header-bar">
<div class="sa-wrapper">
<div class="sa-header-main-navigation">
<div class="sa-control-block">
<div class="sa-control-wrap">
<a href="javascript:void(0);" class="sa-logo sa-main-close-btn"></a>
<a href="javascript:void(0);" class="sa-main-close-btn"><i data-icon="p"></i></a>
</div>
</div>
<div class="sa-search-block">
<form action="http://strikearena.ru/forums/index.php?app=core&amp;module=search&amp;section=search&amp;do=search&amp;fromsearch=1" method="post">
<div class="sa-search-wrap">
<input type="text" class="sa-input light sa-search-input" name="NAME" placeholder="Например, 'администратор' или 'aby'">
<button class="sa-search-submit sa-btn"><i data-icon="k"></i></button>
</div>
</form>
</div>
<div class="sa-search-result" style="display: none;">
test
</div>
<ul class="sa-main-menu-block">
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-arena"></i></div>
<a href="/" title=""><i></i>Портал</a>
</h3>
<ul>
<li><a href="/we-are-in-progress" title="">О проекте</a></li>
<li><a href="/we-are-in-progress" title="">Партнерство</a></li>
<li><a href="/forums/shoutbox/" title="">Чат</a></li>
<li><a href="/forums/topic/35959-%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F-sa" title="">История</a></li>
<li><a href="/we-are-in-progress" title="">Реклама</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-forum"></i></div>
<a href="/forums/index" title=""><i></i>Обсуждения</a>
</h3>
<ul>
<li><a href="/forums/468-сервера-dayz/" title="Forum`s Dayz Standalone">Dayz</a></li>
<li><a href="/forums/550-arma-3/" title="Forum`s Arma 3 Epoch Mod">Arma 3</a></li>
<li><a href="/forums/404-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0-counter-strike-global-offensive/" title="">CS:GO</a></li>
<li><a href="/forums/255-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0-counter-strike-source/" title="">CS:S</a></li>
<li><a href="/forums/267-сервера-counter-strike-16/" title="">CS 1.6</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-news"></i></div>
<a href="/news" title=""><i></i>Новости и обзоры</a>
</h3>
<ul>
<li><a href="/news/c/portal-news/" title="">Новости проекта</a></li>
<li><a href="/our-dev-blog" title="">Блог</a></li>
<li><a href="/news/c/game-reviews" title="">Рецензии</a></li>
<li><a href="/news/c/game-news/" title="">Игровые новости</a></li>
<li><a href="/we-are-in-progress" title="">Что нового?</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-servers"></i></div>
<a href="#" title=""><i></i>Сервера</a>
</h3>
<ul>
<li><a href="/arma3.php" title="">ЛК Arma 3</a></li>
<li><a href="/dayz.php" title="">ЛК Dayz</a></li>
<li><a href="http://sourcebans.strikearena.ru/" title="">Баны CSS</a></li>
<li><a href="http://sourcebans.strikearena.ru/csgo/" title="">Баны CS:GO</a></li>
<li><a href="http://amxbans.strikearena.ru/" title="">Баны CS 1.6</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class="sa-ic-support"></i></div>
<a href="/talk" title=""><i></i>Поддержка</a>
</h3>
<ul>
<li><a href="/talk" title="">Задать вопрос</a></li>
<li><a href="/dayz.php?ticket_nouid" title="">Задать вопрос DayZ/Arma3</a></li>
<li><a href="/sa/rules" title="">Правила</a></li>
<li><a href="/forums/topic/39556-%D0%B2%D0%B0%D0%BA%D0%B0%D0%BD%D1%81%D0%B8%D0%B8-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0/" title="">Вакансии</a></li>
<li><a href="/admins.php" title="">Администрация</a></li>
<li><a href="http://strikearena.ru/admins.php?cmd=add" title="">Заявки</a></li>
</ul>
</li>
<li class="">
<h3>
<div class="sa-main-menu-icon"><i class=""></i></div>
<a href="/downloads" title="Скачать наши сетевые игры"><i></i>Загрузки</a>
</h3>
</li>
</ul>
</div>
<div class="sa-header-nav">
<nav class="sa-header-nav-list">
<a href="javascript:void(0);" class="sa-nav-logo sa-open-main-nav-btn"></a>
<ul class="sa-nav-sublist">
<li class="">
<a href="/" title=""><i></i>Портал</a>
</li>
<li class="">
<a href="/forums/index" title=""><i></i>Обсуждения</a>
</li>
<li class="">
<a href="/news" title=""><i></i>Новости и обзоры</a>
</li>
<li class="">
<a href="#" title=""><i></i>Сервера</a>
</li>
<li class="">
<a href="/talk" title=""><i></i>Поддержка</a>
</li>
<li class="">
<a href="/downloads" title="Скачать наши сетевые игры"><i></i>Загрузки</a>
</li>
</ul>
</nav>
</div>
<div class="sa-header-register">
<a class="sa-header-login-link" href="http://strikearena.ru/forums/index.php?app=core&amp;module=global&amp;section=login" title="Войти" id="sign_in">Войти</a>
<a class="sa-header-register-link" href="http://strikearena.ru/forums/index.php?app=core&amp;module=global&amp;section=register" title="Регистрация" id="register_link"><i data-icon="a"></i>Регистрация</a>
</div>
</div>
</header>

Код:

.sa-header-bar {
    top: 0;
    width: 100%;
    overflow: visible;
    position: absolute;
    z-index: 990;
    background-color: #22242e;
    box-sizing: border-box;
}

Каких ещё блоков и куда поставить? Это Вам не XenForo, никакие блоки никуда поставить здесь нельзя.

А в какой шаблон вставлять 1 и 2 коды?

Hope · 15 Май 2016

В navigation и EXTRA.css

Нужен код анимации от strikearena для xenforo

Maestro454

Maestro454

Вложения

egoarka

Dead Master

LEGENDARY

Mirovinger

Maestro454

Kolya groza morey

Maestro454

Hope

Maestro454

Hope

Maestro454

Вложения

Hope

Maestro454

Hope

Похожие темы

Мы ценим вашу конфиденциальность