1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 811 Просмотров
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
шаблон Helix 3 фоновое изображение
« : 24.04.2017, 18:10:24 »
Пробую сейчас создать свой первый лейдинг на шаблоне helix 3 прибегая к расширению SP PAGE BULDER. В связи с этим возник вопрос. Как сделать чтобы фоновая картинка начиналась с самого начала (верхней границы) сайта и накладывалась на модули лого и меню. Позиции модулей лого и меню я отключить не могу так как они мне будут нужны, там будут располагаться соответственно мой логотип и меню. Просто я бы их хотел наложить на фоновое изображение(или видео) из PAGE BULDER, чтобы все смотрелось более цельно. Порылся в настройках шаблона в Header. Интересного ничего не нашел. В CSS не силен, поэтому попытки сменить несколько параметров не увенчались успехом.
« Последнее редактирование: 24.04.2017, 18:32:33 от Paradox »
Записан
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
Re: шаблон Helix 3 фоновое изображение
« Ответ #1 : 25.04.2017, 22:13:37 »
Подскажите хотя бы в какой строке и какой атрибут править, чтобы уменьшить высоту шапки меню и лого.
sp-header {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
  height: 90px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;

 background: #ffffff none repeat scroll 0 0; поменял на background: transparent none repeat scroll 0 0; шапка стала прозрачной, но только при прокрутке. Пункты меню и лого двигаются нормально. В начале стартовой страницы шапка все равно белая.
Пробовал высоту уменьшить атрибутом height: появляется разделительная полоса и шапка просто делится горизонтальной  полосой в зависимости от выставленного значения height в пикселях.


Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: шаблон Helix 3 фоновое изображение
« Ответ #2 : 26.04.2017, 00:10:41 »
дайте ссылку на пациента или ссылку на демо шаблона (уж больно ленивые тут шастают) так будет быстрее
Записан
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
Re: шаблон Helix 3 фоновое изображение
« Ответ #3 : 26.04.2017, 08:19:47 »
Цитата: darkghost от 26.04.2017, 00:10:41
дайте ссылку на пациента или ссылку на демо шаблона (уж больно ленивые тут шастают) так будет быстрее

Пациент на локальном сервере еще. Вот ссылка на демо шаблона. Верхний топ я отключил в шаблоне. Вопрос по области меню и лого.
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: шаблон Helix 3 фоновое изображение
« Ответ #4 : 27.04.2017, 01:30:22 »
насколько верно понимаю, то блок #sp-top-bar ---- отключен
Теперь картинка. Она прописана вот в этом коде  
Код
<section id="sp-main-body">
...
<div class="page-content">
<section class="sppb-section " 
style="background-image: url("/2015/helix3/images/feature-bg1.jpg"); .... padding: 170px 0px; .... ;">
Чтобы она начиналась с самого начала, правим св-во padding: Чтобы поправить, очевидно нужно искать в исходных файлах шаблона. Если же это тяжело - попробуйте прописать в файле стилей
Код
.sppb-section { padding: ZZZpx ZZZpx !important;}
Высота шапки задается в нескольких классах, а именно .... templates/shaper_helix3/css/template.css (2068)
Код
#sp-header .logo {
    display: table;
    height: 90px; ----- высота лого
    margin: 0;
    transition: all 400ms ease 0s;
}
.... (813)
.sp-megamenu-parent > li > a {
    ...
    line-height: 90px; ------ исправить
    ...
}
.... (921)
#offcanvas-toggler {
    ...
    line-height: 87px; ------ исправить
    ...
}
может где-то шо то и пропустил
Записан
*

MosTender

  • Осваиваюсь на форуме
  • 118
  • -4
