Переходы между страниц в одностраничном шаблоне

  • 9 Ответов
  • 652 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн de1iora

Здравствуйте, помогите пожалуйста реализовать "фигурные" переходы между страницами сайта.
Шаблон одностраничный, BT Jenus.

[spoiler][/spoiler]

а хотелось бы сделать так, ну или примерно так)

[spoiler][/spoiler]
« Последнее редактирование: 11.10.2015, 18:11:35 от de1iora »

*

Оффлайн kik84

Можно добавить в топ темного блока пнгэшку с желаемым узором.

*

Оффлайн de1iora

Спасибо, было бы идеально) но я не знаю как это правильно написать, новичек совсем) За синий блок отвечает модуль и там так написано:
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #454D94;

Что нужно добавить, чтобы вывести пнгэшку в топ?

*

Оффлайн kik84

По скрину не могу сказать.

*

Оффлайн de1iora

Сам сайт находится по адресу http://wow-science.ru
Или нужны файлы CSS?

*

Оффлайн de1iora

Было бы здорово добавить png повторяющуюся по оси "х" и привязанную к самому верху модуля.

*

Оффлайн kik84

Как муз. фон выключить-то?
Да, делаешь png с этой формой и ее как-то так
 background: url(../images/111.png) repeat-x;

*

Оффлайн de1iora

Извиняюсь, там никак не отключить, потом залью видео без звука)
background: url(../images/111.png) repeat-x;
Повторит по оси, а как сделать чтобы она в топе была?

*

Оффлайн de1iora

[spoiler][/spoiler]

Спасибо) получилось, только тот фон меняется в php файле темы и после добавления добавился не туда куда нужно(((

[spoiler][/spoiler]

Что посоветуете, расстроился уже так...думал может шаблон уже сменить(
« Последнее редактирование: 11.10.2015, 18:11:06 от de1iora »

*

Оффлайн darkghost

HTML разметка страницы
<section id="site-features" class="site-features main-bg-color">
...
</section>
<section id="site-ourteam" class="site-ourteam">
...
это означает, что для каждой секции можно вывести свой фон. Чтобы организовать волны или еще что-то в качестве фона, в файле .../templates/wow/css/style.css дописать нечто такое (точно также, как блок - Блок с ученым)
   .site-ourteam{
background-color: #основной цвет !important;
background-image: url("../images/узор_up.png");
}