Re: шаблон Helix 3 фоновое изображение
« Ответ #5 : 27.04.2017, 01:38:04 »
Цитата: Paradox от 24.04.2017, 18:10:24
Пробую сейчас создать свой первый лейдинг на шаблоне helix 3 прибегая к расширению SP PAGE BULDER. В связи с этим возник вопрос. Как сделать чтобы фоновая картинка начиналась с самого начала (верхней границы) сайта и накладывалась на модули лого и меню. Позиции модулей лого и меню я отключить не могу так как они мне будут нужны, там будут располагаться соответственно мой логотип и меню. Просто я бы их хотел наложить на фоновое изображение(или видео) из PAGE BULDER, чтобы все смотрелось более цельно. Порылся в настройках шаблона в Header. Интересного ничего не нашел. В CSS не силен, поэтому попытки сменить несколько параметров не увенчались успехом.

Месяца два назад, хотел поменять себе этот шаблон, и на сколько я помню, фоновое изображение страницы надо корректировать в материале SP PAGE BULDER, но могу ошибаться. В данном шаблоне, главная страница полностью состоит из SP PAGE BULDER и редактирование шаблона тут не поможет.
Записан
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
Re: шаблон Helix 3 фоновое изображение
« Ответ #6 : 27.04.2017, 22:40:56 »
Цитата: darkghost от 27.04.2017, 01:30:22

Высота шапки задается в нескольких классах, а именно .... templates/shaper_helix3/css/template.css (2068)

Спасибо. Получилось уменьшить высоту шапки. Не подумал, что еще нужно было поднять сами лого и меню. Еще бы убрать ее вообще. Через атрибут transparent делаю ее прозрачной, но на старте страницы она все равно остается белая. Исчезает только после прокрутки вниз. Хотелось, чтобы было как здесь
Цитата: MosTender от 27.04.2017, 01:38:04
Месяца два назад, хотел поменять себе этот шаблон, и на сколько я помню, фоновое изображение страницы надо корректировать в материале SP PAGE BULDER, но могу ошибаться. В данном шаблоне, главная страница полностью состоит из SP PAGE BULDER и редактирование шаблона тут не поможет.
Картинка это фоновое изображение из первой строки PAGE BULDER. Так как строка первая, она стремится максимально вверх. Еще выше ей не дает переместиться блок Header, в котором находятся лого и меню. Если его удалить(вместе с самым верхним блоком Top Bar) в настройках шаблона в пункте Layout, то изображение поднимется в самый верх. С этим все понятно. Проблема состояла как уменьшить высоту шапки или убрать вообще ее, но при этом чтобы пункты меню и лого остались.
« Последнее редактирование: 27.04.2017, 23:53:41 от Paradox »
Записан
*

MosTender

  • Осваиваюсь на форуме
  • 118
  • -4
Re: шаблон Helix 3 фоновое изображение
« Ответ #7 : 28.04.2017, 17:07:14 »
Цитата: Paradox от 27.04.2017, 22:40:56
Спасибо. Получилось уменьшить высоту шапки. Не подумал, что еще нужно было поднять сами лого и меню. Еще бы убрать ее вообще. Через атрибут transparent делаю ее прозрачной, но на старте страницы она все равно остается белая. Исчезает только после прокрутки вниз. Хотелось, чтобы было как здесь Картинка это фоновое изображение из первой строки PAGE BULDER. Так как строка первая, она стремится максимально вверх. Еще выше ей не дает переместиться блок Header, в котором находятся лого и меню. Если его удалить(вместе с самым верхним блоком Top Bar) в настройках шаблона в пункте Layout, то изображение поднимется в самый верх. С этим все понятно. Проблема состояла как уменьшить высоту шапки или убрать вообще ее, но при этом чтобы пункты меню и лого остались.


Helix 3 не очень хороший выбор для сайта, проблема в том, что SP PAGE BULDER поисковики не индексируют и вам остаются только мето данные в пункте меню.
Записан
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
Re: шаблон Helix 3 фоновое изображение
« Ответ #8 : 28.04.2017, 17:40:18 »
Цитата: MosTender от 28.04.2017, 17:07:14
Helix 3 не очень хороший выбор для сайта, проблема в том, что SP PAGE BULDER поисковики не индексируют и вам остаются только мето данные в пункте меню.

От куда такая инфа? Сам шаблон и в частности компонент SP PAGE BULDER очень популярен в среде разработчиков сайтов. Не думаю, что у него будут проблемы с индексацией.
Записан
*

MosTender

  • Осваиваюсь на форуме
  • 118
  • -4
Re: шаблон Helix 3 фоновое изображение
« Ответ #9 : 28.04.2017, 21:47:33 »
Цитата: Paradox от 28.04.2017, 17:40:18
От куда такая инфа? Сам шаблон и в частности компонент SP PAGE BULDER очень популярен в среде разработчиков сайтов. Не думаю, что у него будут проблемы с индексацией.

Инфа с форумов и YouTube, в добавок на нашем сайте тоже есть страница из SP PAGE BULDER не индексируется ни Яндексом ни Гуглом. Увы.
Записан
*

Paradox

  • Осваиваюсь на форуме
  • 29
  • 0
Re: шаблон Helix 3 фоновое изображение
« Ответ #10 : 01.05.2017, 17:28:10 »
Цитата: MosTender от 28.04.2017, 21:47:33
Инфа с форумов и YouTube, в добавок на нашем сайте тоже есть страница из SP PAGE BULDER не индексируется ни Яндексом ни Гуглом. Увы.
Если можно ссылки опубликуйте. Кроме пару сомнительный фраз ничего конкретного не нашел.
Записан
*

Serg_

  • Осваиваюсь на форуме
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: шаблон Helix 3 фоновое изображение
« Ответ #11 : 01.05.2017, 21:19:45 »
Цитировать
Helix 3 не очень хороший выбор для сайта, проблема в том, что SP PAGE BULDER поисковики не индексируют
Helix 3 - это фреймворк и шаблон, SP Page Builder - это компонент.
Если Helix 3 плохой, то почему?
Если SP Page Builder поисковики не индексируют, то откуда информация?
В Google показаны проиндексированные ссылки на демо-сайт SP Page Builder (site:try.sppagebuilder.com)
Согласен с предыдущим оратором
Цитировать
Если можно ссылки опубликуйте
Записан
*

epson950

  • Осваиваюсь на форуме
  • 122
  • 1
Re: шаблон Helix 3 фоновое изображение
« Ответ #12 : 04.05.2017, 03:26:10 »
Сам хотел задать тот же вопрос, что и ТС. У меня правда есть ссылка
Хотелось бы что бы девочка (она идет фоном к блоку страницы SPPB) была видна сквозь меню, лого и топ. Все эти блоки в Хеликсе прозрачны, но вот не получается :(
Записан
*

Serg_

  • Осваиваюсь на форуме
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: шаблон Helix 3 фоновое изображение
« Ответ #13 : 04.05.2017, 08:50:53 »
Проверьте ссылку. Не открывается.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню исчез при уменьшении экрана. Шаблон YT Katana

Автор aniangeless

 Ответов: 1
Просмотров: 22 		Последний ответ 23.09.2017, 01:23:36
от aniangeless
Табы в шаблон

Автор мираж

 Ответов: 0
Просмотров: 32 		Последний ответ 18.09.2017, 11:57:43
от мираж
Joomla видит только шаблон по-умолчанию

Автор dmmur

 Ответов: 1
Просмотров: 115 		Последний ответ 11.09.2017, 18:43:54
от kotstantin
Копирование папок components/com_content/ в шаблон

Автор Mnojitell

 Ответов: 3
Просмотров: 120 		Последний ответ 07.09.2017, 11:34:57
от Mnojitell
Мобильная версия сайта helix

Автор Vitek

 Ответов: 0
Просмотров: 81 		Последний ответ 03.09.2017, 07:11:30
от Vitek